top of page

 

Eyevy

.in

Team: Asad Khan
Role: UI/UX Design
August 2020

Dektop Prototype

​

Mobile Prototype

Anchor 1
Overview

Eyevy is a startup that has been working in the Eyewear industry providing affordable Glasses. After some years of working at the ground level, now they wanted to push their business online and throughout India, and wanted to grab their foot deeper into the unorganised sector of Eyewear industry. As the cofounder, I not only worked on the decisions and operations, but also handled the design of their website, and creating a brand identity.

p5_edited.png
The Problem

Eyevy was primarily focussed on manufacturing sunglasses and had no brand image of themselves.
In a market, already competing with giants like Titan and Lenskart in economic eyewear sector, they wanted something unique, to stand out from them, and make a niche of their own.

 

They had no online presence, no brand image, and no design language.

Asset 18.png
Process
CamScanner%2005-18-2020%2001.56_edited.p

I started out from designing their website, right from scratch.
This meant not just the UI/UX but I also had to define their content, product listings, product photography, their online strategy and everything in between.

​

I took a lot of inspiration from already established businesses like Lenskart and Fastrack. Tried understanding the customer and their needs while buying an Eyewear online.

​

Along with that, I was also informed to keep in mind the design for the print and retail business of their brand.

I started by sketching some quick mockups and scenarios to understand the flow and discuss it with my client

Wireframes

After having a basic idea, I started making wireframes and discussed it with my client to understand the kind of website they want to have.

Asset 20.png
Laying the Foundation

I wanted everything to be easy to understand for both the user and the developer. So it was built on the concept of atomic design. This also helped me systemize the components throughout the website in both its mobile and desktop versions.

Asset 21.png
Asset 22.png
Solution
Mobile Web Interface
Asset 23.png
Asset 24.png
Asset 25.png
Menu and Search on the Desktop Website

User can dynamically check the products to get visual feedback right away.

​

Options and recent searches are kept to a minimum so that it doesn’t become an information overload at the user end and the experience stays smooth.

Asset 26.png
Asset 27.png
Asset 28.png
Desktop Web Interface
  • Twitter
  • LinkedIn
  • Instagram
bottom of page