COAST

Student Project

Smart port management platform that uses AI to cut emissions, reduce costs, and boost efficiency using existing infrastructure.

MY ROLE

Project Manager
UI Designer

DURATION

20 weeks

TOOLS

Figma, Figjam, Rhino, KeyShot, Photoshop, Illustrator, ChatGPT, Perplexity

COLLABORATORS

Kaleigh Mackey, Austin Joseph, Pingyao Wan, Krishna Aggarwal, Emiliano Mirafuentes Resendez

Highlights

TL;DR

COAST (Clean Oceans and Sustainable Transport) is an AI-powered energy optimization platform designed to help U.S. seaports reduce emissions, eliminate fuel waste, and increase operational efficiency—without overhauling existing infrastructure. By combining simple, real-time energy-tracking hardware, Axons, with a centralized AI dashboard, Neuro, COAST empowers port operators to control energy use, monitor sustainability metrics, and make smart, data-driven decisions with ease.

0

users tested across both the app and physical device

0%

average success rate of product quality testing

0

major design iterations made based on usability insights from testing

Attach Axon to the equipment's main power line

Data is sent from Axon to Neuro via cloud IoT system

Manage equipment's live status, data, and reports on Neuro 24/7

Challenge

PROBLEM STATEMENT

U.S. Seaports are stuck using environmentally damaging practices for their daily operations, like gasoline-powered vehicles and machines, unsure of how to begin electrifying their day-to-day.

EXISTING USER PAIN POINTS

😓

😓

😓

Overwhelmed by too many skincare options

📱

📱

📱

Influenced by unreliable sources like social media

🗑️

🗑️

🗑️

Wasted money on products

😩

😩

😩

Trial-and-error approach to skincare

🧑‍⚕️

🧑‍⚕️

🧑‍⚕️

Lack of access to personalized skincare guidance

😞

😞

😞

Skin appearance causes insecurity

OUR GOAL

Create a seamless, science-backed skincare experience that makes informed choices effortless and accessible.

Research

RESEARCH GOALS

🧼

🧼

🧼

GOAL #1

Understand how users choose skincare products and what/who may influence those decisions.

😵‍💫

😵‍💫

😵‍💫

GOAL #2

Identify common sources of confusion and frustration in users’ skincare journeys.

🤖

🤖

🤖

GOAL #3

Explore user expectations and desires for skincare predictive technology.

METHODS

10

weeks of secondary research

8

in-depth user interviews

5

concept redirections

10

usability tests

USER PERSONAS

Emily

AGE

21

EDUCATION

Student

STATUS

Single

OCCUPATION

Waitress

TECH LITERACY

Medium-High

BIO

  • Struggles to maintain a consistent skincare routine.

  • Conscious of her skin’s appearance - Acne prone skin

  • Tight budget

  • Relies on affordable drugstore products and online advice, but often ends up frustrated by their ineffectiveness or skin irritation.

FRUSTRATIONS

  • Regularly seeing a dermatologist is out of budget

  • Overwhelmed with variety of products and their mixed reviews

  • Lacking confidence in skincare choices

MOTIVATIONS

  • Having clear and healthy skin to boost confidence

  • Saving money by avoiding products that won't work

  • Simplifying skincare regime with personalized recommendations

EXPECTATIONS

  • Device that is easy to use and reliable

  • Recommendations that are personalized through the app

  • Something that integrates seamlessly into her every day life

KEY TASKS

  • Find products that is affordable and suits her acne-prone, sensitive skin

  • To understand wether buying a product will benefit her quickly before spending money on it

Jace

AGE

25

EDUCATION

Bachelors

STATUS

Single

OCCUPATION

UX Designer

TECH LITERACY

High

BIO

  • Juggles multiple client and tight deadlines

  • Enjoys skincare as part of his self-care routine, but doesn’t have time to experiment with different products

  • Wants to maintain healthy skin but high-stress levels are triggering extreme dry skin and breakouts

  • Willing to invest in quality skincare products but wants to make sure they’ll be effective

FRUSTRATIONS

  • Stress is inducing bad skin reactions

  • Uncertainty about wether buying expensive products will be beneficial and worth the price

  • Limited time to spend researching new products

MOTIVATIONS

  • Having clear and healthy skin to maintain a professional appearance

  • Balancing self-care with a demanding freelance lifestyle

EXPECTATIONS

  • Skin analysis that is reliable

  • Product recommendations that ensure he spends wisely

  • A UX that assists in making informed and quick decisions

KEY TASKS

  • Identify products quickly that prevent breakouts and improve skin texture

  • Using a device which is streamlined to evaluate skincare options without spending time on research

