Drone SaaS Application - UI/UX Design Assignment
Objective
Design a Drone SaaS Application focusing on Flight Planning, Flight Scheduling, and
Mission Execution. The application should provide an intuitive interface for managing drone
operations efficiently.
1. Dashboard Page
Purpose:
A centralized hub displaying drone mission data, status, and quick actions.
Key Components:
● Overview Cards:
○ Total flights (Completed, In-progress, Scheduled)
○ Active Drones & Status (Battery %, Signal, Current Task)
○ Weather Conditions & Airspace Restrictions
● Live Drone Activity Section:
○ Map view with active drone locations
○ Status updates (Idle, In-Flight, Charging, Needs Maintenance)
● Recent Missions Table:
○ Columns: Mission Name | Date | Status | Pilot | Duration | Report
● Quick Actions:
○ Schedule a Flight
○ Plan a Mission
○ View Active Flights
2. Flight Planning Page
Purpose:
Users can design flight paths, upload missions, and prepare waypoints for drones.
Key Components:
● Interactive Map (for Outside Flights)
○ Draw Waypoints: Users can draw waypoints on the map.
○ Edit & Save: Modify and save routes.
○ Upload Mission to Drone: Converts waypoints to a mission file.
● 3D Flight Path Viewer (for Indoor Flights)
○ 3D environment to simulate flights inside a warehouse/factory.
○ Obstacle detection visualization.
● Table of Mission GeoJSON Data
○ Columns: Latitude | Longitude | Altitude | Frames
● Command Panel for Drone Controls
○ Takeoff / Land / Return to Home
○ Hover / Move Forward / Rotate / Speed Control
○ Payload Release (if applicable)
● Pre-Flight Loading
○ List of previous flight missions for re-use.
○ Load saved missions to quickly redeploy.
3. Flight Scheduling Page
Purpose:
Plan and schedule missions in advance, sync data with the drone.
Key Components:
● Scheduling Calendar
○ Date & Time selection for flights.
○ Assign drone, pilot, and mission file.
● Data Syncing Panel
○ Real-time sync status with drones.
○ Logs for scheduled flight uploads.
● Upcoming Flights Table
○ Columns: Mission | Drone | Assigned Pilot | Date | Status
● Conflict Alerts
○ Warns users of overlapping schedules.
4. Active Flight Page
Purpose:
Monitor live flights with real-time telemetry, video feeds, and controls.
Key Components:
● Real-Time Map View
○ Displays drone position, waypoints, and no-fly zones.
● Live Video Feed
○ Multiple Feeds Support: Main Camera, FPV, Infrared (if available).
○ Video recording option.
● Telemetry Dashboard
○ Speed, Altitude, Battery %, Signal Strength, GPS Accuracy.
● Command Tab (Manual Controls)
○ Emergency Stop, Land, Return to Home.
○ Override flight path if needed.
● Mission Status Log
○ Time-stamped events (Takeoff, Waypoint Reached, Landing).
Design Considerations
● Dark Theme UI for better contrast in outdoor environments.
● Responsive Design for tablet & mobile use.
● Intuitive Drag & Drop for waypoint selection.
● Data Caching for offline mission planning.
Deliverables:
1. Wireframe mockups (if required)
2. UI/UX Prototype (if necessary)
3. Documentation on design rationale
Assignment Submission
● Deadline: 24 hrs
● Submission Format: PDF or Figma Link
● Evaluation Criteria:
○ UI/UX Usability
○ Completeness of Features
○ Aesthetic & Functional Design
○ Innovation & User Experience
