B2C-APP DESIGN
blueline
toolbox
Employer
My Role
When
Overview - BLUELINE
Blueline, an App is actively engaged in fostering a heightened level of integrated communication between law enforcement agencies and the public, with the ultimate goal of enhancing community safety and promoting mutual trust and understanding. A list of feature includes: File a report, submit a tip, language support, check report status, victim assistance, anonymous features etc.
Product Designer
- Sketched wireframes, built prototypes, and designed high-quality visuals.
- Used user data and feedback to shape user flows and interactions.
- Ensured the product looked great and was easy to use.
- Collaborated with developers to bring designs to life accurately.
- Managed interviews, surveys, and usability tests to gather insights.
Tool
Peers
Duration
Status
Results & Impact
Blueline transforms the interaction between law enforcement and the public by introducing a comprehensive app that enhances communication, simplifies reporting, and ensures transparency. By addressing language barriers and privacy concerns, Blueline aims to foster community safety and build trust between law enforcement agencies and the communities they serve.
User Story
Emily witnesses a crime but hesitates to report it due to concerns about privacy and the complexity of the reporting process. She feels disconnected from law enforcement and unsure about the status of her report.
User Story
Emily uses Blueline to report the incident anonymously. She uploads relevant details and receives a confirmation of her report instantly. Through the app, she tracks the status of her report and receives updates from law enforcement, ensuring transparency and peace of mind. Blueline bridges the gap between Emily and law enforcement, making it easier and safer for her to report incidents and stay informed about the progress of her case.
()
(Await the updates)
(Await the updates)
(Await the updates)
tARGET Problem
The trust between citizens and law enforcement, specifically the Police Department, is eroding.
competitor audit
By examining 51 related products from various perspectives, which encompass 5 similar products originating from distinct market domains, we have conducted a comprehensive analysis. We assessed these products using a range of criteria, including SWOT analysis, key features, user interface (UI) and user experience (UX) design, value proposition, market strategy, and accomplishments. In this presentation, we have selected the top three identical applications as illustrative examples to demonstrate our competitor audit process. If you wish to explore further details, please don't hesitate to access the organized Google Sheet for more insights.
View Competitor on Google Sheet
site map
user flow
wireflow
Wireflow: wireframe-style user flow
Wireframing
Sketching is a powerful tool that helps visualize my ideas, communicate concepts, and bring the imagination to life.
High fidelity wireframe
By researching pain points of potential users and to provide solutions that I could visualize,
I established a preliminary blueprint
usability testing
It's time for users to test the first version of my design
some highlighted from user journey
I captured the essential screenshots from the whole user journey
Insights & revision
In the process of product testing, I received some suggestions and modifications from the active users, which much helped my design ideas. Want to see what I improved?
please scroll down.
Revision 02
Revision 03
when they forget.
to retrieve the case number in case the user forgets.
user testing round 2
I revised my concept and conducted the second round of user testing
I would use this App for sure!”
wait to tap on them ~”
Style guide
logo
DESIGN SYSTEM
We are ready to show you the third chapter of Blueline, a design system I developed. a set of standards to manage design at scale by reducing redundancy while creating a shared language and visual consistency across different page or cross functional teams.
components
Revision 01