SKIMS
Brand Collaborations, Inventory, & Mobile App Updates
All client work
Dynamic Landing Page Experience for Dolce & Gabbana and The North Face Campaigns
Skims had 2 very exciting collaborations that were planned for launch in Q4 and I was tasked with coming up with several design sections for a landing page experience that could create a visually interesting and dynamic landing page. The page needed to consist of any pre-existing component modules, while also exploring new modules. They also wanted to think about movement and animation as the user interacted and scrolled down the page. We looked to Zara, Aritizia, Gucci, and several unique design websites for animation inspiration.
Final live landing page for the Skims X Dolce & Gabbana collaboration.
Mobile section concepts for the Dolce & Gabbana landing page.
Desktop section concepts for the Dolce & Gabbana landing page.
Final Decisions
With the development team under timeline constraints, we decided on only a few main component sections, both old and new, that would be the most effective for timing of launch. We also decided on maintaining two animations styles for each campaign; D&G focusing on an image shift experience and TNF focusing on a image zoom out experience for parallax scrolling. Ultimately, the decision to cut out mostly new designs was due to timing.
Final live landing page experience for the Skims X The North Face collaboration.
Desktop section modules for The North Face landing page.
Mobile section modules for The North Face landing page.
Inventory on PDP
As a first initial project with Skims, I was tasked with quickly putting together a flow for showcasing inventory in store on the PDP. Making sure I adhered to the new styling of the design system and branding, I was able to create a clean and minimal look for the "Find in Store" section. Store information is to search and read through the expanded drawer.
Mobile section modules for The North Face landing page.
Design System and Component Updates for Skims Mobile Application
I was first to complete a full audit of any discrepancies I found between the current mobile app version and the original designs. After completing the audit, I then updated each individual design to make sure it matched accordingly and then also created a newly updated version of each screen to match the new styling for the branding that the developers were working on updating.
