In this project with Andi’s List, I designed the home and portfolio pages. I worked with a design agency to develop the Shopify site by adding inventory and creating the portfolio pages.
Web Design
Web Development
Behind the Scenes
Take a look at the first version of the web design created in Adobe XD. Notice anything different from the final site design?
As you can see, I’m using placeholder text and shapes. This is common in the early stages of web design – I use placeholder text, usually lorem ipsum, to fill in the gaps when waiting on content.
I used a Shopify template to inspire this layout and design so it would be easily replicated during the development stage.