Кейс

Zoocomplex

E-commerce та рітейл · Застосунок для iOS та Android

4.8 stars and 34% higher checkout conversion: the Zoocomplex pet-care app for iOS and Android — supplies shop, health profiles and online vet consultations.

UX/UI designMobile appBrand identityiOSAndroid2021

Zoocomplex. A service that takes care of pets

  • iOS
  • Android
The Zoocomplex app on a phone with the illustrated pets
About project

An app that helps you take care of your pet’s health

This application has everything you need to care for pets: an online store with delivery of food and goods, veterinary consultations by video call, chat or a house call, groomer services, pet boarding, walking and training.

Choosing a doctor — the full list of vets with their next free slots
The account page in full
Notifications in full — order status, price changes and new posts
The pet shop home page in full
Consultations — upcoming appointments and the history
Booking a veterinarian — choose the pet and the consultation type
A pet profile in full
A product page in full
Process

Scope of work

An application design requires a holistic approach. This includes researching the niche and competitors, building an impressive and friendly user experience with a focus on how people interact with it.

  1. Discovery

    Market analysis, UX research, user flow.

  2. Design

    Wireframing, UI design, design system.

  3. Delivery

    Animation, presentation.

Brand identity

Print, merchandise and the app in hand

A brochure, a tote bag and a staff badge carry the same illustrated pets and the green that runs through the app.

Zoocomplex brand identity — the printed brochure
Zoocomplex brand identity — the tote bag
Zoocomplex brand identity — the staff badge on a lanyard
Zoocomplex brand identity — the app on a phone in hand
Onboarding

An introduction that builds trust

The onboarding provides the user with an introduction to the application and increases the level of trust in it.

Onboarding — welcome to the app, with the illustrated phone and pets
Onboarding — a wide range of products for your pets, delivered
Onboarding — book a vet appointment in any convenient way
Onboarding — after the consultation you get a conclusion and recommendations
Onboarding — convenient order tracking in the app
Onboarding — grooming, hotels, training and walking services
Sign in / Sign up

It’s very easy to start using the app

To enter or register in the app, just enter your phone number and the code from the SMS.

Welcome screen — sign in or register
Welcome
Sign in — entering the phone number
Phone number
Sign in — entering the code from the SMS
SMS code
Enabling Face ID for quick sign-in
Face ID
The Pet Shop

All the most important in one place

There is a wide range of products for pets, a convenient product catalogue, fast navigation through the store and a convenient format for viewing products.

The pet shop home page banner — online consultations with veterinarians
Pet shop home page — the top-sellers and the catalogue by animal
Pet shop home page
Pet shop home page — search, catalogue and new arrivals
Find the products you need
Catalog

Catalogue

By animal first, then by category — with sorting and filters one tap away.

Catalogue by animal — dogs, cats, fish, reptiles, rodents and birds
Accessories catalogue — leashes, collars, muzzles, beds
Accessories list with sorting and filters
Product

Filters, sorting and the product page

Price, brand, weight and animal type as filters; rating, name and price as sort orders; reviews and bonus points on the product page.

Filters — price range, brand, weight, animal type
Filters
Sorting — by rating, name, price
Sorting
Filter by brand — Croci, Royal Canin, Purina, Hill’s
Brands
Product page — a calming collar for dogs with rating, reviews and add to cart
Product page
Favorites

Favourites

Saved products, filtered by animal and category.

Favourites — empty state
Favourites — saved food and accessories
Favourites — filter by animal and category
Cart and checkout

From the cart to a placed order

Quantity and weight, the free-delivery threshold, payment method, delivery method and recipient — and the thank-you screen.

Cart — empty state
Choosing a payment method
Cart — quantity, weight and total
Cart with items and the free-delivery threshold
Checkout — delivery address, recipient and payment method
Checkout — delivery method and recipient details
Delivery method — pickup, Justin, Nova Poshta or courier
Thank you — the order is placed
Promotions

Promotions, search and the processed order

Monthly promotions, a Telegram channel, search across the catalogue, and a confirmation when the order is processed.

Food catalogue with promotions and top products
Search
Promotions and the Telegram channel banner
Promotions
The order is processed — confirmation with the order contents
Order is processed
My orders

Orders and their status

The list of orders and each order in full — delivery, recipient and contents.

