Sonata is an iOS app for online shopping. The target audience is seniors with an active lifestyle. The major objective is to develop an app with accessibility for everyone.
The product:
The goal:
The problem:
My role and responsibilities:
Mobile app for a brand that produces smart casual clothes for business-like seniors. The most general principles are sustainable production, natural fabrics, the ability to combine items with each other. The brand also adheres to minimalism in all aspects of business. Brand color - gray.
To help them make online shopping easy and convenient. And show them that online shopping can be safe. Seniors can chose, order and pay for clothes themselves in mobile app.
The global problem: give to seniors an opportunity to feel attractive, wealthy and interesting for the younger generation.
I managed the project myself and was responsible for user research, wireframing, prototyping, visual design, creating assets
UI
UX
User research
According to researchers, we are seeing a rapid increase in the number of elderly people around the world who use devices and Internet technologies.
The present user interface of web pages, applications, systems and electronic devices have design issues concerning usability and accessibility for the elderly users which hinder them from using technology at an optimal level.
The present user interface of web pages, applications, systems and electronic devices have design issues concerning usability and accessibility for the elderly users which hinder them from using technology at an optimal level.
User research: pain points
As a user, I'm afraid of making a mistake and losing my progress or money.
I have health problems due to which I cannot use the product
More difficult for me to retain new skills and learn
My peers will condemn or not understand me
User persona
Customer journey map
Competitors
Contrasting buttons and headers in the interface. When swiping a photo in the product card, they offer to look similar. Contrasting items in the list of additional information. Consistent product photos. You can contact the store in any product card. Quick transition to the shopping cart after adding the product. Infographics in the interface help the user. There is a photo search.
Small list items in the catalog without infographics.
Small list items in the catalog without infographics.
Accessing the catalog on the first page reduces the search time. It is convenient to interact with large product cards in the catalog. There is a size guide, reviews and care info.
There is not enough space between the categories in the catalog, it is easy to make a mistake. Small and low-contrast font. The size of the buttons is not suitable for use by the elderly.
There is not enough space between the categories in the catalog, it is easy to make a mistake. Small and low-contrast font. The size of the buttons is not suitable for use by the elderly.
Quick access to the catalog and product categories on the main screen . Large font of headings. Contrasting noticeable call-to-action buttons. In the top line there is a burger menu, search and shopping cart. They make navigation easier. The card contains information about the size, available colors, price and additional info.
There are not enough contrasting colors on the product category plates, which makes it difficult to read. Order summary there is no way to quickly correct the order details.
There are not enough contrasting colors on the product category plates, which makes it difficult to read. Order summary there is no way to quickly correct the order details.
Wireframes
The functionality of the application includes product search, catalog, filters and sorting, product cards with additional information, help by phone or mail, shopping cart and registration form with payment.
In visual design, I tried to use big fonts and buttons sizes. Because of the gray brand color, I preferred to classic high contrast colors. I created as easy as possible user flow to achieve the main goal - shopping online.
Screens
