JKR Logo

My Design Process

A systematic approach to solving complex design challenges through research, iteration, and user-centered design principles. Here's how I approach design problems and deliver impactful solutions.

The Design Process

Discovery & Research

Understanding the problem space, user needs, and business context

Duration: 1-2 weeks

Key Activities

  • User interviews and ethnographic research
  • Competitive analysis and market research
  • Stakeholder interviews and business requirements
  • Data analysis and user behavior insights
  • Problem statement definition and validation

Deliverables

Research reportUser personasProblem statementSuccess metrics

Ideation & Strategy

Generating solutions and defining the strategic approach

Duration: 1-2 weeks

Key Activities

  • Design thinking workshops and brainstorming
  • User journey mapping and service design
  • Information architecture and content strategy
  • Feature prioritization and roadmap planning
  • Design principles and guidelines definition

Deliverables

User journey mapsInformation architectureDesign strategyFeature roadmap

Design & Prototyping

Creating detailed designs and interactive prototypes

Duration: 2-3 weeks

Key Activities

  • Wireframing and low-fidelity prototyping
  • Visual design and design system creation
  • High-fidelity prototyping and interactions
  • User interface design and component library
  • Accessibility and responsive design implementation

Deliverables

WireframesDesign systemHigh-fidelity prototypesComponent library

Testing & Validation

Validating designs through user testing and feedback

Duration: 1-2 weeks

Key Activities

  • Usability testing and user feedback sessions
  • A/B testing and performance analysis
  • Accessibility testing and compliance checks
  • Stakeholder reviews and design critiques
  • Iteration based on feedback and insights

Deliverables

Usability test resultsUser feedback reportDesign iterationsFinal designs

Implementation & Launch

Supporting development and ensuring successful launch

Duration: 2-4 weeks

Key Activities

  • Design handoff and developer collaboration
  • Quality assurance and design review
  • Launch preparation and go-to-market strategy
  • Post-launch monitoring and optimization
  • Documentation and knowledge transfer

Deliverables

Design specificationsLaunch strategySuccess metricsDocumentation

Design Principles

User-Centered Design

Every decision is made with the user's needs, goals, and context in mind. I believe that great design happens when we deeply understand and empathize with the people we're designing for.

User research and interviewsUsability testingUser journey mappingAccessibility considerations

Evidence-Based Design

Design decisions are informed by data, research, and testing rather than assumptions or personal preferences. I use both qualitative and quantitative data to validate design choices.

A/B testingAnalytics analysisUser feedbackPerformance metrics

Iterative Approach

Design is a process of continuous improvement. I believe in rapid prototyping, testing, and iteration to refine solutions based on real user feedback and business outcomes.

Rapid prototypingUser testing cyclesDesign sprintsContinuous iteration

Collaborative Design

Great design happens through collaboration with cross-functional teams, stakeholders, and users. I work closely with developers, product managers, and business stakeholders.

Design workshopsStakeholder alignmentDeveloper collaborationUser co-creation

Systematic Thinking

I design with systems in mind, creating scalable solutions that work together cohesively. This includes design systems, component libraries, and consistent patterns.

Design systemsComponent librariesPattern librariesScalable solutions

Tools & Methods

Design & Prototyping

FigmaFigma MakeAdobe Creative SuitePrincipleFramerCursor AI

Research & Testing

UserTestingLookbackCustomer interviewsBehavioural AnalyticsOptimal Workshop

Collaboration & Management

NotionMiroSlackJiraConfluenceLoom

Development & Handoff

StorybookZeplinFigmaGitHubVS CodeChrome DevTools

Ready to see this process in action?

Explore my portfolio to see how this methodology translates into real design solutions.

View Portfolio

© 2025 John Kellyn Resman. All rights reserved.
This website is built with Next.js, Tailwind CSS, and Framer Motion. Vibe coded with Cursor in a day.