Building apps with empathy at the core

Contact for pricing

About this service

Summary

I partner closely with stakeholders to define the project’s scope and requirements, ensuring a clear, strategic foundation from the start. Through rigorous user research and industry best practices, I craft visually compelling, intuitive designs tailored to actual user needs. Every deliverable is created with developers in mind, allowing for a smooth handoff and straightforward implementation.

Process

Collaborate with stakeholders to clarify goals, success metrics, and the overall vision.
Document project requirements, constraints, and key deliverables to ensure alignment before moving forward.
Conduct interviews, surveys, or competitor analyses to understand user needs and market context.
Develop user personas and journey maps, providing a foundation for user-focused decision-making.
Create low-fidelity wireframes to map out core layouts, screen flows, and functionality.
Refine the app’s information structure based on feedback, ensuring logical navigation and a seamless user journey.
Transform wireframes into high-fidelity mockups, incorporating branding elements, color schemes, and typography.
Build interactive prototypes to simulate user flows, gather feedback, and validate design concepts.
Provide comprehensive design specifications and organized files (Figma or Sketch) for developers.
Facilitate regular check-ins and respond to any technical questions, ensuring a smooth implementation process.
Conduct usability testing or gather user feedback post-launch to identify improvement opportunities.
Work with stakeholders to prioritize enhancements, fostering ongoing product growth.

What's included

  • User personas

    Clearly defined target users, their needs, pain points, and motivations. Up to 3 distinct personas (based on initial research and stakeholder interviews).

  • Competitive analysis

    Insights into industry standards, best practices, and opportunities for differentiation. 1 comprehensive document covering top 3–5 competitors.

  • Feature prioritization

    A refined list of features, aligning product goals with user requirements. 1 consolidated list aligning product goals with user insights.

  • User journey maps

    Visual representations of how users move through the app to accomplish their goals.

  • Sitemap/architecture diagram

    Outlining the app’s hierarchy and navigation structure.

  • Wireframes

    Basic page schematics showing placement of elements, user pathways, and interactions. 2 revision rounds to adjust layouts, content grouping, or basic functionality.

  • Annotations

    Explanations of each design decision or feature to clarify functionality.

  • High-fidelity mockups

    Polished screens showcasing the final look, feel, and branding elements. 2 revision cycles for color palette, typography, spacing, and visual elements.

  • Style guide & design system

    A collection of typography, color palettes, UI components, and iconography that ensures consistency throughout the app.

  • Clickable prototype

    Enabling stakeholders to experience the flow, transitions, and interactive components before development.

  • Usability testing assets

    Materials for user testing sessions, gathering feedback to refine the design. Test scripts and feedback forms (PDF or Google Docs).

  • Design specifications

    Detailed documentation of spacing, fonts, and styles for front-end development. Marked-up screens in Figma/Sketch, including dimensions, spacing, color styles, and typographic styles.

  • Collaboration files

    Well-organized design files (e.g., Figma or Sketch) with version history and notes for seamless communication.

  • Review & iteration plan

    Follow-up sessions or workshops to address feedback, new ideas, and ensure continuity after launch.

  • Roadmap guidance

    Recommendations for future updates, scalability options, and optimization based on real-world usage.


Skills and tools

Mobile Designer

UX Designer

Product Designer

Adobe Illustrator

Adobe Illustrator

Adobe Photoshop

Adobe Photoshop

Figma

Figma

Sketch

Sketch

Tailwind CSS

Tailwind CSS