Responsible for Website + Onboarding
Knight Safe’s Website ReformInformation architecture + Branding
⸺Freelancer
2024
⸺Role
UX & UI
⸺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
Revisiting
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.