Computer Science graduate with 2+ years at MTN Ghana, sitting at the intersection of data and design. I understand how users behave and I design experiences that work for real people.
2+
Yrs Experience
About Me
Design meets data
I'm a UX designer and data analyst with a Computer Science degree from the University of Ghana. My background bridges two disciplines that are stronger together — I use data to understand how people actually behave, and design to shape how they experience products.
At MTN Ghana I've spent two years building analytics tools, compliance dashboards, and product insights. Outside of work, I design everything from e-commerce platforms to wellness apps, sharpening my eye for interfaces that feel as good as they perform.
A complete end-to-end e-commerce design built from scratch for a UK streetwear brand. Every screen designed to embody the brand identity — bold, purposeful, and movement-driven. Covers the full purchase journey across desktop and mobile.
E-Commerce Website
Desktop & Mobile
Figma
2025
Desktop Screens
Hero / Home Page
Shop All Products
Product Details Page
Shopping Cart
Mobile Screens
Mobile Home
Mobile Checkout
Jasmyn Obeng — UX Design Portfolio
UX Case Study · Web Redesign · 2025
Second Cup Ghana Website Redesign
A full UX redesign from discovery through to final design. The existing site had usability issues that made it feel incomplete and uninviting. The redesign delivers a warmer, more usable website that reflects the cafe's ambiance and puts products and locations front and centre.
UX Case Study
Web (Desktop)
Figma
2025
Project Overview
Second Cup Ghana is a local coffee chain with multiple locations across Accra, Takoradi, and beyond. Their website serves as the primary digital touchpoint for customers wanting to find branch locations, explore the menu, and contact the team. The existing site had a number of usability and visual issues that made it feel incomplete and uninviting — a poor representation of a brand serving quality coffee.
The goal of this redesign was to create a warmer, more engaging, and more usable website that reflects the ambiance of the cafe itself — and makes it genuinely easy for users to find what they're looking for.
Design Process
1
Discovery
User research & findings
2
Define
Problem statement & user journey
3
Ideate
Site map & user flow
4
Prototype
High-fidelity Figma design
5
Testing
Usability testing & iteration
Problems Identified
Excessive Whitespace & Poor Layout
Large unused spaces made the site feel incomplete and visually unbalanced.
Lack of Engaging Visuals
Minimal product images — a missed opportunity to showcase the coffee offerings.
Inconsistent Colour Scheme
No warmth or contrast — the palette felt generic and uninviting.
Poor Location Structure
9 branches in a disorganised grid — frustrating to scan and find a preferred branch.
User Personas
Two user personas were developed from research to guide design decisions throughout the project.
Kofi Ampem, 25 — Creative Director
Prefers a visually appealing website so he can see what he's ordering before placing an order. Values aesthetics and product photography.
Beulah Hammond, 22 — Data Analyst
Prefers an interactive, responsive website. Values clear navigation and quick access to menus, locations, and contact information.
Final Design
The final redesign introduced warm earthy tones, rich product photography, a visual bestsellers section, and a neatly structured locations grid — transforming a flat website into an inviting brand experience.
A landing page for a mental wellness platform designed for busy professionals who need to decompress quickly. The design balances a calm, trustworthy aesthetic with clear service communication and a frictionless conversion path.
Landing Page
Web (Desktop)
Figma
Screen
Full Landing Page — MindSpace
Design Notes
The layout opens with a strong headline and a warm lifestyle image to immediately communicate calm and relatability. The services section uses a clean 2×2 card grid with icon-led cards that scan quickly. The "Meet Our Team" section adds credibility with a human face behind the product. The dual CTAs ("Join Member" and "Start for Free") reduce friction for different user intents.
Jasmyn Obeng — UX Design Portfolio
Healthcare · Dashboard Design
NovaCare Dashboard
A hospital management dashboard designed for medical staff. It surfaces the most critical information at a glance — available doctors, today's appointments, nurse counts, and new patients — alongside a survey chart and appointment calendar.
Data Dashboard
Web (Desktop)
Figma
Screen
Main Dashboard — NovaCare
Design Notes
The dashboard uses a deep navy sidebar for clear navigation contrast and a white content area for readability. The top row surfaces four key KPI metrics in icon-paired cards — giving staff an immediate daily briefing. Below, a bar chart visualises hospital survey data across 12 months. The right panel hosts a calendar for appointment management. The "Doctor Available Today" feature card adds a human element, spotlighting an individual doctor with name, speciality, and hours.
Jasmyn Obeng — UX Design Portfolio
Food Tech · Mobile App · Onboarding Flow
MunchSavvy
MunchSavvy helps users decide what to eat for breakfast — fast. The app personalises meal recommendations based on the user's mood and current weather. This covers the complete onboarding flow from splash screen to the Get Started prompt.
The splash screen uses bold violet to make an immediate brand impression. The three onboarding screens follow a progressive disclosure pattern — each introduces one core value proposition with an illustration, headline, and CTA. The illustrations use a warm, playful style that makes the app feel approachable. Progress dots at the bottom orient the user within the flow.
Jasmyn Obeng — UX Design Portfolio
Automotive · Product Page Design
Porsche 911 GT3
A luxury automotive product page for the Porsche 911 GT3 with Touring Package. The design prioritises the car as the hero — dramatic full-bleed vehicle image, variant navigation tabs, and restrained typography that lets the product speak for itself.
Product Page
Web (Desktop)
Figma
Screen
Product Page — Porsche 911 GT3 with Touring Package
Design Notes
The layout uses a near-white background to create maximum contrast with the racing green paintwork. The large model designation "911" rendered in light grey behind the vehicle adds depth without clutter. The variant navigation uses a simple underline active state to keep the UI clean. Minimal chrome — hamburger menu and profile icon only — ensures the car remains the visual focus at all times.
Jasmyn Obeng — UX Design Portfolio
Entertainment · Mobile UI Design
Music Player
An immersive mobile music player screen designed around full emotional engagement. Deep purple backgrounds, vivid album artwork, and a clean control layout create an experience that feels as rich as the music itself.
Mobile App Screen
Mobile (iOS)
Figma
Screen
Now Playing Screen
Design Notes
The deep violet background matches the album art palette to create full immersion. The artwork is given maximum real estate as the visual centrepiece. The progress bar with elapsed and remaining time gives precise control. The five-button control row follows a standard mental model, reducing cognitive load. Speaker and playlist icons at the bottom extend functionality without cluttering the main interaction zone.
Jasmyn Obeng — UX Design Portfolio
Travel · UI Component Design
Boarding Pass
A digital boarding pass UI component for a travel app. Clean information hierarchy, strong navy and white contrast, and a human-centred presentation of flight details — designed to be glanceable at the gate.
UI Component
Mobile (iOS)
Figma
Screen
Boarding Pass — Accra (ACC) → Istanbul (IST)
Design Notes
The boarding pass card uses white-on-navy contrast to immediately distinguish it from the surrounding app chrome. The route arc — ACC to IST with flight duration — is the visual hero of the card, communicating the journey at a glance. Passenger details, boarding time, departure, arrival, gate, seat, and class are organised in a clean two-column grid. The QR code at the bottom is the functional endpoint of the interaction.
Jasmyn Obeng — UX Design Portfolio
Shopping · Mobile App Design
E-Commerce App
A clean, well-structured mobile shopping app for tech products. The design balances discovery — through promotional banners, category filters, and a product grid — with a simple, familiar navigation pattern that keeps the user oriented.
Mobile App Screen
Mobile (iOS)
Figma
Screen
Home / Shop Screen
Design Notes
The screen opens with a prominent search bar — the most-used function in a shopping app — immediately reducing friction for intent-driven users. The promotional banner uses a bold blue fill and product image to highlight a limited offer. The horizontal category pill strip allows one-tap filtering. Product cards show name, price, sales count, and star rating — giving users the key decision factors in one scannable unit.
