"LawVue" Mobile App Design by Max | Appcraft"LawVue" Mobile App Design by Max | Appcraft

"LawVue" Mobile App Design

Max | Appcraft

Max | Appcraft

This was a project I had the opportunity to participate in late-2025.
The project was for 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

Dev 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 🫠

That's it for some of this project. Thank you for taking a look!
This is more of the end outcome than the process towards the completion of this project, but I wasn't thinking of making a case study from this project so didn't capture the way to this end.
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.