Improving responsive web experience - Glenavon Community Hub (An Auckland Community Space)
Client: Glenavon Community Hub, Auckland | Role: Web Designer | Timeline: March 2021 - Feb 2023 | Tools: WIX Website Builder
Achievement: Received great feedback from the community on the visual and user experience. The website’s site session (211%), unique visitors (30%) and average session duration (176%) increased after the redesign
​
The Work: I was given the opportunity to redesign the Community's website and recreate using the WIX website builder. I am currently update, design and create web page templates/ layouts of the website when needed.
​
The Hub Coordinator's Endorsement: "I’ve enjoyed engaging Rameez, her skills in IT, web design mean that we have an opportunity to connect with our community and share our events and initiatives. Incredibly knowledgeable and hard working, Rameez is such an asset. Always such a pleasure to work alongside you." - RJ Thomson
Discover
Requirements :
• Redesign the community website to be responsive
• Revamp the information architecture to make it intuitive to the users
• Rebuild the website using the WIX Website builder
Project Goals :
• Reorganize the content and layouts for easy navigation and use.
• Create additional pages and components to give more information in an organized manner.
• Use brand colors with contrast adhering to WCAG 2.1 standards and create a style guide for the website.
Define
Analyse
I thought about analyzing the current website and how I can improve its efficiency. I planned to organize the images, contents and minimalize the contents in few pages and create few new pages to improve the user experience. The in page and main navigations were planned to improve the efficiency of the website.
The product’s features need to fulfill these user needs.
Ideate
Designing Information Architecture
As the website was built using a CMS platform(Wix), sample wire frames were created only for a few pages for my reference. I created some sample pages using WIX and used them to propose the new design.
Designing Style Guide
Design Value - Minimal and Clear
I craft every page with more attention to how it can encourage the user to get all the information without missing them. I created lightboxes to give a website with minimal and clear information's in the pages. As a result, we got good feedback from the user that it improves readability and they stayed a long time on the pages than before.
About Us Page - Old
About Us Page - New with lightbox to give a minimal look
Responsive Screens
Desktop Screenshots
Mobile Screenshots
Results
Improvements in Website :
The website’s site session (211%), unique visitors (30%) and average session duration (176%) increased after the redesign. Source: WIX Traffic overview- Comparing with year2020
​
My Experience :
• Deep knowledge of the WIX platform
• Opportunity to work with the coordinator/product owner
• Practice getting feedback and fixing it faster
• Understanding accessible color contrast, wording and styling interactive elements