Introduction
Think about where you spend most of your waking time. Did you think of a mobile or a screen?
Considering that most of us spend a great amount of time in front of a screen—whether on our phones or on our computers— it makes sense that vendors move their business where customers are spending their time.
As a result, online shopping has become one of the most important sales and communication channels between customers and vendors.
Designing web and mobile User Experiences that are effective will prove key for customers and vendors alike.
Who is Melmira?
Melmira is a Toronto-based boutique specializing in the art of fitting. Melmira's goal is to support women through intimate moments in womanhood— be it the first bras, pregnancy or menopause— with its variety of high-end lingerie and swimsuit lines.
In taking a European approach to fitting, Melmira seeks to make women feel beautiful and comfortable by creating a personalized, one-on-one fitting experience.
Project Breakdown
Usability Testing
A heuristic evaluation was as used as a usability tool on the original Melmira.com website with the goal of identifying usability issues and areas for design improvement.
A competitive analysis was also performed to identify what competitors are doing to increase sales and engagement online and what could be improved.
General Findings
Recommendations FOR DESIGN IMPROVEMENT
Stakeholder Feedback/Review
After meeting and presenting the findings to various stakeholders ranging from IT specialists to business owners, changes and updates were incorporated into the recommendations, providing the foundation for a site map.
Site Map
Two proposed site maps were developed to better organize and visualize how the potential website would be structured to improve the User Experience.
The site maps included hierarchically-organized primary and secondary navigation.
Final Site Map
A second round of feedback and input from stakeholders yielded the final site map and the blueprint for the future website.
Wireframes
Wireframes were developed to bring our vision to life.
The focus and emphasis of the wireframes was on showing the user task flows and structural components gathered from the site map:
How would a user get from Point A to Point B in the most intuitive and hassle-free way possible?
For example:
What would it look like if a user wanted to buy their favourite X Brand bra?
and
How can a user book an appointment?
Desktop/Web
Mobile
Next Steps
Feedback/ Review
Presenting the wireframes to stakeholders to gather feedback and incorporate changes as well as develop new ideas.
User Testing
Develop a low-fidelity interactive prototype for users to try out and for us to measure the effectiveness of the proposed changes.