Re-design of Magis website with updated easy customisation and additional features like AR view to connect with user personally.

UX-UI Design | Web Design | Strategy Design

Overview

Magis is an Italian brand which manufacturers furniture designed by famous designers all over the world.  It provides customisation of products on their website which was complex and less engaging of the users to the brand.

We redesigned the website for building a strong relationship between Magis and the user based on trust and accessibility. We enhanced the perception of brand by understanding the user by research and then prototyping the design.

This was a team project concluded in 3 months under the curriculum in SPD. All the teammates were equally involved in every process of the project.

Prototype
Design Process

Members

Rujuta Pachpande
Jessica Delgado
Hadeel Haj Mohammad

Mentor

Andrew Scupelli
Scuola Politecnica Di Design -SPD, Milan, Italy

Duration

3 months

Tools Used

Adobe XD
Adobe After Effects
Adobe Photoshop
Adobe Illustrator
Miro
Site Analysis

We did overview UX audit of the website as per some UX principles.
We listed the shortcomings that are affecting user’s experience on the applications.

  • Knowing the availability of customization and which products is available for customization
  • Friendly UI and a functional “ fast, easy and intuitive ” process
  • Satisfying information about product, materials and designer and quality
  • Needs to have a closer experience to reality
    - High quality photos
    - Alternative angle views of the product and zooming
    - Having the opportunity to change between 2D and 3D
Secondary Research
Market Analysis

We did research of some luxury product brands have customisation feature and their approach to make it stand out on page.
We could see that brands focusing on customisation of product have separate navigation tab for it.

Brand Requirements

As per market analysis and desk research we considered some important requirements to focus

  • Give the user a better experience to customize the product.
  • An intuitive & interactive process to establish a good relationship between the brand and the user
  • Make it relevant to different type of clients “the targeted customers”
  • Emphasises the quality of the products
Ideation

Considering all the requirements from users we did some brainstorming for ideation for website. We added many new functionality in website making it more user friendly for users.

User Persona

With some market research and competitive analysis , we categorise our customers in 4 groups of users.
We penned down their requirements of these group for the better experience with brand.

Customer journey map
Emotion journey map

We did emotional journey mapping of users distinguishing them with different colors for better understanding.

Painpoints of Users

From the journey mapping we took some of the important pain points for defining the solid strategy plan for the brand.

Information architecture

With all the opportunities in the website, the information architecture was created with new workflow including all the previous functionality operated from website.

Strategy Proposal
Our main goal is to "Enhance the perception of the brand".


Building a strong relationship between Magis and the user based on trust and accessibility by implementing following features.

  • New customisation process
  • Optimised navigation filters
  • New feature to add real environment - AR
  • Profile page for user interactions
Wireframes

We defined initial wireframe for our design and then later the layout was refined as per continous feedback from our mentor.

Visual Identity

Considering all brand image and design principles, we created visual identity for website. After continuous iterations as per feedback from mentor we finalised the new visual language for brand. View the whole document of all the changes.

UI Design Solutions

We continuously changed our design according to the feedback from our to meet our design goals.

Prototype

We added small animations to design while prototyping to increase the interactions for better user experience.

Prototype
Reflections

Re- designing one of the luxury brand website by implementing design principles and trending technology for engaging user with our brand was achieved.

The design process was little tedious as the existing brand image was changed in between our project, so we had to rework on the strategy again as per new brand image.