Mockup

UI / UX

A mobile-first redesign and mockup of a website to be more modern and responsive for mobile. Added additional features and enhancements.

Stack

  • Adobe XD Adobe XD
  • InVision InVision
  • UXPressia UXPressia

Role

web design

Mockup

Problem

The original website felt outdated and had issues with layouts on both desktop and mobile.

Problem

Journey Map

I created a journey map and user persona on UXPressia to represent a possible user's experiences and processes when interacting with the website, as well as to help identify potential issues.

Journey Map

Mockups

Created mockups showing new design of pages and enhancements using Adobe XD.

Mockups

Prototype

The mockups were then uploaded to InVision to provide an interactive prototype on mobile.

Prototype