Crafting Meaningful
Digital Experiences

Discovery Meeting

I start each project with a focused discovery meeting. This initial conversation with the Product Owner (PO) is where I gather critical information:

• What are we designing? Understanding the product vision and specific deliverables
• What problems are we solving? Identifying the core user needs and pain points
• Who are we designing this for? Learning about the target users and their requirements
• What are the requirements? Documenting initial requirements and constraints

A thorough discovery phase lays the groundwork for successful design. By asking the right questions early, I can ensure alignment between stakeholders and prevent misunderstandings later in the process.

Strategy & Planning

With research insights in hand, I develop a strategic approach:

• Create user journey maps highlighting pain points and opportunities
• Define information architecture and site/app structure
• Develop content strategy aligned with user needs
• Outline key user flows and scenarios
• Establish project priorities and MVP requirements

Wireframing & Low-Fidelity Prototyping

Before jumping into visual design, I create structural blueprints:

• Sketch initial concepts and ideas
• Develop low-fidelity wireframes focusing on layout and functionality
• Map user flows between screens
• Create clickable prototypes for early testing

First Stakeholder Review

Once wireframes and initial flows are complete, I conduct a first review with stakeholders:

• Present wireframes and user flows to the Product Owner
• Get feedback on the direction and structure
• Discuss all potential edge cases
• Gather developer input on technical feasibility
• Make necessary adjustments based on feedback

This early review ensures we're aligned before investing time in high-fidelity designs.

Visual Design

With the structure approved, I bring the interface to life:

• Develop visual direction through moodboards and style exploration
• Create a cohesive design system (typography, color, components)
• Design high-fidelity mockups applying the visual language
• Ensure accessibility standards are met
• Prepare responsive designs for various devices

Prototyping

With high-fidelity mockups complete:

• Build interactive prototypes in Figma or v0.dev
• Link all screens to create comprehensive user flows
• Cover all basic use cases
• Create prototypes for desired devices (desktop, mobile, or tablet)
• Communicate to stakeholders that "THIS IS NOT THE FINAL PRODUCT"

Second Stakeholder Review

With the first draft of high-fidelity mockups and prototypes complete:

• Review all mockups and flows with the Product Owner
• Gather feedback and identify necessary changes
• Review with developers to ensure technical feasibility
• Make updates to mockups based on feedback
• Create a user testing plan if needed

Usability Testing

Depending on project complexity:

• Conduct user interviews and usability testing with the prototype
• Observe users completing key tasks
• Document user feedback and pain points
• Identify areas for improvement
• Analyze testing results with stakeholders

Update Mockups Based on Feedback

After gathering feedback:

• Make design changes based on usability testing results
• Review UI updates with the Product Owner
• Update all prototypes to reflect changes
• Ensure all edge cases are addressed
• Finalize designs for handoff

Deliver Assets to Development

Once mockups are approved:

• Prepare and deliver assets to the development team
• Work with developers on implementation questions
• Make adjustments to designs based on technical feedback
• Remain available during development for questions
• QA the implementation against the approved designs

Monitor Launch & Iterate

After launch:

• Observe user interaction with the live product
• Gather feedback from real users
• Prioritize future improvements based on user data
• Plan for iterative enhancements in future releases
• Continue to refine the experience based on metrics and feedback