My orders — the list of orders with status and totals
My orders
Order — the details, delivery, recipient and contents
Order
Services

Everything you need for your pet’s health and happiness in one app

Online consultations with veterinarians, appointments with specialised specialists, a pet profile in a smartphone and much more.

Consultations and support tab — booked consultations
Map of clinics and services
Services home — vet, groomer, my pets and consultations
The pet profile of Rocky
Booking a veterinarian — choose the pet and the consultation type
Profile

Pet profile on your smartphone

The pet profile stores the history of all online consultations with a report and recommendations, and records all the pet’s health features.

Pet profile — health records and consultations
Pet card — breed, weight, sex and age
The pet profile of Rocky with services underneath
Profile

Create a pet profile

Welcome screen — sign in or register before creating a pet profile
Step 1 of 3, the pet card — photo, name, species, sex, date of birth and breed
Step 1 continued — breed, coat, weight, address and description
The species sheet — dog, cat, rodents, reptiles or other pets
The coat sheet — hairless, short, medium or long
The address sheet — region, city, street, house and flat
Step 2 of 3, health — neutering, origin, housing conditions and health features
The origin sheet — found, from friends, a shelter, a breeder or a shop
Step 3 of 3, the latest procedures — vaccinations, deworming, flea treatment and check-ups
The completed profile — health record and preventive care
Consultations

Online consultation with a veterinarian

Online consultations for more convenient communication with doctors in any format: call, video call or chat.

Video consultation with the veterinarian
Video call
Chat with the veterinarian
Chat
The list of consultations and their history
Consultations
Map

The convenient map of clinics and services

A customer can easily find a list of verified veterinary clinics and other services with filters, opening hours, specialists and cost.

Map of clinics and services with pins and the list toggle
The list view — clinics with ratings, addresses and distance
Filters — shops, clinics, shelters, groomers and training
Clinic details — rating, description, address and phone
Veterinarian

Make an appointment with the veterinarian

Choosing a doctor, making an appointment at a convenient time for you, three types of consultation with a veterinarian of your choice.

Veterinarian — choose the pet and the consultation type
Pet and type
Choosing a clinic
Clinic
Choosing the time and the consultation type
Time
Choosing the doctor
Doctor
Confirming the appointment
Confirmation
Other services

86+ unique interface screens

More than 86 unique interface screens have been created for groomer services, hotels, training and walking pets.

Groomer — the specialist page
Boarding for small dogs — prices per stay
Groomer — about the specialist
Groomer — the specialist and address
Groomer services — the service list with prices
Groomer salon — choose the pet and the consultation format
Boarding hotel — choose the pet and the hotel
Groomer services — choose the services
Favourite corner — the pet shop
Your address
Products and services — training courses
Choose the pet
My details

Profile and notifications

Personal details, addresses and settings, and notifications for delivered orders, price changes and new posts.

My profile — addresses, questions and settings
Profile
My details — personal information
My details
Notifications — delivered orders, price changes and new posts
Notification
Pages

The home and account pages in full

Two of the longest pages, top to bottom.

The home page from top to bottom — consultations, catalogue, services and new arrivals
Home page
The account page from top to bottom — profile, orders, favourites and settings
Account

Zoocomplex × Jellyworkz

A pet-care app for iOS and Android: a supplies shop, health profiles and online vet consultations. 4.8 stars on the App Store and 34% higher checkout conversion than the web experience it replaced.

Client
Zoocomplex
Work
UX/UI design, mobile app, brand identity
Team
PM Yegor Shustik · UX/UI design Maksim Akhmetshin · illustrations Viktoriya Shahovaya
Year
2021

The challenge

Pet owners were juggling separate places to buy supplies, keep track of their pet’s health and reach a vet. The previous web experience converted poorly at checkout, and none of it worked well on a phone.

What we built

A native app for iOS and Android that puts the whole routine in one place: a pet supplies shop with catalogue, search, cart and checkout; order history and tracking; a pet profile holding health records; online video consultations with a veterinarian; appointment booking; a map of partner clinics and services; and other services such as grooming, boarding and walking. Support chat and push notifications run through the app, and onboarding introduces each section to a new user.

Outcome

The app holds a 4.8-star App Store rating and delivers 34% higher checkout conversion than the web experience it replaced.