Customizable Pet Product E-commerce Idea

This is an idea for an e-commerce app that allows users to personalize various products with their pet’s photo.

In this application, I simplified the customization process and made it easier to visualize personalized elements.

E-commerce UI Design (Concept)

February 2025

Designed high-fidelity mockups, interactive prototypes, and visual design systems, including color palettes and typography.

Focused on accessibility, usability, and clear product presentation.

Figma

Canva

Introduction Screen: The first screen welcomes users with a clean and simple design, a strong call-to-action (CTA), and a clear introduction to the app’s concept.
The goal: To make the experience engaging while maintaining usability and accessibility.
Home Screen: Users can quickly access the main features of the app through a navigation bar, a notification icon, and a shopping cart.

The goal: Design an interface ease to use, with a clutter-free layout that enhances usability.

Personalization Page: Tapping the "Personalize" button opens a page displaying categories, a filter for quick searches, and suggestions based on popular customized products.

The goal: Help users navigate efficiently and find inspiration.
Product Page: The layout presents customization options without overwhelming the user.
It includes a large product image, a detailed description, and selection options
The goal: To ensures a smooth experience with minimal scrolling and no unnecessary distractions.

Foundations

Color Palette: The chosen colors create a balance between a calm and playful feel, reflecting the pet-related theme.

Typography: The design uses Jacques Francois for a clean and elegant look, with a clear hierarchy:
- H1: 20px
- H2: 15px
- Body text: 13px