For this project my intention was to showcase all that I have picked up from my previous gig. I wanted to apply the concepts of web/digital design in the feminine, clean, classy, boutique style; which I have been really digging lately. My intention was to create a homepage, product detail page and a product grid page for desktop and mobile. I created these concept pages with the software Figma.
I gave myself the time constraints of one week to deliver this project. I also gave myself the boundaries of a conceptual client of a boutique high end fashion retailer specializing in clothing and jewelry and sticking to a style guide and the guidelines of a client wanting the branding to be modern, feminine, muted and clean.
I gave myself the time constraints of one week to deliver this project. I also gave myself the boundaries of a conceptual client of a boutique high end fashion retailer specializing in clothing and jewelry and sticking to a style guide and the guidelines of a client wanting the branding to be modern, feminine, muted and clean.
At the bottom of the page I have attached some links to view the full mobile pages in mobile mockup.
Homepage Highlights
Product Display Page Highlights
Product Grid Page Highlights
Full project can be viewed here
Please note there are multiple pages, to view use arrow keys or click the arrows on the page. There may be some loading time before all photos are proper resolution and little kinks get worked out, too. There also may be some pesky lines in the prototype but this is no fault of mine, but the software – just a heads up.
Copy and paste into your web browser to view.
Desktop Prototype
https://www.figma.com/proto/PvD3g5wkrybzazIRaRFKnV/Opulente?page-id=426%3A2524&node-id=426%3A2525&viewport=241%2C48%2C0.07&scaling=scale-down
Mobile Prototype
https://www.figma.com/proto/PvD3g5wkrybzazIRaRFKnV/Opulente?page-id=266%3A159&node-id=572%3A10&viewport=241%2C48%2C0.1&scaling=scale-down
Styleguide
https://www.figma.com/proto/PvD3g5wkrybzazIRaRFKnV/Opulente?page-id=572%3A511&node-id=572%3A512&viewport=241%2C48%2C0.33&scaling=min-zoom
