Southern Marsh

2023

My Role

rebrand, UI/UX design, shopify build

See it live

The Goals

Develop a new design language for a popular clothing brand
Redesign their website to improve the online user experience
Build the website in Shopify, matching my designs and optimizing performance

Existing Site (before rebrand)

No items found.

The Process - Brainstorming

I started by exploring the brand's website, pulling screenshots, and identifying areas of opportunity with the client, being sure to prompt them to note what they liked about the site and the existing brand identity. This collaborative brainstorming process was done using FigJam. I uploaded full page screenshots of the existing site to a board and asked the clients to notate what they loved/hated. I also communicated ideas with the client by posting inspiration to the board.

No items found.

The Process - Wireframes/Mockups

After the brainstorming phase, the clients requested wireframes of the Product Page, to decide on a new layout for the site. I created 3 different options to begin visualizing how the information could be laid out, placing an emphasis on large product imagery and ease-of-use. After seeing the wireframes, the clients requested moving onto Mockups. I used this opportunity to explore some of the different color, font, and style options I had come up with.

No items found.

Results

The clients chose their favorite Product Page mockup, and I got to work expanding this aesthetic to the rest of the site through additional mockups and eventually a full prototype. Once the clients were happy with the designs, I got to work building in Shopify, and was able to match my designs to their satisfaction. They were extremely satisfied with the redesign and it's still in production today.

No items found.

Selected Work

Designed in Figma
This was my first mockup for an iPad app that would allow Sales Representatives for the company
to keep track of appointments & orders, take notes, and communicate with one another.

Designed in Adobe Illustrator & FigmaThis is an icon set I created to be used in new and existing Clearvision applications, websites, and internal materials. The brand was heading in a more playful direction and the purpose of these was to enhance that vision. Sales Representatives generally have a higher turnover rate, so each icon is meant to be an almost immediate read of what it represents, to account for new employees navigating our applications for the first time.

Designed in FigmaThis is a mockup of an employee portal. The prompt was to make something colorful, easy-to-use, and customizable. Each employee within the company would have different priorities and preferences, so I came up with the idea to use widgets to allow them to tailor each page of the portal to their needs.

Designed in Figma, Built in FlutterThese are a couple of selected screens from the CVO Go iPad app. This was the final product of the app for the Sales Representatives that allows them to keep track of orders, customer information, appointments, and our entire product catalog.