Fruity — Organic Fruit App

A mobile shopping UI/UX concept for fruit, juices and smoothies. Seven core screens connect sign-in and onboarding with product discovery, product details, a cart and saved favourites.

From first visit to an order

The journey starts with sign-in and two introductory screens. Search, category shortcuts and product cards support browsing on the home screen; the detail view leads into a cart with quantity controls and an order summary. Saved favourites provide a way to revisit products.

A warm, consistent visual language

A cream background, citrus-yellow accents, fruit imagery and rounded white cards connect the screens. Black primary actions create a consistent point of emphasis, while the bottom navigation keeps the main destinations in view.

One project, eleven views

The presentation brings together one journey board, seven individual interface screens and three device mockups. UI/UX design by O. Altanbagana; device mockup scenes by Mockuuups Studio.

UI/UX design, screen layouts & journey presentation · 11 artworks
Fruity journey board connecting sign-in, onboarding, home, product details, cart and saved-product screens.
App journey — seven core screens
Fruity sign-in screen with a citrus logo, phone and password fields, and sign-in and registration actions.
Sign-in — the first brand touchpoint
First onboarding screen with a large orange-fruit image, introductory copy and a black continue button.
Onboarding 01 — taste and quality
Second onboarding screen with layered raspberry and blueberry product cards, a yellow gradient and a continue button.
Onboarding 02 — product cards
Fruity home screen with search, a featured offer, fruit and drink categories, and product cards.
Home — search, categories and products
Pineapple product-detail screen with a large image, price, rating, information cards and an add-to-cart action.
Product detail — from information to selection
Cart screen showing three selected products, quantity controls, an order total and a confirmation action.
Cart — selection, quantity and order
Saved-products list with fruit images, prices, ratings, favourite controls and add-to-cart actions.
Saved products — revisit and add to cart
Fruity sign-in screen presented on an orange phone resting on a pink round table.
Sign-in presentation · Mockuuups Studio
Fruity home screen presented on a handheld phone in front of a blue wall.
Home-screen presentation · Mockuuups Studio
Fruity cart screen presented on a phone beside coffee and a notebook on a tray.
Cart presentation · Mockuuups Studio