A college project where we had to create a motion title sequence. I chose to create a motion title sequence for my own film on the historical love story between the Mughal king Akbar and Rajput princess Jodhaa.
A college project where we had to create a motion title sequence. I chose to create a motion title sequence for my own film on the historical love story between the Mughal king Akbar and Rajput princess Jodhaa.
A college project where we had to create a motion title sequence. I chose to create a motion title sequence for my own film on the historical love story between the Mughal king Akbar and Rajput princess Jodhaa.
Art Supply Store
Project Info +
Information Architecture : Aarti Bhalekar
I was challenged to design a shopping app for two categories of users who want to browse and buy art products by appearance:
1) New users and experienced casual users
2) Experienced master users
Client-
Art Supply Store
Timeline-
2 weeks
Tools-
Google sheets
Illustrator
Invision
PROCESS
I took the approach of a five-step process to solve for the above problem:
1) STRATEGY
I outlined both user needs and business goals. New users and experienced casual users may want to just browse, checkout, and buy once.
2) SCOPE
I wrote out the content and the functions of the shopping app into google sheets to organize and outline the project scope.
I split the contents into featured items, sale items, regular priced items, and item details. Then, I wrote out the app functions by category of purchase flow and browse flow in google sheets.
STRUCTURING
To start to define information architecture, I listed around 30 art supply names and categorized them based on content characteristics.
Google Sheets was used to mimicking navigation systems and the flow of the site, then conducted tree-testing with users. Based on their patterns within GoogleSheets, I iterated on the content organization.
I also created a flowchart of screens, behaviours, and conditions to visualize hierarchy.
SCREEN STRUCTURING
The UX design incorporates clear navigation and labelling systems such as calls to action, breadcrumbs, and navigation tabs in my design.
SURFACE
I applied UI design to the wireframes, created an interactive InVision prototype.
STYLE GUIDE
Defining a design system gave users clear state change and actionable component feedback.
The final design after applying insights from user testing and iterating are below:
INTERACTIVE PROTOTYPE
NEXT STEPS:
This project was a great way to further explore principles of information architecture and the art of distilling complex information into simple flows with labeling, navigation, and organization systems.
With more time, I would revisit the functionality of logging in, perform usability tests, and improve the UI Design.