UI/UX Design
This is a collection of UI/UX design from recent projects. I always try to play with animation and interactions in my designs. All mock ups were built with figma.
ModCloth New
HP Mockup
Work in progress redesign of the HP layout for ModCloth, with the intention of being less promotional and more story driven.
Flip Sandal Tech Page
Design for the tech description page of Flip Sandal, a brand of flip flops with retractable ankle straps. I designed the full page, but the animations I did were definitely the highlight.
Betabrand Rewards Page
This is the loyatly page for Betabrand, designed to give rewards to repeat customers. The page needs to clearly explain all the possible rewards to the customer.
ModCloth x Gunne Sax Collab Preview
A collab announcement page with custom made newspaper clippings, meant to resemble the old newspaper ads that Gunne Sax originally appeared in. The goal was to stir excitement for the new collection without giving away too much.
Flip Sandal Testimonials
A page specifically dedicated to reviews. The team requested that I include a section specifically for instagram reels to auto populate, so the page had to be built with that in mind.
Beta Brand Tech Callout
I did a small tech section to be added to the PDPs of a few of Betabrand's best sellers. This included an animation to show off some of the coolest features of the products.
Karen Kane Sustainability
Karen Kane is a B Corp company, and they want to make sure everyone knows it. Therefore redesigning their sustainability page was a big deal to them. I added in some icons to the page that animate on hover to give it an extra special touch.
ModCloth x Flip
Sandal Competition
Flip Sandal is a very new company, so they utilized the ModCloth name to get them some extra traction to their site with a competition! I made sure the page fit the aesthetics of both of the brands, while still communicating all the potential winnings and terms to apply.
Karen Kane Footer
Karen Kane wanted to fit as much information into their footer as possible, while using as little space as we could. I managed to eliminate some of the empty space on the footer and ultimately make it more organized.
ModCloth V-Day Gift Guide
A design for the ModCloth gift guide, decked out in hand drawn elements.I always want ModCloth designs to look like something the ModCloth girl could have put together in a scrapbook, and this page was no different!
ModCloth Footer
If there's one thing the people of ModCloth love, its a hand drawn cat. I drew the cat myself and placed him on the top of the header as if he is lounging there, and then streamlined the rest of the header to be a more organized experience then it was before.