"LawVue" Mobile App Design

Max

Max Hez

This was a project I had the pleasure of participating in.
It was an app that used AI to educate users on how to handle police encounters smartly and safely with interactive scenarios and a live legal coach.
App icon and logotype
App icon and logotype
A close-up of the bottom main navigation bar and floating main action button
A close-up of the bottom main navigation bar and floating main action button
Sign in to Onboarding app flow as Figma interactive prototype
Browse Scenarios flow in prototype
Search flow in prototype
Stats screen in prototype
Profile screen in prototype
Profile menu in prototype
"Playing" Scenario screens in prototype
Vue Assist screens in prototype
Pro Subscription screen mockup
Pro Subscription screen mockup

Dark theme

I also designed a dark version of the whole app, and it looked like this:
Dark mode
Dark mode
Close-up of dark mode
Close-up of dark mode

Crafted for developer handoff

I organized the Figma file, used styles, variables and variable modes to keep consistency throughout the design, and named the layers and components semantically to make life easier to the team developing the app...
Well organized Figma file
Well organized Figma file
Semantically named layers and components
Semantically named layers and components
Consistent variables and variable modes ready for dev handoff
Consistent variables and variable modes ready for dev handoff

Thanks for viewing 🫠

And that's it for some of this project.
This is more of the end outcome than the process towards it, but I wasn't thinking of making a case study out of it so didn't capture the way to this end.
In the future I want to make more thorough case studies (maybe on YouTube, even... but for that I'll have to get a hand on video-making first).
I hope you have a great rest of your day,
Godspeed 👋
Like this project

Posted Oct 24, 2025

Designed and prototyped an AI educational app for police encounters.