Skip to content
C&R Design
  • Design principles
  • Design guidelines
  • Design language
C&R Design
  • Design principles
  • Design guidelines
  • Design language
  • UX playbook
    • Overview
    • UX strategy
    • Design approach
    • Design process
      • 1. Discovery
      • 2. Ideation
      • 3. Design
      • 4. Validation
Design process 3. Design

We are now ready to put all our insights into action. This is where we design and send our final solution to development.

Develop the concept
Develop final design
Handover to the development team

Develop the concept

Low-Fi prototype

Can be as simple as paper sketches.

Med-Fi Prototype

Limited functionality HTML mockup.

Test clickable prototypes with users

Use clickable protoypes when on larger projects, when the flow needs to be validated by the team and stakeholders.

Develop final design

Hi-Fi Prototype.

Full functionality done on the production server.

Clickable prototype in Figma

Using the Hi-Fi or Low-Fi visuals to create a click through flow.

Handover to dev

Figma file reviews

Give access to Figma projects to development and product managers to review online together.

UX reviews

Frequent reviews with development a week before a release.

Hand over of our compenents library

Package up Figma page with all components that are used in a project for a sprint.

Writing of Acceptance Criteria

Write up AC and Gherkins for flow logic and interactions.

















Copyright © 2024 C&R Design | Powered by Astra WordPress Theme