Project
Wireframes
Problem statement and
solution proposal
Outline The Problem
Solution Proposal
Wireframes
Next Steps
The Problem
Problem State the problem you are solving
in one or two sentences.
statement
Make sure to explain why it is a real
problem.
What customers Justify your effort to try to solve
the problem.
do today
Highlight the pain points of the current
solution or how customers deal with not
having a solution to the problem.
Supporting
1
information
01
List any research or data you have to
support the need for a solution.
Supporting
information
02 82%
Users are constantly
searching for a solution
Explain why you’re focusing on a
particular part of the problem or a
particular subset of users.
Supporting
information
03
Julia
Team Manager
Reference your personas, if you have
them. Describe the content of Julia’s job and the
problem she and her team are currently facing.
Use cases / user stories
➔ Use cases, user stories, notes to set up the wireframes. Such as…
➔ “As an Administrator, I would like to restrict permissions based on role.”
➔ “As a Moderator, I would like to flag and approve comments.”
➔ Executives indicated that being able to see a summary of each segment of data was their #1
priority.
➔ Note: secondary admin workflow not planned for this release.
Assumptions
State your assumptions or any unknowns here.
Solution Proposal
Solution description
Now that you’ve justified your attention to the problem, summarize your solution in one or two
sentences.
Why it’s better than existing solutions
Return to the problem now that you’ve introduced your solution. Compare your solution to others and
describe how it is superior.
Wireframes
Information
architecture Balsamiq Tip | Information architecture is the flow of content across the site or application (more info).
Call out key parts of the UI
Component Browser Balsamiq Tip | Use the Balsamiq add-on to make your own wireframe.
Component Detail
Articulate your design decisions
by adding justifications
Component Detail (Mobile)
Contacts
Contacts (Mobile)
Next Steps
What next?
➔ Present the timeline.
➔ Solicit comments on these slides or reviews on these wireframes in the Balsamiq add-on.
➔ User testing plan.
Timeline
MAY JUN TODAY AUG SEPT OCT NOV
Requirements
User research Wireframes Review Prototype User testing Dev hand-off
gathering
Questions?
References
Tips for Presenting Your Wireframes
3 Steps to Better UI Wireframes
Wireframing for Beginners
The Future of Transportation
Exploring the revolutionary changes in transportation and their
impact on the environment and society.
Introduction
Transportation has However, the negative
remained largely 02 consequences of mass
unchanged since its transportation include
inception in the 1950s. pollution and congestion.
01 03
The internet has brought These issues are
about increased detrimental to the planet
connectivity and and human well-being.
convenience. 04
Current Changes
● Ehailing rides, car sharing schemes,
and electric vehicles are already
reshaping transportation.
● Delivery by drone aims to reduce
congestion and pollution.
● The transition to electric vehicles is
rapidly progressing.
● Autonomous buses and scooters are
also becoming a reality.
The Rise of Electric Vehicles (EVs)
New York also plans to ban EVs are set to replace petrol
gas and diesel vehicles by and diesel cars by 2030 in the
2035. 01 UK.
04 02
Zero-emission vehicles are Government funding is
the focus of significant supporting the development
03
investments. of smart charging
infrastructure.
Autonomous Vehicles (AVs) and AI
● AVs combined with AI offer
convenience and comfort in
transportation.
● Selfdriving public vehicles will reduce
the need for traditional bus timetables
and shelters.
● Central AI software will control traffic
flow to minimize congestion and
accidents.
● Future vehicles may redefine the
concept of transportation and offer
various incar services.
Current Projects and Collaborations
01 Ford, Argo AI, and Walmart have joined 02 The UK government's Future of Mobility
forces for self-driving delivery services. fund has supported self-driving pilot
projects.
03 DRIVEN, RoboPilot, and StreetWise are all 04 These projects indicate the increasing
contributing to autonomous mobility. adoption and development of
autonomous technology.
Thank you for your time and attention
Creating a drone project to help detect people
after an earthquake
An innovative idea that combines technology and disaster
relief
Choose a suitable drone platform
Select a drone capable of
Ensure the drone is stable and
carrying the necessary
easy to control 01
equipment
05
02
Consider the weight capacity
and flight time of the drone
Check for features like GPS and 04
obstacle avoidance 03
Research popular drone models
and their specifications
Select a high-quality thermal imaging camera
Thermal cameras are essential
Consider the resolution and
for detecting body heat
range of the camera 01
05
02
Choose a camera that is
compatible with your drone
Look for features like thermal 04
image overlay and video 03
recording Research popular thermal
cameras used in drone
applications
Thank you for your time and attention