Product design lead
UX designer
UI designer
UX researcher
Front-end: 5
Back-end: 2
Design:2
Product manager
Account manager
Database admin
Challenge
The client approached us with initial wireframes for a skydiving app.
But according to the market research, multiple complex features had to be added to both the application and the Web application, plus another web app for the business owner him self, and another mobile app for the dropzone staff had to be designed.
so we collaborated to refine the design, adding features to meet the needs of both target audiences:
Skydiving Enthusiasts: The initial focus, implemented in an iOS-style interface as per the client's request.
Drop Zones: Businesses that provide skydiving services.
IOS application
The resulting app empowers skydiving enthusiasts with the following functionalities:
Advanced Search: Utilize unique filtering system to find drop zones based on specific criteria.
Direct Communication: Chat directly with drop zones through the app for clear and convenient communication.
Seamless Booking: Purchase jump tickets, equipment repairs, and courses directly within the app through a secure in-app payment system.
Pre-owned Gear Marketplace: Buy and sell used skydiving equipment amongst other users, fostering a community element.
Web application
Drop zones benefit from a dedicated management panel within the app, featuring functionalities like:
Inventory Management: Track and manage specialized skydiving equipment with dedicated warehouse systems.
Automated Booking and Scheduling: Streamline booking processes and manage drop zone calendars for improved efficiency.
Dedicated Ticketing System: Issue and manage jump tickets specifically within the app.
CRM and E-commerce management
Manifest, aircraft and staff managment
We were excited to move on to the UI design phase based on the finalized wireframes. However, our client, understandably unfamiliar with the entire design process, wanted a significant number of new features integrated into the existing ones. The primary hurdle became ensuring a seamless user experience (UX) by leveraging information architecture (IA) and user flow to minimize any potential conflicts or inconsistencies within the interface.
Our client made a strategic choice to leverage the iOS design system for the first phase of his mobile app. This approach offered several advantages.
Firstly, the established iOS design language is known for its user-friendliness and intuitive navigation, ensuring a smooth learning curve for users familiar with iPhones and iPads.
Secondly, by building on existing iOS components, we could streamline development in this initial phase, allowing us to deliver a core, functional app quickly and efficiently. This efficiency is crucial as it gives us valuable user feedback early on, which can then inform the feature expansion planned for later phases.
Thirdly according to the client's marketing briefings it was only efficient to focus the projects resources into the niche target market that are mostly IOS users.
Key Design Principles:
Mobile-First Design: Our minimum application screen width is 375px. Most components can be stretched to fit the user's device viewport.
Body Layout: Body containers have a default margin of 16px for padding.
Spacing:
Use 16px spacing between unrelated content segments.
Use 12px spacing between related content segments to visually indicate their connection.
Cards:
The recommended padding for cards is 16px.
If a card contains a significant amount of information, consider using 12px padding on the left and right sides only to improve readability.
The self manifestation* feature was one of the newly integrated among others that was much more complex, thus we went for the prototype to ensure a smooth flow for users.
*In skydiving, "manifesting" isn't magic! It's simply signing up for your jump, like reserving your spot on the plane for a thrilling adventure.
The ios application is now available on playstore and also on google play as a web application.
The desktop application inherited some of the usable ios visuals for branding and efficiently purposes.
