Pulse Track — Project & Progress Tracking

Role

UI/UX Designer

Time

September, 2026

Tools

Figma, Chatgpt, Google Stitch, Figma make

Figma, Chatgpt

Client

Kombee Internal Project

Project Overview

Project Overview

Pulse Track is a digital product focused on presenting project information and progress in a clear, organized interface.

The design focuses on helping users understand important information, navigate project details, and monitor progress without unnecessary complexity.

Goal: Create a clear and consistent interface that makes tracking information and understanding project status easier.

Problem Statement

Problem Statement

When project information is spread across multiple views, users can find it difficult to identify priorities and understand progress quickly.

The design challenge was to organize information into a clear visual hierarchy while making key actions and status indicators easy to identify.

The experience needed to balance information density, readability, and ease of navigation.

My Role & Workflow

Role: UI/UX Designer

Workflow

  • Reviewed the product requirements and identified the key information users need to access.

  • Organized content and interface elements into a consistent hierarchy.

  • Designed layouts and interactions to support clear navigation.

  • Refined the interface for visual consistency and usability.

Delivery

  • Dashboard and overview screens

  • Information hierarchy and layout

  • UI components and interface patterns

  • [Additional screens based on the actual project]

UX Considerations

The interface needed to present information clearly without overwhelming users.

Key considerations included:

  • Prioritize important information and status indicators.

  • Group related information into understandable sections.

  • Maintain consistency across screens.

  • Make navigation and key actions easy to identify.

  • Balance information density with readability.

Feature Highlights

01 — Project Overview

Present essential project information in an organized layout, helping users understand the current state of their work.

02 — Progress Tracking

Make project progress and relevant status information easier to scan and understand.


03 — Information Organization

Structure related information into clear sections to support faster navigation.


04 — Consistent Interface

Use reusable patterns and consistent visual styling to create a cohesive experience.

Requirement analysis

Flow & wireframes

UI design

Refinement

Understood the gift card requirements, purchase flow, and business rules.

Mapped the journey from gift card discovery through purchase and confirmation.

Designed the gift card interface, personalization experience, checkout, and responsive layouts.

Refined layouts and interactions based on feedback.

Key Learnings

  • Information hierarchy plays an important role in making complex interfaces easier to understand.

  • Consistent components help create a more predictable experience.

  • Clear status communication helps users scan information more efficiently.

  • Simplicity should improve clarity without hiding important details.

My Role & Workflow

Role: UI/UX Designer

Workflow

  • Reviewed the product requirements and identified the key information users need to access.

  • Organized content and interface elements into a consistent hierarchy.

  • Designed layouts and interactions to support clear navigation.

  • Refined the interface for visual consistency and usability.

Delivery

  • Dashboard and overview screens

  • Information hierarchy and layout

  • UI components and interface patterns

  • [Additional screens based on the actual project]

UX Considerations

The interface needed to present information clearly without overwhelming users.

Key considerations included:

  • Prioritize important information and status indicators.

  • Group related information into understandable sections.

  • Maintain consistency across screens.

  • Make navigation and key actions easy to identify.

  • Balance information density with readability.

Feature Highlights

01 — Project Overview

Present essential project information in an organized layout, helping users understand the current state of their work.

02 — Progress Tracking

Make project progress and relevant status information easier to scan and understand.


03 — Information Organization

Structure related information into clear sections to support faster navigation.


04 — Consistent Interface

Use reusable patterns and consistent visual styling to create a cohesive experience.

Requirement analysis

Flow & wireframes

UI design

Refinement

Understood the gift card requirements, purchase flow, and business rules.

Mapped the journey from gift card discovery through purchase and confirmation.

Designed the gift card interface, personalization experience, checkout, and responsive layouts.

Refined layouts and interactions based on feedback.

Key Learnings

  • Information hierarchy plays an important role in making complex interfaces easier to understand.

  • Consistent components help create a more predictable experience.

  • Clear status communication helps users scan information more efficiently.

  • Simplicity should improve clarity without hiding important details.

Ready to Elevate Your Product Experience ?

Whether you're launching a new product or refining an existing digital product, I'm here to help. Share the details about your project and I'll get back to you to work something out.

Create a free website with Framer, the website builder loved by startups, designers and agencies.