Category:
Web Design
Client:
Dynflux
Duration:
4 weeks
My Role
UX & UI Designer
Scope
Search Experience Design, Navigation Flow, Filtering & UI System
Overview
DroneBase Pro is a professional-grade interface concept designed for commercial drone operators to browse, filter, and book mission-based jobs. My role focused on creating a seamless search and filtering experience that could accommodate detailed technical criteria — including equipment types, flight zones, weather preferences, and client instructions — in both mobile and desktop environments.
(WHERE I STARTED)
Problem
Commercial drone operators need to quickly discover relevant missions without sifting through irrelevant or poorly matched listings. The challenge was to create a search experience that feels intelligent, fast, and clear, while supporting advanced filters without overwhelming the user.
(MY DESIGN PROCESS)
Process & Approach
I began by analyzing the needs of both drone pilots and agencies using secondary research and public marketplace reviews. This informed key personas and search goals, such as: "Find missions within my skill set that fit my gear and are within legal airspace."
I wireframed flows for:
Search & result views
Multi-step filter modals (location, weather, airspace clearance, drone compatibility)
Mission detail previews and bookmarking
Using Figma, I built responsive prototypes and tested different interaction models — from persistent side filters to bottom-sheet filter stacks (for mobile).
I also crafted a clean, modern UI system based on accessibility guidelines and visual consistency across both platforms.
(MY DESIGN IMPACT)
Key Contributions
Designed a flexible search interface with advanced filters tailored to drone industry use cases
Created responsive wireframes and prototypes for both desktop and mobile flows
Developed intuitive filter UX (sticky tags, collapsible criteria, chip-based selectors)
Introduced mission status indicators (e.g., “Weather-Sensitive,” “Airspace Pending”) to enhance at-a-glance decision-making
Crafted a clean visual system, consistent with modern product UI and scalable for future mission types
(DELIVERING VALUE)
Outcome
The prototype enabled early validation with drone professionals, who praised its ease of use and clarity. The advanced filters reduced time spent searching by ~40% in testing scenarios. The work set the foundation for a scalable design system and a frictionless job-search experience for a specialized user base.
(LEARNING IN ACTION)
What This Project Taught Me
Designing search and filtering flows requires not just logic, but empathy — how users feel about narrowing choices matters
Built deeper skills in responsive design, managing information density across devices without sacrificing clarity
Learned to design for power users with highly specific needs, while maintaining an intuitive experience
Improved my confidence in using Figma for component-driven systems that scale and adapt
(HOW I GREW)
This project pushed me to refine how I handle complexity with elegance. I deepened my ability to create usable filtering experiences for task-focused professionals and reinforced the importance of contextual clarity in search. It also sharpened my systems thinking, preparing me to contribute meaningfully to scalable product design challenges at companies like Pinterest.
