This project centred around creating a website/webstore for Namo, which helps customers all over the world to access the product range through an online catalogue, and shop from wherever. Namo, a line of exclusive décor accessories, wanted to expand their brand to this forum. Namo products were sold at various retail stores and through exhibitions. The previous website did not give product details, making it difficult for the users to make decisions online.
The new website increased the sales through website by 50%.
The new website increased the sales through website by 50%.
(left) Home page of the previous website, (Right) New layout of the homepage
Created iterated task flows and wireframes to suit the needs of the users and client.
Wireframe presentation to the client. Making the client understand the navigation and interlinking.
Interaction and Interface explanation to the client.
Final simplified wireframes for own understanding.
Product view in the previous website; No details of the product (Left), Current layout of the website ; complete product detials, different views of images and link to similar products. (Right)
Closeup of the product details and interface.
As a graphic designer, my role consisted of a wide range of tasks from idea generation, discussions, and conceptualisation to content organisation and site structure, communication with and presentations to the client, and visualisation and execution of web design and motion graphics for the website. In addition to this, I was involved in creating concepts and wire frames for the e-shop as well along with retail merchandising. Another important part of the project was a critical evaluation of the end product and a relevant discussion of issues related to the project.
The project included intense user research, persona building, user testing, information architecture, stock checking, photo shoots etc. and a complete documentation. I used UCD techniques such as surveys, shadowing, personas, card sorting and simple prototyping for user testing.
Personas and Analysis
My role in this project was of a front-end designer, I was not involved in the development. Though I provided concrete and fully detailed navigation & interaction maps and details, the coding was not up to the mark. That is where my project lacked. The current website online, is not how I had proposed it.
The complete ideation, navigation, interaction and layouts along with the research can be found in my final documentation below.
For quick and better understanding of the interface, navigation and interaction; Screenshots of the pages as proposed.
Home page starts with an accordian of product shots in setting with a brief intro about the brand.
Namo products are classified into different ranges. The first option gives a scroll of the different collections.
On rollover
On rollover
On selecting a collection, the first product opens. The list of other products in the range are in the tabs on the right. The product page features all the relevant details of the product as well as different views.
Ranges can be switched using the navigation menu on top.
Example of multiple views/images.
Change of product within the same range.
Second category of classification is by function
View1 of product 1 in the category of candle holders.
View 2 of product 1 in the category of candle holders.
2nd category of Mandirs
Gifts and sets
Details of gift sets
Explaining the design inspiration of the product and give further inspiration for product use.
About the product
About the owners
About the different collections
Retail stores in various cities.
Retail stores in various cities.
Simple contact details, no annoying forms.
