Design process

My overall contributions

Research: About Us Page

  • Collaborated with Ellana to determine the content for the “About Us” page.
  • Developed user flow and heuristic markups for desktop.
  • Conducted competitor analysis with a focus on Berry Bros & Rudd and Nike.
  • Performed user testing on the desktop version.

Research: Checkout Page

  • Developed user flow and heuristic markups for desktop.
  • Conducted competitor analysis with a focus on Naked Wines and Asos

Initial wireframes – About us, events, checkout

  • Desktop Wireframes
  • Mobile Wireframes
  • First draft of illustrations

Design: About Us Page

  • Designed layout for both desktop and mobile.
  • Created all illustrations for the page, including grapes, glasses, bottles, and wine pouring.
  • Designed and incorporated word animation at the top of the page using After Effects.
  • My initial design set the theme for other group members’ work.
  • Designed sustainability content, both within the page and as a separate section.
  • Designed high fidelity for both desktop and mobile – making separate designs for the sustainability values being on the same page as the about us information or on separate pages
  • Ideated interactive elements for the page.

Design: Events Landing Page

  • Designed layout for both desktop and mobile.
  • Created prototypes with links to other pages.
  • Developed card-like icons to present events, which were used across the group’s designs.
  • Integrated social media features.
  • Developed a creative title using wordplay.
  • Designed high fidelity for both desktop and mobile

Design: Checkout

  • Designed wireframes for desktop and mobile checkouts.
  • Created the framework for the desktop version.
  • Designed the overall appearance and functionality of the checkout process across the formats
  • Prototyped button functionality for both desktop and mobile.
  • Chose the colour palette.
  • Made iterative changes to the mobile format to align with desktop design.
  • Designed the desktop High fidelity

Elements Used Across All Designs

  • Consistent illustrations
  • Standardised buttons
  • Prototyping
  • Uniform title style
  • Card-like icons for event presentation

Leave a Reply

Your email address will not be published. Required fields are marked *