← Back To Selected Works

Personal UI/UX

UI Concepts

Still from the Pasada showreel: a commute route with fare and travel-time counters for a fictional student, Mika
Fictional Product ConceptSelf-Initiated Product Design

Pasada

A job-search cost tracker for a working student in Metro Manila. It follows one fictional student, Mika, and makes the time, money and energy of looking for work visible: a daily plan, application statuses with days waiting, a cost ledger, a journey timeline and a commute route. The project is a working prototype, a 60-second showreel and a case study. UI/UX, product design and motion. All figures are illustrative demo data, not real statistics, and it is not a real company or service.

Read The Case Study →Watch The Showreel →Open The Product →
Brew coffee app desktop home screen
Personal UI/UX Concept

Brew

A coffee app concept with onboarding, home and product screens. It shows interface hierarchy and responsive thinking.

Read The Case Study →
Tidewell Home screen: account balance, quick actions and recent activityTidewell Amount and Review screen with a labeled amount field and a transfer speed choiceTidewell confirmation screen showing 1,500 pesos sent
Self-Initiated UI/UX Concept

Tidewell

A mobile banking concept for everyday money tasks. It explores UI/UX and product thinking: a clear Send Money flow, trust cues, and honest loading, error and success states. Fictional, with no client.

Open The Prototype And Case Study →
Dayline Today screen: needs attention, today's visits and an operational summaryDayline Scheduling Conflict screen explaining a double-booked technician and offering alternatives
Self-Initiated Product Concept

Dayline

A service-operations tool for small repair and home-care businesses, designed around request triage, technician scheduling and customer updates. Fictional, with no client.

Open The Prototype And Case Study →
Bo’s Coffee logo, white on black
Reference / Non-Affiliation

Bo’s Coffee

Logo shown as reference material only. It is not my work and I am not affiliated with Bo’s Coffee.

Case Study

Brew Personal UI/UX Concept

Overview

Brew is a self-initiated concept for shopping for specialty coffee online, from first launch to order confirmation, on phone and desktop. It is not client work and was not commissioned.

Personal UI/UX Concept12 ScreensMobile + Desktop

Problem / Opportunity

Buying coffee online can feel like browsing a catalog. The opportunity I set for myself was to make choosing a coffee feel as considered as the coffee itself, with a clear, short path from browsing to buying.

A design brief I wrote for this exercise. It is not based on user research or business data.

Design Direction

Warm neutrals and dark espresso tones, serif headlines for character, and a warm accent for key actions. Product imagery leads, and the product name and price sit together. The same system carries from the phone screens to the desktop home.

Interface

Every screen below is real. Select one to open the full-size viewer.

Onboarding
Log In
Home
Discover
Shop
Product Details
Cart
Checkout
Confirmation
Favorites
Profile
Desktop Home

Interaction / Flow

Eleven screens trace the journey from first launch to profile. The desktop home shows the same system at a wider size. Select a step to view it.

Reflection

Brew shows how I approach UI/UX thinking, interface hierarchy, product flow and a responsive digital experience, and how I use visual communication to keep each screen clear.

← Back To Selected Works

Privacy Policy

This site has no analytics, ads or accounts. If you use the contact form, your details are only used to open an email draft on your device. I don't receive anything until you press send in your email app. Emails you send me are used only to reply to you.

Terms Of Service

All artwork, designs and animations here are my work or work I made for clients, and are shown as portfolio samples. Please don't reuse or republish them without asking me first. Content is provided as is.

Cookie Policy

This site does not set cookies or use tracking, so there is no cookie banner. If that ever changes, I'll ask for your consent first, with clear accept and decline options.
Enlarged image