Emily

AGE

21

EDUCATION

Student

STATUS

Single

OCCUPATION

Waitress

TECH LITERACY

Medium-High

BIO

  • Struggles to maintain a consistent skincare routine.

  • Conscious of her skin’s appearance - Acne prone skin

  • Tight budget

  • Relies on affordable drugstore products and online advice, but often ends up frustrated by their ineffectiveness or skin irritation.

FRUSTRATIONS

  • Regularly seeing a dermatologist is out of budget

  • Overwhelmed with variety of products and their mixed reviews

  • Lacking confidence in skincare choices

MOTIVATIONS

  • Having clear and healthy skin to boost confidence

  • Saving money by avoiding products that won't work

  • Simplifying skincare regime with personalized recommendations

EXPECTATIONS

  • Device that is easy to use and reliable

  • Recommendations that are personalized through the app

  • Something that integrates seamlessly into her every day life

KEY TASKS

  • Find products that is affordable and suits her acne-prone, sensitive skin

  • To understand wether buying a product will benefit her quickly before spending money on it

Jace

AGE

25

EDUCATION

Bachelors

STATUS

Single

OCCUPATION

UX Designer

TECH LITERACY

High

BIO

  • Juggles multiple client and tight deadlines

  • Enjoys skincare as part of his self-care routine, but doesn’t have time to experiment with different products

  • Wants to maintain healthy skin but high-stress levels are triggering extreme dry skin and breakouts

  • Willing to invest in quality skincare products but wants to make sure they’ll be effective

FRUSTRATIONS

  • Stress is inducing bad skin reactions

  • Uncertainty about wether buying expensive products will be beneficial and worth the price

  • Limited time to spend researching new products

MOTIVATIONS

  • Having clear and healthy skin to maintain a professional appearance

  • Balancing self-care with a demanding freelance lifestyle

EXPECTATIONS

  • Skin analysis that is reliable

  • Product recommendations that ensure he spends wisely

  • A UX that assists in making informed and quick decisions

KEY TASKS

  • Identify products quickly that prevent breakouts and improve skin texture

  • Using a device which is streamlined to evaluate skincare options without spending time on research

USER JOURNEY MAP

Holistic journey

Product journey

?

HOW MIGHT WE…

empower people to confidently navigate their skincare journey without being swayed by unreliable trends?

create a sustainable, informed approach to beauty?

Ideation

INFORMATION ARCHITECTURE & USER FLOW

SERVICE MODEL CANVAS

LOW FIDELITY SCANNER

INITIAL UI SKETCHES

LOW FIDELITY UI

Onboarding

Initial skin scan

Results and suggested products

Homescreen

Iteration

MID-FIDELITY SCANNER

INITIAL DIGITIAL PROTOTYPE

MID FIDELITY UI

Onboarding

Initial skin scan

Results and suggested products

Homescreen

Build a routine

User Testing

TESTING RESULTS

Round 1

10%

success

60%

difficulty

Round 2

30%

success

40%

difficulty

Round 3 — Final

70%

success

5%

difficulty

90%

found Vega easy to use and integrate into their routine.

80%

said it would help them make better skincare purchases.

100%

felt more confident in their skincare choices after using Vega.

KEY DESIGN ITERATIONS

Simplified scanner design to fit gua sha shape

Repurposed trigger button as a system status indicator

Device will automatically begin analyzing skincare sample once it senses an input

introducing

VEGA SCANNER

Scan skin

Scan skin

Test products

Test products

See reaction

See reaction

Glow

Glow

VEGA APP

Streamline your routine to keep only what you need

Get what you need for your current skin state

Learn more about what is happening with your skin

Learn about recommendations

Explore more about an specific product and where to buy

Control the Vega scanner and set up reminders to scan skin

VISION VIDEO

What did we learn?

We have a real winning concept here

Everyone we tested and interviewed was super excited about the concept of personalized skincare matching.

Clear affordances and feedback builds user trust

We learned how crucial it is to design affordances that are intuitive, noticeable, and aligned with user expectations. Form and function can’t be separated.

Users need gentle guidance

Even with a clean app and device, some users still need nudges to know what to do next. We spent longer designing an informative onboarding and product manual to lower the chance of confusion.

Nick Pratt,

a

Designed with ❤️ (and ☕️) by me.

Copyright © 2025 Nick Pratt. All rights reserved.

Nick Pratt,

a

Designed with ❤️ (and ☕️) by me.

Copyright © 2025 Nick Pratt. All rights reserved.

Nick Pratt,

a

Designed with ❤️ (and ☕️) by me.

Copyright © 2025 Nick Pratt. All rights reserved.