Mobile App: Crafting engaging mobile experiences for humans

Jaykey del Mar

Contact for pricing

About this service

Summary

With 8 years of experience shipping successful web and mobile products, along with over 4 years of leadership experience as a Design Lead and UX Head, I bring a wealth of expertise to craft exceptional mobile design experiences. What sets me apart is my strong background in branding and animation, allowing me to infuse your mobile app with a cohesive visual identity and delightful micro-interactions that captivate users. Together, we'll create a mobile design that not only functions seamlessly but also leaves a lasting impression through its thoughtful branding and engaging animations.

Process

My mobile design process is tailored to each organization's unique needs, though I use the double diamond as a foundational framework. However, I'm aware of real-world constraints and adapt the process accordingly. Here's my mobile design process organized into milestones:
Milestone 1: Discover (Diverge)
Immerse in the problem space through user research
Conduct stakeholder interviews, market analysis, or desk research if there is a limited budget
Identify user needs, pain points, and opportunities
Milestone 2: Define (Converge)
Synthesize research findings into actionable recommendations.
Define design principles and project goals
Create a shared vision with stakeholders' input
Milestone 3: Ideate (Diverge)
Explore multiple design concepts and solutions
Iterative sketches, wireframes, and low-fidelity prototypes
Regular feedback sessions with stakeholders
Milestone 4: Prototype (Converge)
Refine and consolidate the design direction
Develop high-fidelity mockups and interactive prototypes
Incorporate visual design, branding, and animations
Milestone 5: Test and Validate *optional
Conduct usability testing with target users
Gather feedback and iterate on the design
Ensure alignment with user needs and project goals
Milestone 6: Finalize and Deliver
Polish the final design and interactions
Create comprehensive design documentation
Prepare design handoff package for development
Throughout the process:
Clear communication channels for feedback and collaboration
Flexibility to adapt approach based on project constraints
Continuous focus on user needs and project objectives

What's included

  • Low-fidelity Screens *optional

    Static wireframes or sketches depicting the app's layout, content hierarchy, and user flows without visual styling.

  • High-fidelity Screens

    Visually polished mockups showcasing the app's final design, incorporating branding elements, typography, colors, and UI components.

  • Prototype

    An interactive, clickable prototype simulating the app's functionality, navigation, and transitions across multiple screens and user flows.

  • UI Component Library

    A comprehensive collection of reusable UI components, including buttons, icons, forms, and other interface elements, ensuring design consistency throughout the app.

  • Design Style & Guidelines

    A detailed document outlining the app's design system, including guidelines for typography, color palettes, iconography, spacing, and other visual elements.

  • Design Handoff Package

    A package containing all design assets, specifications, and documentation required for seamless collaboration with developers during the implementation phase.

Example projects

Breathing New Life into the Digital Workplace: Tech Lounge App

Skills and tools

Interaction Designer

Mobile Designer

Product Designer

Figma

Figma

More services

Website Design: Craft Captivating Digital Experiences

Contact for pricing