User persona Design guideline Wireframe to prototype Quant/Qual analyses
Core Objective
Identify, understand, design, and optimize current domains to target key demographics and markets.
Key Role • Utilizing qualitative and quantitative research and usability test for data-driven iterative updates.
• Mobile-first design methodology to ensure standard and consistency across platforms. • Meet compliances with W3C/WCAG/ADA, and business branding guidelines.
Understand Demographic and Key Persona
• Each sectors have their own workflows that need to be targeted and optimized to suit their needs. • Continue to identify ever evolving user and market trends to better understand pattern and behavior.
Medical Doctors
Dentist and Orthodontist
Business Execs
Business and Marketing
Med Laboratory
Products and Services
Individual user flows
Project Scope / Design Sprint
• Define project scope through generative, iterative, evaluative stage of design and development.
• Design sprints through series of iterations, revisions, and feedback for continuous development.
Scrum design sprint
Design Guideline
• Establish Mobile-First design with responsive framework across all platforms.
• Update and iterate information architecture, site map, wireframe, and prototype.
Information architecture
Low-fidelity wireframes
Responsive site design
Design System and Branding Standard
• Establish design system/library for consistent and standardized reusable components and modules. • Design consistent visual and layout across all sites while adhere to branding and web standards.
• Use Material UI and Nielson's 10 usability methodologies in Human-Centered design principles.
Style guide
Design library – reusable components
Design guideline
Accessibility and Compliance Audits
• Adhere to W3C/WCAG/ADA Accessibility guidelines & submit audit for WCAG A/AA Compliance. • SEO/SEM, usability and accessibility strategies; i.e. Alt and meta tags, assistive technologies.
WCAG 2.0 Guidelines
ADA guidelines
Usability and Heuristic Check
• Utilize NN/g Nielson's 10 usability heuristics to design and check for site usability and functionality.
• Assign with Rose, Thorn, Bud color system to prioritize severity of the heuristic and addressing them.
10 usability checklist
Measuring Impact and Optimization
• Measurable comparative analysis through A/B testing with Google analytics and data metrics.
• Analyze KPI through traffic impression, retention and click-through rates to optimize sites.
• Quant and Qual analyses and surveys to explore area of opportunities/gaps to improve performance.