1023
Raw Data Points From Survey’s and Interview’s
SCAD
2024-2025
Project Overview:
Select a local or small business with an eCommerce component and improve both the website navigation as well as information architecture for key pages on the client’s website.
Team:
Nick Pratt, Pingyao Wan, Max Claride-Hook
Role
UI Designer
Duration
20 Weeks
Year
2024- 2025
Responsibilities
Wireframing, Design Systems, Prototyping, etc.
our goal...
To create an innovative power solution that allows seaports to control their energy, leading to higher productivity, lower costs, and lower emissions.
My Role
Throughout the project, I was deeply involved in every stage, with a focus on translating insights into clear, actionable design solutions.
As the UI and Visual Design Lead, I led the creation of layouts, design systems, and final visuals ensuring that each screen was both user-friendly and visually cohesive.
The Problem
U.S. seaports continue to rely on environmentally harmful practices such as gasoline-powered vehicles and equipment and face uncertainty about how to begin transitioning to electric alternatives in their daily operations.
Research Plan
How research and data guided our product decisions
Secondary
Primary
95
Articles
+100
Survey Responses
30
Interviews
2
Observation
Child Mind Institute
Science
https://childmind.org/article/understanding-dysgraphia
Separately, apart from these motor issues, there is a cognitive side to dysgraphia. The cognitive challenges include struggling with spelling, grammar, punctuation, sentence structure, and overall written expression. A child with dysgraphia might have a hard time translating their ideas onto paper.
Insight
National Library of Medicine
Science
https://pmc.ncbi.nlm.nih.gov/articles/PMC7082241
Writing is a complex task that is vital to learning and is usually acquired in the early years of life. ‘Dysgraphia’ and ‘specific learning disorder in written expression’ are terms used to describe those individuals who, despite exposure to adequate instruction, demonstrate writing ability discordant with their cognitive level and age. Dysgraphia can present with different symptoms at different ages.
Insight
New York Times
Education
https://nylag.org/the-new-york-times-struggling-teenagers-left-out-in-new-push-to-overhaul-reading
Students with dyslexia have trouble looking at the written word and blending the sounds into language. The city has rolled out universal screening to help identify these children in elementary grades, officials said. But few older students have been assessed.
Insight
Physical Therapy
https://www.frontiersin.org/journals/psychology/articles/10.3389/fpsyg.2018.02006
Developmental dysgraphia is a disorder of writing/spelling skills, closely related to developmental dyslexia. For developmental dyslexia, profiles with a focus on phonological, attentional, visual or auditory deficits have recently been established. Unlike for developmental dyslexia, however, there are only few studies about dysgraphia, in particular about the variability of its causes. Research has demonstrated high similarity between developmental dyslexia and dysgraphia.
Insight
Child Mind Institute
Science
https://childmind.org/article/understanding-dysgraphia
Separately, apart from these motor issues, there is a cognitive side to dysgraphia. The cognitive challenges include struggling with spelling, grammar, punctuation, sentence structure, and overall written expression. A child with dysgraphia might have a hard time translating their ideas onto paper.
Insight
New York Times
Education
https://childmind.org/article/understanding-dysgraphia
Separately, apart from these motor issues, there is a cognitive side to dysgraphia. The cognitive challenges include struggling with spelling, grammar, punctuation, sentence structure, and overall written expression. A child with dysgraphia might have a hard time translating their ideas onto paper.
Insight
Child Mind Institute
Science
https://childmind.org/article/understanding-dysgraphia
Separately, apart from these motor issues, there is a cognitive side to dysgraphia. The cognitive challenges include struggling with spelling, grammar, punctuation, sentence structure, and overall written expression. A child with dysgraphia might have a hard time translating their ideas onto paper.
Insight
National Library of Medicine
Science
https://pmc.ncbi.nlm.nih.gov/articles/PMC7082241
Writing is a complex task that is vital to learning and is usually acquired in the early years of life. ‘Dysgraphia’ and ‘specific learning disorder in written expression’ are terms used to describe those individuals who, despite exposure to adequate instruction, demonstrate writing ability discordant with their cognitive level and age. Dysgraphia can present with different symptoms at different ages.
Insight
New York Times
Education
https://nylag.org/the-new-york-times-struggling-teenagers-left-out-in-new-push-to-overhaul-reading
Students with dyslexia have trouble looking at the written word and blending the sounds into language. The city has rolled out universal screening to help identify these children in elementary grades, officials said. But few older students have been assessed.
Insight
Physical Therapy
https://www.frontiersin.org/journals/psychology/articles/10.3389/fpsyg.2018.02006
Developmental dysgraphia is a disorder of writing/spelling skills, closely related to developmental dyslexia. For developmental dyslexia, profiles with a focus on phonological, attentional, visual or auditory deficits have recently been established. Unlike for developmental dyslexia, however, there are only few studies about dysgraphia, in particular about the variability of its causes. Research has demonstrated high similarity between developmental dyslexia and dysgraphia.
Insight
Child Mind Institute
Science
https://childmind.org/article/understanding-dysgraphia
Separately, apart from these motor issues, there is a cognitive side to dysgraphia. The cognitive challenges include struggling with spelling, grammar, punctuation, sentence structure, and overall written expression. A child with dysgraphia might have a hard time translating their ideas onto paper.
Insight
New York Times
Education
https://childmind.org/article/understanding-dysgraphia
Separately, apart from these motor issues, there is a cognitive side to dysgraphia. The cognitive challenges include struggling with spelling, grammar, punctuation, sentence structure, and overall written expression. A child with dysgraphia might have a hard time translating their ideas onto paper.
Insight
Child Mind Institute
Science
https://childmind.org/article/understanding-dysgraphia
Separately, apart from these motor issues, there is a cognitive side to dysgraphia. The cognitive challenges include struggling with spelling, grammar, punctuation, sentence structure, and overall written expression. A child with dysgraphia might have a hard time translating their ideas onto paper.
Insight
National Library of Medicine
Science
https://pmc.ncbi.nlm.nih.gov/articles/PMC7082241
Writing is a complex task that is vital to learning and is usually acquired in the early years of life. ‘Dysgraphia’ and ‘specific learning disorder in written expression’ are terms used to describe those individuals who, despite exposure to adequate instruction, demonstrate writing ability discordant with their cognitive level and age. Dysgraphia can present with different symptoms at different ages.
Insight
New York Times
Education
https://nylag.org/the-new-york-times-struggling-teenagers-left-out-in-new-push-to-overhaul-reading
Students with dyslexia have trouble looking at the written word and blending the sounds into language. The city has rolled out universal screening to help identify these children in elementary grades, officials said. But few older students have been assessed.
Insight
Physical Therapy
https://www.frontiersin.org/journals/psychology/articles/10.3389/fpsyg.2018.02006
Developmental dysgraphia is a disorder of writing/spelling skills, closely related to developmental dyslexia. For developmental dyslexia, profiles with a focus on phonological, attentional, visual or auditory deficits have recently been established. Unlike for developmental dyslexia, however, there are only few studies about dysgraphia, in particular about the variability of its causes. Research has demonstrated high similarity between developmental dyslexia and dysgraphia.
Insight
Child Mind Institute
Science
https://childmind.org/article/understanding-dysgraphia
Separately, apart from these motor issues, there is a cognitive side to dysgraphia. The cognitive challenges include struggling with spelling, grammar, punctuation, sentence structure, and overall written expression. A child with dysgraphia might have a hard time translating their ideas onto paper.
Insight
New York Times
Education
https://childmind.org/article/understanding-dysgraphia
Separately, apart from these motor issues, there is a cognitive side to dysgraphia. The cognitive challenges include struggling with spelling, grammar, punctuation, sentence structure, and overall written expression. A child with dysgraphia might have a hard time translating their ideas onto paper.
Insight
NOAA Uncrewed Systems Strategy
Science
https://childmind.org/article/understanding-dysgraphia
Separately, apart from these motor issues, there is a cognitive side to dysgraphia. The cognitive challenges include struggling with spelling, grammar, punctuation, sentence structure, and overall written expression. A child with dysgraphia might have a hard time translating their ideas onto paper.
Insight
Sustainable Supply Chains
Science
https://pmc.ncbi.nlm.nih.gov/articles/PMC7082241
Writing is a complex task that is vital to learning and is usually acquired in the early years of life. ‘Dysgraphia’ and ‘specific learning disorder in written expression’ are terms used to describe those individuals who, despite exposure to adequate instruction, demonstrate writing ability discordant with their cognitive level and age. Dysgraphia can present with different symptoms at different ages.
Insight
New York Times
Education
https://nylag.org/the-new-york-times-struggling-teenagers-left-out-in-new-push-to-overhaul-reading
Students with dyslexia have trouble looking at the written word and blending the sounds into language. The city has rolled out universal screening to help identify these children in elementary grades, officials said. But few older students have been assessed.
Insight
Physical Therapy
https://www.frontiersin.org/journals/psychology/articles/10.3389/fpsyg.2018.02006
Developmental dysgraphia is a disorder of writing/spelling skills, closely related to developmental dyslexia. For developmental dyslexia, profiles with a focus on phonological, attentional, visual or auditory deficits have recently been established. Unlike for developmental dyslexia, however, there are only few studies about dysgraphia, in particular about the variability of its causes. Research has demonstrated high similarity between developmental dyslexia and dysgraphia.
Insight
Renewable Energy
Science
https://childmind.org/article/understanding-dysgraphia
Separately, apart from these motor issues, there is a cognitive side to dysgraphia. The cognitive challenges include struggling with spelling, grammar, punctuation, sentence structure, and overall written expression. A child with dysgraphia might have a hard time translating their ideas onto paper.
Insight
New York Times
Education
https://childmind.org/article/understanding-dysgraphia
Separately, apart from these motor issues, there is a cognitive side to dysgraphia. The cognitive challenges include struggling with spelling, grammar, punctuation, sentence structure, and overall written expression. A child with dysgraphia might have a hard time translating their ideas onto paper.
Insight
95 Articles
Analyzed
We reviewed a range of academic and industry articles, including
peer-reviewed studies and expert reports. Each source was selected for its credibility, relevance to port operations, and the depth of insight into energy systems, infrastructure, and emerging technologies.
Insights
After analyzing the articles, we synthesized key insights, compelling data, and powerful quotes that shaped our initial understanding and guided our approach to the problem
$2.89 trillion
in American economic activity
90%
of world trade is carried out by sea
Main Insight
Many U.S. seaports lack systems to track their current fuel consumption and energy usage, making it difficult to identify inefficiencies or plan a transition to electric alternatives. Without clear visibility into their energy baseline, port operators are unable to make informed decisions or measure the impact of sustainable upgrades.
Survey
To support our secondary research, we surveyed over 100 participants including port operators, logistics staff, and industry professionals, to gather firsthand insights on energy awareness, operational challenges, and current transition strategies.
On a scale of 1–5, how confident are you in the accuracy of your current fuel/power data?
Type your response...
What tools, if any, do you use to monitor fuel or power consumption?
Type your response...
How aware are you of your port’s total energy usage on a weekly or monthly basis?
Type your response...
What percentage of your equipment and vehicles are gasoline- or diesel-powered?
Type your response...
Are any operations currently electrified? If yes, which ones?
Type your response...
Have you explored electric alternatives for any part of your operations?
Type your response...
Do you currently track fuel consumption across daily operations?
Type your response...
What are the biggest pain points in managing fuel-powered operations?
Type your response...
On a scale of 1–5, how confident are you in the accuracy of your current fuel/power data?
Type your response...
What tools, if any, do you use to monitor fuel or power consumption?
Type your response...
How aware are you of your port’s total energy usage on a weekly or monthly basis?
Type your response...
What percentage of your equipment and vehicles are gasoline- or diesel-powered?
Type your response...
Are any operations currently electrified? If yes, which ones?
Type your response...
Have you explored electric alternatives for any part of your operations?
Type your response...
Do you currently track fuel consumption across daily operations?
Type your response...
What are the biggest pain points in managing fuel-powered operations?
Type your response...
On a scale of 1–5, how confident are you in the accuracy of your current fuel/power data?
Type your response...
What tools, if any, do you use to monitor fuel or power consumption?
Type your response...
How aware are you of your port’s total energy usage on a weekly or monthly basis?
Type your response...
What percentage of your equipment and vehicles are gasoline- or diesel-powered?
Type your response...
Are any operations currently electrified? If yes, which ones?
Type your response...
Have you explored electric alternatives for any part of your operations?
Type your response...
Do you currently track fuel consumption across daily operations?
Type your response...
What are the biggest pain points in managing fuel-powered operations?
Type your response...
On a scale of 1–5, how confident are you in the accuracy of your current fuel/power data?
Type your response...
What tools, if any, do you use to monitor fuel or power consumption?
Type your response...
How aware are you of your port’s total energy usage on a weekly or monthly basis?
Type your response...
What percentage of your equipment and vehicles are gasoline- or diesel-powered?
Type your response...
Are any operations currently electrified? If yes, which ones?
Type your response...
Have you explored electric alternatives for any part of your operations?
Type your response...
Do you currently track fuel consumption across daily operations?
Type your response...
What are the biggest pain points in managing fuel-powered operations?
Type your response...
Interviews
We interviewed 30 participants including port professionals, operators, and energy coordinators to gain firsthand insights into daily operations, energy challenges, and views on sustainability transitions.
30
76%
24%
Interviewees
work as port operations, environmental, and energy managers
work as maintenance or on the field of the sea port
Problem Statement
U.S. seaports continue to rely on environmentally harmful practices such as gasoline-powered vehicles and equipment and face uncertainty about how to begin transitioning to electric alternatives in their daily operations.
Many U.S. seaports lack systems to track fuel and energy use, making it hard to identify inefficiencies or plan a transition to electric alternatives. Without clear energy data, operators struggle to make informed decisions or measure sustainability progress.
Target Audience
Operation Managers
Sustainability Directors
Infrastructure Monitoring Temas
Personas
We used insights from our primary research to develop detailed personas and an empathy map that accurately reflect our target audience
Achieve decarbonization targets set by national/international regulations
Transition to smart & renewable integration
Green-Driven
Increase energy efficiency across port systems
Ensure continuous uptime of port operations
Enterprise-level protection for sensitive operational data.
Intuitive for both technical teams and executive leadership.
BASELINES FOR US TO EXCEED
Industrial-grade hardware and systems built for 24/7 operation.
Goals
Built-in tools for environmental and regulatory reporting.
TARGETS FOR US TO MEET
Expectations
Director of Sustainability
Scope:
"I don’t just need to see where our energy is going; I need to really understand it, optimize it, and prove that we’re making progress.”
Strategic Leadership
Tech Adoption
Existing energy systems are fragmented and outdated
Position the port as future-ready.
Hard to pinpoint energy waste or spikes
Overwhelming feeling
Requires multi-system integration but lacks a unified dashboard
PITFALLS WE LOOK TO AVOID
Reduce emissions and meet environmental standards; show measurable progress toward climate goals.
Keep equipment and terminals running efficiently with no downtime or overspend on energy.
Pain Points
Limited visibility into real-time energy flow across massive infrastructure
POINTS FOR US TO RESONATE WITH
Motivations
Data Reliant
Oversees energy across terminals, facilities, and maritime equipment
Port of Savannah, Georgia
Location:
Steven Connors, 45
Sustainability Directors
Journey Map
Walking through a Sustainability Director’s day-to-day process revealed key emotional moments, actions, and breakdowns especially where lack of data and visibility made progress toward sustainability feel slow, frustrating, and uncertain.
Features
Requesting Data
Manual Compilation
Finding Inefficiencies
Building a Plan
Reporting Progress
Actions
Emails multiple departments.
Requests spreadsheets, logs, or manual reports.
Follows up multiple times for missing info.
Combines data from different formats.
Fixes inconsistent units
Spends hours cleaning and organizing data.
Tries to find trends in raw data.
Compares old logs to estimate fuel/electricity usage.
Makes assumptions without real-time data.
Drafts sustainability goals with limited data.
Tries to estimate ROI and emissions impact.
Pitches proposals to leadership without confidence.
Manually builds reports for stakeholders or grants.
Pulls together charts, summaries, and estimates.
Reviews reports repeatedly to catch errors.
“Why isn’t this centralized?”
“This should be easier to access.”
“How can I make decisions with gaps like this?”
“This is a mess.”
“I’m spending more time cleaning than analyzing.”
“There has to be a better way.”
“I know we’re wasting energy, but I can’t prove where.”
“This doesn’t show the full picture.”
“It’s hard to justify any changes like this.”
“This plan won’t hold up to tough questions.”
“I’m guessing more than I’d like to admit.”
“Leadership won’t invest in guesswork.”
“These numbers don’t tell the whole story.”
“This is taking way too long.”
“What if this data is questioned?”
Frustrated
Overwhelmed
Impatient
Drained
Stuck
Disheartened
Uncertain
Powerless
Skeptical
Anxious
Unconfident
Undermined
Stressed
Exposed
Insecure
Thoughts
Feelings
Final Deliverables
dashboard
+
physical product
+
vision video
How might we...
create an innovative power solution that allows seaports to control their energy, leading to higher productivity, lower costs, and zero emissions?
Proposed Concept
An AI-powered insights platform designed to optimize sustainability strategies for all operational teams, while specifically supporting decision-makers by delivering real-time alerts and personalized recommendations that drive measurable ROI on existing green investments.
Wireframes
We developed detailed user scenarios based on the Sustainability Director’s workflow, highlighting where data gaps and inefficiencies occur. These insights shaped our wireframes, forming the foundation for low-fidelity testing and guiding our core design decisions.
Flows
These flows helped us map how Sustainability Directors would interact with the system from accessing energy data to generating reports. Visualizing these steps allowed us to define core functionality, uncover design gaps, and build a strong foundation for prototyping the dashboard experience.
Identify spikes or patterns
Login to Dashboard
Select Terminal/ Department
View real-time usage data
Daily
Weekly
Monthly
Viewing Real-Time Energy & Fuel Usage
Add optional notes or custom data
Export as PDF or share via link
Navigate to “Reports” section
Select reporting period and metrics
Auto-generate summary
Generating a Sustainability Report
Select candidates for electrification
Generate projected impact
Access Optimization tab
View list of current powered assets
Usage
Cost
Emissions per Asset
Planning Electrification Upgrades
Mid-Fidelity Wireframes
We created mid-fidelity wireframes to visualize key interactions and support our workflow. These screens helped us refine layout, data clarity, and usability before moving into high-fidelity design.
Visual Identity
Primary Typography
Aa
Archivo
Medium, Semi-Bold, Bold
20pt
18pt
16pt
16pt
Archivo - Bold
Archivo - Semi-Bold
Archivo - Medium
Archivo - Bold
Heading 01
Heading 02
Body
Numbers
Brand Colors
#042222
#03624C
#2DC195
#01DF82
#F1F7F7
Physical Product
Simultaneously we dedicated time to developing and testing our physical product, focusing on refining its design, improving functionality, and ensuring it met both user needs and quality standards.
Learn how our physical product came to be!
view
User Testing
We used Maze to run multiple rounds of user testing, collecting actionable feedback on usability and design. The insights helped us identify pain points, validate decisions, and make targeted improvements to enhance the user experience.
Post Testing Iterations
Based on insights from Maze testing, we made several targeted refinements to our product. These included improving usability, adjusting design elements, and addressing user pain points to ensure a more seamless and intuitive experience.
Final Screens
Dashboard
The Main Dashboard provides a comprehensive, real-time overview of sustainability metrics and performance across operations. It highlights key alerts, actionable insights, and personalized recommendations
Systems
The Systems section offers detailed monitoring and management of all operational components related to sustainability. It provides real-time status updates, performance metrics, and alerts to help teams identify issues early and optimize system efficiency for better environmental impact and cost savings.
Compliance
The Compliance section tracks regulatory adherence and sustainability standards across operations. It delivers timely alerts and detailed reports to help teams stay aligned with environmental regulations, reduce risks, and ensure transparent reporting for all stakeholders.
Optimization & AI
The Optimization & AI section leverages advanced algorithms to analyze operational data and recommend tailored strategies. It continuously identifies opportunities to improve energy efficiency, reduce waste, and maximize the impact of sustainability initiatives, driving smarter, data-backed decisions.
Live Energy Monitoring
The Live Energy Monitoring section provides real-time tracking of energy consumption across facilities and operations. It offers detailed visualizations and alerts to quickly identify inefficiencies, enabling teams to respond proactively and optimize energy use for greater sustainability.