This web design exercise led me to come up with the very first Contiki's Group Travel pages for the Canadian region. The content's heaviness got sorted out by using UI and UX principles. I then built the responsive web pages on Sitecore CMS. Discover the UI & UX solutions below.
№ 1/ Content Chunking
Helping the user retain information by grouping units of information, using white space, visual hierarchy, numbering, shortening and hiding copy inside a tab system.
№ 2/ User-friendly Interactions
→ Use of clear and consistent CTAs, anchor links, close buttons, tab system's interactive states.
№ 3/ Mobile First Experience
65% of the website traffic comes from mobile users.
→ Use of mobile animated modal overlays, responsive sections built with columns, concise copy and hidden images on mobile view.
Our mandate was to create a responsive microsite for a new wine. Before being involved in the project, it is worth mentioning that the creative was already approved by the client and established by a few Art Directors. I only joined the project at a time when the client wanted to see how the site will behave on mobile view... and it took a good amount of desktop view' simplication.
Creative Solutions:
→ Mobile header simplication with lock-up removal, slideshow gallery ornamental frame removal, desktop separators removal.
Project Involvement:
→ Mobile navigation, mobile screens, buttons, desktop/mobile headers, and sliders images design + web styleguide for the front-end developers.
