Neiman Marcus
Neiman Marcus is a luxury department store brand known for offering high-end fashion, designer goods, and premium beauty products. Founded in 1907 in Dallas, Texas, it has built a reputation for exceptional customer service and curated, upscale merchandise. Today, Neiman Marcus remains a leader in the luxury retail space, both in-store and online.
Neiman Marcus is a luxury department store brand known for offering high-end fashion, designer goods, and premium beauty products. Founded in 1907 in Dallas, Texas, it has built a reputation for exceptional customer service and curated, upscale merchandise. Today, Neiman Marcus remains a leader in the luxury retail space, both in-store and online.
Objective
To create immersive and engaging user experience to the Online storefront.
Challenges
There were two key challenges I had to tackle in this project:
1. Create a cohesive brand that communicates a consistent message across products
2. Design intuitive interfaces that align with the brand’s visual image, and allow users to accomplish their goals seamlessly
1. Create a cohesive brand that communicates a consistent message across products
2. Design intuitive interfaces that align with the brand’s visual image, and allow users to accomplish their goals seamlessly
Neiman Marcus mobile App. I was tasked to build a strong cohesive brand design for an eCommerce web app, and design intuitive interfaces that allows users to easily find and shop for products without going into a physical store.
Timeline:
5 weeks (2019)
Role:
UI mobile, Branding & Visual Design,
Production Artist
Production Artist
Tools:
Photoshop, Figma,
Teams, Adobe Experience Manager (AEM)
Teams, Adobe Experience Manager (AEM)
Deliverables:
Updated Brand Guideline, User Flow Diagram
Wireframes, Interactive Prototypes
Preference Testings, Mobile Mockup
Updated Brand Guideline, User Flow Diagram
Wireframes, Interactive Prototypes
Preference Testings, Mobile Mockup
User Flow Diagram:
To validate my thoughts and ideas, I sketched out possible design solutions with pen and paper before turning them to digital wireframes with Adobe XD. These low-fidelity wireframes allowed me to run tests with potential users early on the process.
To validate my thoughts and ideas, I sketched out possible design solutions with pen and paper before turning them to digital wireframes with Adobe XD. These low-fidelity wireframes allowed me to run tests with potential users early on the process.
Wireframes
User Testing
Collaborated and brainstormed with other team members to, to run through scenario-based user tests to ensure the flows and layout I crafted are usable and making sense to my potential users.
Scenario-based User Testing
Shopping Bag
Product Page
Expanded Layout
71% Users
Prefer this design
"Less clicking needed, I can see immediately what is in stock vs out of stock"
"Less clicking needed, I can see immediately what is in stock vs out of stock"
Dropdown Menu
29% Users
Prefer this design
"This design is more compact, takes up less space so I can focus on the product itself"
"This design is more compact, takes up less space so I can focus on the product itself"
Final Design
Product page: Allow users to view product details, select the desired color and size for purchase.
