99 RANCH MARKET WEBSITE REDESIGN
I redesigned the 99 Ranch Market website for desktop and mobile, using Figma to make mock-ups. Here’s a link to the Figma project.
First, ideation. I started by researching 99 Ranch Market’s audience and brand identity. Then I identified problems with the current shopping experience, such as a crowded interface and no mobile site, and noted effective features in other online shopping sites. I came up with possible solutions while keeping the brand’s target audience and visual identity in mind, including a cleaner interface and more interactivity in the user experience.
Next, I created a flowchart to determine the user flow, using the solutions that I had identified to streamline the user experience. I selected key parts of the experience to turn into low fidelity, grid-based wireframes for desktop and mobile.
Desktop wireframes
Mobile wireframes
Finally, I brought the wireframes to high fidelity using imagery and language from the original website.
Original website: Homepage
My redesign: Homepage (desktop)
My redesign: Homepage (mobile)
Original website: Categories
My redesign: Categories (desktop)
My redesign: Categories (mobile)
