FlyWP Onboarding Wireframe


FlyWP Onboarding Wireframe
Step 1: Updated Welcome Screen (After Login)

Welcome to FlyWP, John!

Get started by creating your first server. Choose your preferred cloud provider below.

Our Partnered Server Providers:

DO
Provision through FlyWP using DigitalOcean
Reliable cloud infrastructure with SSD-only servers
V
Provision through FlyWP using Vultr
High-performance cloud compute with global locations

Follow these next steps to get started with FlyWP.

1
2
3
Key Changes:
1. Changed name from “Snoop” to “John Doe”
2. Removed AWS provider – kept only DigitalOcean and Vultr
3. Added section divider line between providers and onboarding card
4. Maintained the original onboarding steps functionality with updated UI styling
Step 2: Server Configuration (DigitalOcean Selected)

Configure Your Server

1
2
3
DO
DigitalOcean
Change Provider
or Add new account?
Shared CPU
Dedicated CPU
Basic CPU
General Purpose
CPU Optimized
Memory Optimized
Storage Optimized
Regular
Premium Intel
Premium AMD
CPU Memory Storage Bandwidth Price
1 Core 1 GB 25 GB 1 TB $6/mo
1 Core 2 GB 50 GB 2 TB $12/mo
2 Core 2 GB 60 GB 3 TB $18/mo
2 Core 4 GB 80 GB 4 TB $24/mo
Key Change:
Button now says “Continue to Payment” instead of “Launch Server”. This sets expectation for the combined payment step.
Step 3: Combined Payment Page (Server + FlyWP Subscription)

Complete Your Order

1
2
3

Choose Your FlyWP Plan

Hobby Plan
$9/mo
  • 1 Server
  • Unlimited Sites
  • Basic Support
Growth Plan
$19/mo
Most Popular
  • 10 Servers
  • Unlimited Sites
  • Site Backup
  • Priority Support
Business Plan
$39/mo
  • Unlimited Servers
  • Unlimited Sites
  • Advanced Backup
  • Team Features

Payment Method

🔒 Secured by Stripe
Order Summary
SERVER
DO
DigitalOcean
1 Core, 2 GB RAM, 50 GB Storage
Location: New York 1
DigitalOcean Server $12.00/mo
FlyWP Growth Plan $19.00/mo
First Month Discount -$5.00
Total (First Month) $26.00
Then $31.00/month after first month
By completing this purchase, you agree to our Terms of Service and Privacy Policy. Your server will be provisioned immediately after payment.
Key Features of This Step:
1. Combined server + subscription payment
2. Clear breakdown showing both costs
3. Optional first-month discount to incentivize
4. Server specs clearly shown in summary
5. Single Stripe payment for everything
Step 4: Order Success & Server Provisioning

Payment Successful!

Your server is being provisioned. You’ll receive an email when it’s ready.

Server Details

Provider: DigitalOcean
Server Size: 1 Core, 2GB RAM
Location: New York 1
Hostname: joyful-griffin
Plan: FlyWP Growth Plan
⏱️ Next Steps
  • Server provisioning will take 2-3 minutes
  • You’ll receive an email with server credentials
  • Access your server dashboard to start adding sites
Add Another Server