c2c train provider
Designing the website navigation and footer.
Project overview
Problem and approach
c2c are a long-term client who works with our agency on a regular basis for maintenance and improvements on their website. One of the improvement projects was to redesign the navigation and the footer of their website.
To do this, we did the Information Architecture of the main website navigation and footer, and we performed competitor analysis to get inspiration around the visual presentation of the main navigation of the website, for both desktop and mobile viewports.
After sketching and refining our ideas, we created low- and high-fidelity wireframes both for desktop and mobile. We also created a prototype to show our client how the interactions would work.
My role and contribution
In this project I was a junior Experience designer together with an Experience director.
I was performed the competitor analysis, ideas sketching and low-fidelity wireframes for the main navigation and for the information architecture and design of the website footer.
I experimented with various styles and layouts as we wanted to offer our client options and allow them to decide what would work best, explaining the strengths and drawbacks of each solution.
I also did the prototyping for the wireframes of the main navigation and footer. At the end of the project, I did the footer hand-over annotations, performed design QA and worked closely with the development agency to make sure the navigation was following the final designs.
Outcomes
Final designs for the main navigation and footer, and implementation support. This project was completed early in 2023.
Selected artifacts
Image 1. Competitor analysis for mobile and desktop navigation
Image 2. Sketches and low-fidelity versions of the main navigation
Image 3. Low-fidelity clickable prototype to showcase navigation and interactions
Image 4. Final designs for main navigation and footer
Image 5. Annotated final designs for footer on mobile and desktop