From an Idea to a Brand

Can a single idea transform into a successful business? What if the challenge is massive, the concept is brand new, and the competition is fierce?
This is the story of how I joined a startup with a bold vision, helped shape its brand identity, and designed a user experience that set it apart.
But to do that, I had to go beyond just design. I had to think like a business strategist, a psychologist, and a storyteller.

Alongside design and development, I stepped into a Business Analyst role, mapping out the user flow, gathering real-world needs from stakeholders, and turning complex requirements into clear, actionable features. The result? A smoother online ordering process that saved time, reduced errors, and made both users and the business happier.

ui-app
Project Overview

Project Overview :

Role : Business Analyst/UI/UX Designer & Brand Strategist
Company : A.P. Atra
Project Duration : over 2 years
Tools Used : Figma, Adobe XD, Draw.io
Goal : Develop a strong brand identity and design an intuitive multi-platform UX/UI that enhances user engagement and sets the business apart.

Problem Statement

Problem Statement :

Creating a new brand in a competitive market required more than just design. It needed a strong identity and an intuitive user experience to attract and retain customers. With no existing user patterns, the challenge was to understand customer behavior, build a compelling brand story, and design a seamless digital ecosystem that set the business apart.

Living the Business Before Designing

Understanding Customers

Spent a week working in the store, observing real customer behavior to understand their interactions, struggles, and excitements.
Understanding Customers

User-Centered Strategy

Insights from customer observation shaped a user-centered strategy that drove the entire project.

Creating a Brand with a Story

To kick off the project, I created a mood board to define the visual direction and overall vibe. It brought together colors, typography, textures, and inspiration that reflected the brand’s personality, helping align the team and set a clear creative tone from the start.

A strong brand is more than just a logo, it’s a story. People don’t just buy products; they buy into experiences and emotions.
I started by creating a brand book, which laid the foundation for everything:

Typography

Typography with a Purpose

Selected fonts that reflected the brand’s personality:
modern, friendly, and easy to read.

Science of Color

The Science of Color

Conducted a psychological test to choose a color palette that would trigger the right emotions in the target audience.

Logo Printer Hamrah

A Brand Mascot

Chose an animal symbol that represented the brand’s
character and values, making campaigns more engaging.

The UI/UX Design Process

1-User Flow

Defined how users interact, creating flowcharts.

2-Sketch

Started with hand-drawn sketches to explore different layouts.

3-Wirefram

Created low-fidelity wireframes to establish structure and navigation.

4-Mockups

Applied brand colors, typography, and UI components to the wireframes.

flowchart
ui sketch
ui-wireframe
mockup

5-Prototype

Built interactive prototypes, allowing stakeholders to experience the design.

6-Real User Tests

Conducted real user tests, observing interactions and collecting feedback.

7-Design Iteration

Iterated on designs based on actual user behavior, not assumptions.

8-Developer Handoff

Provided developers with design specs, assets, and documentation.

Ecosystem

UX/UI Design for Four Digital Products

Shopping Basket