Responsible for Website + Onboarding

Knight Safe’s Website ReformInformation architecture + Branding





⸺UX contrib.

Reform information architectureConsolidate BA’s needs to Wireframe

⸺UI contrib.

Reform color branding, Font

Before and After

Visualize the text requirements

Requirement Analysis

Start by thoroughly understanding the written requirements. Identify the key features, functionalities, and constraints specified in the text. Break down complex requirements into smaller, actionable units.

Sketching and Wireframing

Begin by sketching rough visual representations of the app’s screens and interfaces. This can be done using pen and paper or specialized wireframing tools. Focus on capturing the layout, structure, and key elements of each


Share the visual designs with stakeholders and gather feedback. This can include clients, users, developers, and other relevant parties. Incorporate their input and iterate on the designs to refine and improve them based on the feedback

Visual Design Variations

Apply visual design elements such as colors, typography, icons, and imagery to the wireframes and prototypes. Use design software to create high-fidelity mockups that reflect the intended visual style and branding of the app. Pay attention to details and ensure consistency across screens.

Customer Feedback