Questionnaires
Throughout research and validation stages, questionnaires are used to gather feedback, helping refine personas, validate assumptions, and support data-driven decisions before moving into design.
My Workflow
UX RESEARCH
At the beginning of the methodology, UX research establishes a deep understanding of users through data collection and analysis, forming the foundation that informs all subsequent design and development decisions.
Personas
Throughout research and validation stages, questionnaires are used to gather feedback, helping refine personas, validate assumptions, and support data-driven decisions before moving into design.
User Journey Maps
Once user understanding is established, journey maps outline end-to-end experiences, identifying key touchpoints and pain points, which inform where design improvements and opportunities should be prioritised.
Empathy Maps
After gathering initial insights, empathy maps help create user thoughts, feelings, and behaviours, deepening understanding and ensuring I remain focused on real user needs before ideation begins.
UX DESIGN
Following research, UX design translates insights into ideas and solutions, progressing from rapid ideation to structured layouts and interactive prototypes that define how users will experience the product.
Crazy 8s
At the start of ideation, Crazy 8s encourages rapid exploration of multiple concepts, helping me generate diverse solutions quickly before narrowing down to the most promising ideas.
Sketches
Following ideation, sketches are used to explore selected concepts in more detail, allowing quick iteration and refinement of layouts and flows before committing to structured design formats.
Wireframes
After sketching, wireframes define structure and functionality, mapping content hierarchy and user flows, serving as a clear blueprint that bridges early ideas and interactive prototypes.
High Fidelity Prototypes
Toward the end of design, interactive prototypes simulate real user interactions, enabling usability testing and feedback before development begins, reducing costly changes later.
USABILITY TESTING
After design, usability testing evaluates how real users interact with the product, identifying issues and validating decisions through iterative feedback before and after launch to ensure effectiveness and usability.
Think Aloud Protocols
Early in testing, users verbalize their thoughts while interacting with prototypes, revealing usability issues and misunderstandings that can be addressed before other evaluation methods.
Interviews
Following initial tests, interviews provide deeper qualitative insights into user experiences, clarifying motivations and uncovering issues that may not be immediately visible through observation alone.
A/B Testing
Later in the process, A/B testing compares design variations with real users, using performance metrics to determine which solution is more effective in achieving desired outcomes.
Heuristic Testing
Alongside user testing, I review the interface against usability principles, quickly identifying issues and ensuring the design meets established standards.
Cognitive Walkthrough
Before finalizing designs, I simulate first-time user interactions step-by-step, ensuring tasks are intuitive and identifying potential learning barriers in the user flow.
Analytics Analysis
Analytics are continuously monitored to understand real user behaviour, validate design decisions, and identify opportunities for optimization and improvement.
FRONT END DEVELOPMENT
Once designs are validated, front end development builds the user interface, transforming visual and interactive designs into functional code that users directly interact with in the browser.
HTML
At the start of development, HTML structures the content and layout of the application, forming the foundational layer upon which styling and interactivity will be built, while ensuring the site remains accessible.
CSS
After structure is in place, CSS is applied to style the interface, ensuring visual consistency, responsiveness, and alignment with design specifications across devices and screen sizes.
Javascript
Once structure and styling are established, JavaScript adds interactivity and dynamic behaviour, enabling user engagement features and connecting the interface to back end functionality.
BACK END DEVELOPMENT
Running alongside or after front end work, backend development establishes the application’s logic, infrastructure, and data handling, ensuring the system functions reliably behind the scenes.
Docker
Early in back end setup, Docker containers create consistent environments, ensuring applications run reliably across development, testing, and production stages without configuration conflicts.
Framework Integration
During back end development, frameworks are integrated to provide structure, streamline workflows, and accelerate implementation of core features such as routing, authentication, and APIs.
Database Desing
Before and during development, database design defines how data is structured and managed, ensuring efficient storage, retrieval, and scalability aligned with application requirements.
TESTING
Throughout and especially before release, testing ensures the product meets quality standards by identifying bugs, validating code, and optimizing performance, leading to a stable and reliable final product.
Lighthouse
During pre-launch testing, Lighthouse audits performance, accessibility, and best practices, highlighting issues that should be resolved to improve overall quality before release.
HTML Validation
As development progresses, HTML validation ensures code correctness and standards compliance, reducing rendering issues and improving accessibility across browsers and devices.
CSS Validation
Alongside HTML checks, CSS validation identifies errors and inconsistencies, helping maintain clean, efficient stylesheets and ensuring consistent visual presentation
Unit Testing
Throughout development, unit testing verifies individual components function correctly, catching bugs early and ensuring stability as new features are added and the system evolves.