Expand this Figma prototype of the desktop site in the top right corner. Within this prototype you can click, scroll, and explore!
Expand this Figma prototype of the mobile site in the top right corner. Within this prototype you can scroll, swipe, click, and explore!
After Creating the Shoply Brand Identity (read about that project here), I was tasked with designing the advertiser website (B2B), including home page, resources page, blog pages, and contact page. This project began with some brief user research, as the users in this case are advertisers who we hope will use our platform to reach consumers. The conclusion was a need to show how Shoply can be the link between an advertiser’s products and shoppers. Next we created a site map, sketched a wireframe with approved content, designed mocks of the intended animation using principle, and then designed high fidelity mocks in both desktop and mobile.
This was truly a concept-to-completion role. After completing initial rounds of the design, I created prototypes of this site in Invision (scroll to the bottom of this page to experience the prototypes!) to share with stakeholders. After several ieterations and then approval, I handed off a package to the developers. When the staging site was complete, I also worked on the quality assessment (QA) process, testing the site on multiple devices and providing feedback to the developers until it was ready for launch.