Duffel design examples

Duffel

Sign-in screen where the user authenticates with their email address and password.

• Sign In

Duffel

Password recovery screen where the user enters their email address to request a reset link.

• Forgot Password

Duffel

Password recovery screen where the user enters their email address to receive a reset link, featuring an informational alert explaining the process.

• Forgot Password

Duffel

Signup page where the user creates an account by providing their name, email, password, and country, alongside value propositions for a flight-selling platform.

• Sign Up
• Account Setup

Duffel

Signup page where the user creates an account by providing their name, email, password with live validation, and country to start selling flights.

• Sign Up

Duffel

Signup page where the user creates an account to start selling flights, featuring a value proposition list and an open help and support popover.

• Sign Up
• Help

Duffel

Signup screen where the user enters their personal details and country to create an account, with a floating contact support widget open to submit a message or upload files.

• Sign Up
• Help

Duffel

Signup page where the user creates an account by providing their name, email, password, and country alongside a list of platform benefits.

• Sign Up

Duffel

Signup page where the user creates an account by providing their name, email, password, and country, alongside a list of platform benefits.

• Sign Up

Duffel

Onboarding tutorial where the user is welcomed to the Duffel API and prompted to start or skip a 3-minute guide on searching flights and creating orders.

• Guided Tour
• Welcome

Duffel

Onboarding step where the user follows an interactive tutorial to set up the Flights and Payments API using Node.js.

• Guided Tour
• Onboarding Checklist

Duffel

Onboarding step where the user reviews a Node.js code snippet for creating an offer request alongside an interactive example UI.

• Tutorial
• Code Editor