Celestra Jewelry Mobile App

Mobile App design

2024

Graphic and UI/UX Designer

Five smartphones display a jewelry app, featuring necklaces, bracelets, earrings, and rings with descriptions, categories, and a store interface on a lavender background.
Five smartphones display a jewelry app, featuring necklaces, bracelets, earrings, and rings with descriptions, categories, and a store interface on a lavender background.
Five smartphones display a jewelry app, featuring necklaces, bracelets, earrings, and rings with descriptions, categories, and a store interface on a lavender background.

Project info

  1. Project Overview

For the Celestra Native App, we designed a modern and user-friendly application aimed at enhancing user engagement and accessibility to services. Our work encompassed UI/UX design, branding, and prototyping, ensuring a cohesive and intuitive experience. The project demonstrates our ability to merge aesthetic appeal with functional design, creating a seamless digital experience that aligns with Celestra’s brand identity.


  1. Concept & Design Process

Strategy & Research

We started by defining:

  • The app’s purpose – to enhance user engagement and streamline access to services.

  • The target audience – which informed the design’s usability and aesthetics.

  • Brand identity – ensuring consistency in logo, colour scheme, and typography.

To establish a clear visual direction, we created:

  • Mood boards – to set the tone for branding and UI elements.

  • Wireframes & sketches – to map out the user flow and interface structure.

UI/UX Design & Prototyping

Using Figma, we collaboratively developed:

  • A clean, modern interface that balances aesthetics and functionality.

  • Easy navigation & accessibility features to ensure a smooth user journey.

  • Engaging visuals generated using AI tools to enhance the brand experience.

Through an iterative design process, we refined layouts and user interactions based on usability principles, ensuring the app was both visually compelling and highly functional.


  1. Final Outcome

The Celestra Native App successfully integrates intuitive navigation, engaging visuals, and a cohesive brand identity, delivering a seamless and enjoyable user experience. This project showcases our expertise in UI/UX design, branding, and user-centered design principles.


  1. Tools & Skills Used

  • Figma – UI/UX design & prototyping

  • Adobe Illustrator – Branding & logo design

  • AI Tools – Generated high-quality images

  • User Research & Wire framing – Defined structure & functionality

  • Team Size: 2 participants


  1. Roles & Responsibilities

  • Sketch & Prototype Designer – Created wireframes and structured the user journey.

  • Figma Design Contributor – Developed the UI components and interactive elements.

  • UI/UX Designer – Ensured the app’s accessibility, usability, and aesthetic consistency.


Design Process

Four smartphone screen sketches display an e-commerce app interface, featuring product listings, a shopping cart, and payment details, showcasing user flow from browsing to checkout in a streamlined design.
Four smartphone screen sketches display an e-commerce app interface, featuring product listings, a shopping cart, and payment details, showcasing user flow from browsing to checkout in a streamlined design.
Four smartphone screen sketches display an e-commerce app interface, featuring product listings, a shopping cart, and payment details, showcasing user flow from browsing to checkout in a streamlined design.
The image is a style guide for the brand "Celestra," featuring a variety of elements including logo usage, a grayscale and purple color palette, logo designs, fonts, gemstone textures, social media imagery, and jewelry illustrations.
The image is a style guide for the brand "Celestra," featuring a variety of elements including logo usage, a grayscale and purple color palette, logo designs, fonts, gemstone textures, social media imagery, and jewelry illustrations.
The image is a style guide for the brand "Celestra," featuring a variety of elements including logo usage, a grayscale and purple color palette, logo designs, fonts, gemstone textures, social media imagery, and jewelry illustrations.
Flowchart illustrating a user's journey through an app, featuring diamond-shaped decision points like logging in or continuing as a guest, options for browsing and selecting engagement rings, reviewing details and adding to a cart, and process stages leading to checkout and order confirmation.
Flowchart illustrating a user's journey through an app, featuring diamond-shaped decision points like logging in or continuing as a guest, options for browsing and selecting engagement rings, reviewing details and adding to a cart, and process stages leading to checkout and order confirmation.
Flowchart illustrating a user's journey through an app, featuring diamond-shaped decision points like logging in or continuing as a guest, options for browsing and selecting engagement rings, reviewing details and adding to a cart, and process stages leading to checkout and order confirmation.
The image displays a mobile app interface showcasing a jewelry shopping experience with multiple screens, highlighting product pages, navigation menus, and vibrant images of rings on a light purple background.
The image displays a mobile app interface showcasing a jewelry shopping experience with multiple screens, highlighting product pages, navigation menus, and vibrant images of rings on a light purple background.
The image displays a mobile app interface showcasing a jewelry shopping experience with multiple screens, highlighting product pages, navigation menus, and vibrant images of rings on a light purple background.