Before & After example of the homepage (respectively)
This project was made by the agency Pixeled Eggs. The client felt that their website did not look as professional as they expected to, and it did not succeed in meeting their business purpose. We suggested a full re-design, from audience research to new CMS.
My participation in the design process included the creation of the Website's proposition, Information Architecture, wireframing and user journey creation, and finally, UI and design system.
The Challenge
Completing this project within a tight deadline and with exceptionally high expectations was a considerable challenge. We encountered extensive client involvement and faced challenges related to building trust, high volume of meetings and parallel working on the different design stages.
The Process
Research phase
The process included interviews and defining the audience through workshops with the client to build the user personas and website proposition.
Screenshot of the Miro file where we worked on the final proposition that came as a result of user interviews and workshops with the client.
Navigation & Wireframing
We built the information architecture and performed a tree-testing with Useberry. This process consisted of three iterations.
Screenshot of the Miro file where we worked on the Information Architecture.
The wireframing stage involved two iterations that focused mainly on interactions and user journeys. Each iteration was presented to the client, and included check-ins with developers to ensure that our ideas can come to reality.
Screenshot of the Figma file where the wireframes were created, separated by page type for efficient workflow.
Interface Design
This stage started from exploring different moodboards to mastering the final details of the design that give the website its final touch, such as the wave animated loop that you can see as you scroll through the homepage.
Screenshots of the Moodboard exploration
Creating the design system
The design system is a key step of our process as it will help the developers understand the designer's process and also help the client keep the website consistent when adding new pages on the CMS.
Screenshot of the Figma File where we build the design system
The Result
These are some nice messages we received from the client:
"...And, thank you for all of your work and dedication on this project, and the same goes for all the teams at PC. The site is looking really great, with enhanced CX, brand and ease of use for us."
"...And, thank you for all of your work and dedication on this project, and the same goes for all the teams at PC. The site is looking really great, with enhanced CX, brand and ease of use for us."
“a piece of art”
“It looks amazing, speaks about our work in a way that is clear and engaging and ALSO has clear actions and what next steps! Game changer!”
“It's soooo clean and clear!”
-From different Performance Consultants stakeholders.
The results did not disappoint and it felt like a great success from my end. Our team became stronger and we gained such valuable experience.
If you want to know more about this project, feel free to drop me a message!
The results did not disappoint and it felt like a great success from my end. Our team became stronger and we gained such valuable experience.
If you want to know more about this project, feel free to drop me a message!
Screenshot from the homepage of the website (2024)