AI-assisted
Live
UI Design
VTHacks App
Elevating the registration journey across user groups through humanistic UX.
TIMELINE
2 weeks
ROLES
UI Designer, Developer
TEAM
3 developers, 3 designers
SKILLS
UX interviewing, AI-coding
Overview
The Platform
The VTHacks App, Application screen, is for interested participants, judges, and mentors, to apply, gain information, and register for the 36-hour annual hackathon event.
The Problem
The survey feels transactional, offering users no sense of progress and no feedback on errors until after submission, and even then, it doesn't point them to the problem, leaving them to hunt through the form to find what went wrong.
Solution
Instant user-system feedback and progress indicators.
Added a humanistic and immersive feel through content design (verbiage) and overall user interface.
Smarter and more intuitive question form types.
IDENTIFY
How might we lighten the survey experience and prioritize active system feedback?
Diagnosing the issue
DESIGN
WORKFLOW
How might we humanize a common interface through empathetic design decisions?
Narrating the experience & matching the tone to the audience
Smarter form types
Dropdown for each question
more visual and less clicks
Progress tracking + anchor points side nav
Typography variety & brand colors
Automatic system feedback for section completion
SOLUTION
Key Sections
HEADER SECTION
No introductory information:
Before
After
LOGISTICS SECTION
Dropdown selections on each question:
Before
After