This portfolio piece showcases a website I designed and developed while working at Mash Media, where I was hired as a web manager in 2021.
Conference-News is the UK’s premier source for news, insights, and thought leadership within the meetings, events, and conferences sectors.
Developing this website was a significant milestone in improving my Elementor Pro page builder skills.
I delved deeply into post widgets and their query settings, using the Loop Grid widget for the first time, integrating a bookmark system, and adding cool features such as text magnification and a reading progress bar on each article that indicates the percentage read.
In this blog post I’ll walk you through a few key website features and sections.
And guess what? At the end of it all, I’ll hook you up with the URL link so you can check the website right in your browser.
Feel free to drop a comment, ask questions, or share suggestions. Enjoy the read!
Bookmark System
I intergrated a user-friendly bookmark system that allowed readers to save articles without needing to register or create an account.
This feature enhanced accessibility, enabling users to easily curate their own reading lists.
Reading Progress Bar
I integrated a page reading progress bar, which benefits users by providing a visual indicator of their reading progress, helping them gauge how much of the content they have covered and how much remains. This enhances the reading experience by making it more engaging and interactive.
Text Magnification
Recognizing the diverse needs of readers, I integrated a text magnification button.
This allowed readers with visual impairments to increase text size by up to three times, ensuring accessibility for a wider audience and fostering inclusivity. I achieved this by writing some custom JavaScript.
Social Sharing Buttons
I strategically placed social sharing buttons on the side and bottom of articles.
This not only encouraged readers to share content but also contributed to the website’s authority and off-page SEO.
Sharing articles across social networks increased the site’s visibility and expanded its reach within the event industry community.
Portfolio Details
- Explore this portfolio piece in your web browser by following the links below.