App UI

client:

Smart Drive

role:

UX/UI design: user flow, IA, low / high-fid prototypes, style guide.

professor:

Angela Fahlman

problem:

Drivers can’t compare EV vs hybrid vs gas without guesswork.

result:

An app prototype that turns driving data into clear buy/not advice.

skills:

Information architecture, interaction design, data visualization, usability testing

Context

Canada targets 100% new light-duty sales as zero-emission by 2035. The decision is constrained by gas price, mileage, climate, and total ownership cost. Drive Smart was designed to compress these variables into a simple decision workflow for everyday drivers.

Challenge

Market tools either log fuel or compare EVs, but rarely combine driving behavior, environment, and costs in one place. Users also avoid heavy manual input, so the flow must stay lightweight while still producing trustworthy, easy-to-read comparisons and recommendations.

Approach

I mapped the product into a clear IA (record → diagnose → analysis → advice) and built a login-to-result user flow. Two UI directions were sketched, then merged using peer feedback: image-led home, simplified refuel form, and clearer charts.

Impact

Delivered a coherent prototype package: site map + user flow, two concept variants, a consolidated interaction model, and a UI style guide (logo rules, colors, typography). Usability feedback directly drove concrete revisions (chart orientation, confirm action, settings access, auto-fill/detect fields).

download Case Studycontact me