Webflow to Shopify | ViralSweep | e-Commerce | Design & Develop

My client

SMUGLD

There were 4 principles I wanted to follow when designing this SaaS platform

1. Simple Mobile Navigation; I included 3 buttons and removed a mobile menu so that users didn't need an extra click to navigate.

2. 2 Second Rule; Understand what the site is at a glance.

3. Depth; No boring background, the client was collaborating with a custom apparel company, I wanted to pay tribute to their creativity by changing their logo color to match the scene.

4. Readability; Break down content in a way that is easy to understand with icons where possible.

Step 1

I skipped the UI/UX wireframing to save the client time. I quickly went into researching both brands and extracting brand elements.

Step 2

I then picked out a Webflow template that best resembled what I had in mind. I stripped down the template and kept only the essential pieces that would make the process a lot faster.

Step 3

Once everything was complete, I initiated the transfer over to Shopify using Udesly and connected all attributes.

Step 4

Finally, ViralSweeps was connected so that users could get entries to the giveaway for the Cybertruck