NIO Cocktails
Design of new logged-in website pages for NIO Cocktails, improving access to customer support and introducing a clear rewards experience.
Year
2022
2022
Client
NIO Cocktails
NIO Cocktails
Service
Web Design, UX Design, UI Design, E-commerce
Web Design, UX Design, UI Design, E-commerce
Year
2022
Client
NIO Cocktails
Service
Web Design, UX Design, UI Design, E-commerce
Project summary
Design work focused on improving the logged-in customer experience through two new website pages: a unified support hub and a dedicated rewards page. The project also included updates to the website header to support clearer navigation and access.
Design work focused on improving the logged-in customer experience through two new website pages: a unified support hub and a dedicated rewards page. The project also included updates to the website header to support clearer navigation and access.
Design work focused on improving the logged-in customer experience through two new website pages: a unified support hub and a dedicated rewards page. The project also included updates to the website header to support clearer navigation and access.
My role
Web and UI Designer responsible for page layout, content structure, visual hierarchy, interaction design, and header updates.
Web and UI Designer responsible for page layout, content structure, visual hierarchy, interaction design, and header updates.
Web and UI Designer responsible for page layout, content structure, visual hierarchy, interaction design, and header updates.
Context & problem
Customer support information such as FAQs and contact details were fragmented across the website. Rewards information lacked clarity and visibility, making it difficult for users to understand points, benefits, and next steps.
Customer support information such as FAQs and contact details were fragmented across the website. Rewards information lacked clarity and visibility, making it difficult for users to understand points, benefits, and next steps.
Customer support information such as FAQs and contact details were fragmented across the website. Rewards information lacked clarity and visibility, making it difficult for users to understand points, benefits, and next steps.
Constraints & considerations
Pages needed to remain lightweight and fast-loading
Work had to align with existing NIO brand and UI patterns
Rewards information needed to be understandable at a glance
Content needed to scale without adding complexity
Pages needed to remain lightweight and fast-loading
Work had to align with existing NIO brand and UI patterns
Rewards information needed to be understandable at a glance
Content needed to scale without adding complexity
Pages needed to remain lightweight and fast-loading
Work had to align with existing NIO brand and UI patterns
Rewards information needed to be understandable at a glance
Content needed to scale without adding complexity
Approach & key decisions
Designed a new support hub page combining FAQs, contact information, and inspiration in one place
Designed and structured a rewards page showing points, thresholds, and earning actions
Updated the website header to improve navigation and surface account-related content
Prioritised clarity, hierarchy, and performance
Designed a new support hub page combining FAQs, contact information, and inspiration in one place
Designed and structured a rewards page showing points, thresholds, and earning actions
Updated the website header to improve navigation and surface account-related content
Prioritised clarity, hierarchy, and performance
Designed a new support hub page combining FAQs, contact information, and inspiration in one place
Designed and structured a rewards page showing points, thresholds, and earning actions
Updated the website header to improve navigation and surface account-related content
Prioritised clarity, hierarchy, and performance
Outcome & impact
Delivered clearer access to customer support and a more understandable rewards experience for logged-in users. The new pages reduced friction and improved the overall account experience across the website.
Delivered clearer access to customer support and a more understandable rewards experience for logged-in users. The new pages reduced friction and improved the overall account experience across the website.
Delivered clearer access to customer support and a more understandable rewards experience for logged-in users. The new pages reduced friction and improved the overall account experience across the website.