Tipti

Grocery Delivery
Quito, Ecuador
Industry
Grocery Delivery
Year
2023
Services
UX/UI Research & Design, Website Redesign, Information Architecture, Prototype Development, Visual Design System Responsive Optimization6

Project Context

Tipti is a home delivery platform that allows users to shop for groceries and household products quickly and conveniently. The redesign aimed to improve the overall user experience, optimize navigation, and increase customer loyalty.

Objective

The original site had confusing navigation, poor visibility of promotions, and unclear product categorization, making it difficult for users to shop efficiently and understand Tipti’s benefits.

Gif
Problem

The original site had confusing navigation, poor visibility of promotions, and unclear product categorization, making it difficult for users to shop efficiently and understand Tipti’s benefits.

Gif
Solution

A complete redesign with a modern, user-centered interface that enhances clarity, simplifies navigation, and strengthens brand consistency across devices.

Testimonials

“The new website completely transformed our shopping experience. It’s faster, clearer, and more intuitive — our customers can now find what they need effortlessly. The redesign truly elevated Tipti’s brand.”

Mariana Torres
Head of E-Commerce

“The new website completely transformed our shopping experience. It’s faster, clearer, and more intuitive — our customers can now find what they need effortlessly. The redesign truly elevated Tipti’s brand.”

Mariana Torres
Head of E-Commerce

Design & Develeopment Process

Research & Analysis

Briefing

Competitors Analysis

UX Analysis

Definition of User Persona

Wireframing & Testing

Userflow & Sitemap

Lo-Fi & Hi-Fi Wireframes

Clickable Prototype

Usability Testing

High Fidelity & Hand-Off

Branding

UI & UI-Kit

Responsive Design

High Fidelity Prototype

Usability Testing

Hand-off to Development

Development & Launch

CMS implementation (WordPress-Elementor / Shopify / Webflow)

CMS Configuration

Responsive Optimization

SEO Improvements (optimized content & images)

Final Testing & QA

Final Project Deployment

Design Process

Research & Analysis

Briefing

Competitors Analysis

UX Analysis

Definition of User Persona

Wireframing & Testing

Userflow & Sitemap

Lo-Fi & Hi-Fi Wireframes

Clickable Prototype

Usability Testing

High Fidelity & Hand-Off

Branding

UI & UI-Kit

Responsive Design

High Fidelity Prototype

Usability Testing

Hand-off to Development

Color Palette

Typography

Brand Identity

User Persona

Age:
Location:
Marital Status:
Role:

Current Situation

Motivations

Frustrations

Goals & Objectives

Logo

Before
After

Lo-Fi Wireframes

Previous Design

The Revamped Experience

The new design features a clean, vibrant layout with friendly typography and a fresh orange color palette that reflects Tipti’s dynamic personality. It emphasizes clarity, accessibility, and consistency, creating a visually engaging experience across mobile and desktop.

Key Features & 
Improvements Implemented

Creating an Intuitive and Efficient Digital Experience

Information Architecture Planning

We reorganized the sections and simplified the hierarchy of product categories to provide a smoother shopping flow.

User Flows

We conducted surveys and interviews with current users to understand their needs and areas of frustration. From the findings, we created user personas reflecting the different profiles using the platform: frequent users, occasional shoppers, and Tipti Prime members.

Visual Design

We opted for a modern and accessible aesthetic, with a fresh and friendly color palette that conveys trust. Visual elements guide the user and highlight promotions, categories, and featured products. The typography and icons were chosen to maximize readability and provide a consistent experience across both mobile and desktop devices.

Conclusion

The new website offers a smoother, faster, and more enjoyable shopping experience, positioning Tipti as a leading delivery service in Ecuador with improved usability and user satisfaction.