Mobile App Developer for ScooterIt UI
Budget: $250 – $750 USD
ScooterIt — Designer Specification (Client App + Admin Dashboard)
⸻
1. APP CONCEPT (Client / User App)
ScooterIt is a multi-provider scooter comparison and booking platform.
Users open the app → see all scooters around them → compare prices → unlock & ride through the provider’s API → receive route suggestions for tourist spots.
ScooterIt does not own scooters.
It connects to external providers (Lime, Tier, Circ, etc.) using API slots — meaning once a provider API is connected, their scooters will appear automatically.
⸻
2. APP GOALS
For Users
• Compare scooter prices from all providers near them
• View map with all scooters in real time
• Get the cheapest or closest scooter
• Unlock scooter (via partner API deep links)
• Get guided routes for tourist attractions
For Admin
• View scooters by provider
• Monitor usage
• Manage partner APIs
• View analytics: searches, bookings, heatmaps
⸻
3. DESIGN STYLE GUIDE (General)
• Modern, clean, minimal UI (similar to Lime or Uber)
• Map-first design (like Uber)
• Rounded cards, soft shadows
• Colors:
• Primary: Electric Blue (#1F7CFF)
• Secondary: Lime Green (#7CFF4F)
• Dark text: #1A1A1A
• Light background: #F7F7F7
• Font suggestion: SF Pro (iOS) / Inter (Android & web)
⸻
4. USER APP — SCREEN BY SCREEN
⸻
4.1 Splash Screen
• ScooterIt logo centered
• Subtext: “Compare. Ride. Explore.”
⸻
4.2 Onboarding Screens (3 slides)
Screen 1: Compare scooter prices
Screen 2: Find the closest scooter
Screen 3: Explore tourist routes
Simple illustrations.
⸻
4.3 Login / Sign Up
• Sign in with:
• Phone number (OTP verification)
• Apple
• Google
• Basic permissions: Location → “Allow to find scooters near you”
⸻
4.4 Home / Map Screen (Main Screen)
This is the MOST important screen.
Elements:
• Full-screen map
• User location dot
• Scooter provider pins, each with a different color:
• Lime → Green
• Tier → Blue
• Circ → Orange
• etc.
• Scooter pin shows: price per minute, battery %, distance.
• Bottom expandable Scooter Comparison Bar:
• Scrollable list of scooters:
• Provider logo
• Distance
• Estimated cost
• Battery
• “Navigate” button
• Top search bar → “Search destination or tourist spot”
• Filters (top right):
• Price
• Battery %
• Provider
• Distance
⸻
4.5 Scooter Detail Sheet
Appears when user taps a scooter pin or list item.
Shows:
• Provider logo
• Price per minute / unlock fee
• Estimated trip cost
• Battery %
• Distance & expected walking time
• “Navigate to scooter” (opens walking route)
• “Unlock in provider app” (deep link to API)
⸻
4.6 Tourist Route Suggestions
User taps “Explore Routes”.
Screen contains:
• Cards with popular locations:
• Burj Khalifa Tour
• Old Dubai Scenic Route
• Marina Night Ride
• Each route card shows:
• Distance
• Estimated time
• Difficulty
• “Start Route”
When starting → map shows animated route line.
⸻
4.7 Trip Summary / History
• Date
• Provider used
• Estimated cost
• Distance walked to scooter
• Tourist routes completed
⸻
4.8 Settings
• Profile
• Saved places
• Preferred providers
• Dark mode
• Language
• Support
⸻
5. ADMIN DASHBOARD (Web App)
For internal use.
⸻
5.1 Admin Login
Email + password.
⸻
5.2 Provider Management
A list of connected providers with API slot status:
• Provider name
• Status (connected / not connected)
• API Key input
• Refresh token
• “Test connection” button
⸻
5.3 Scooter Monitoring Map
Shows all scooters from all providers.
Filters:
• Provider
• City
• Active / inactive
• Battery level
⸻
5.4 Analytics Dashboard
• Number of searches
• Most viewed providers
• Peak usage times
• Map heatmap (where users search)
• Tourist route popularity
⸻
5.5 User Management
• List of users
• Block / allow
• Trip history
⸻
6. API Integration Slots
Designer does not need technical detail but must show space for:
• “Add Provider” button
• Modal with: API URL, Client ID, Secret
• Provider logo upload
⸻
7. DELIVERABLES NEEDED FROM DESIGNER
Your designer must produce:
Mobile (iOS + Android)
• 1 splash screen
• 3 onboarding screens
• Login / signup
• Full map system
• Scooter comparison bar
• Scooter details bottom sheet
• Tourist route pages
• Settings / profile
• Trip history
Admin Dashboard Web
• Login
• Provider API manager
• Scooter map
• Analytics dashboard
• User management
Route Suggestion Feature (For ScooterIt App)
This section is written so a designer can immediately create UI screens for it.
⸻
1. Where This Feature Appears
The Route Suggestion entry point is added in:
Home/Map screen
• A button at the bottom or top:
“Explore Routes”
-> Opens the route suggestion screen.
Search bar
• When user taps search:
• Under the search results → Show recommended tourist routes:
“Popular Routes Near You”
⸻
2. Route Suggestion Main Screen
Title:
Recommended Scooter Routes
Layout:
• Full-width scrollable vertical cards
• Each card contains:
• A preview map (small static map image or blurred)
• Route name
• Distance (e.g., 3.2 km)
• Estimated time (e.g., 18 mins)
• Difficulty (Easy / Moderate)
• Tag (Scenic, Tourist, Fast route, Beginner friendly)
• “Start Route” button
Example routes for Dubai:
• Old Dubai Heritage Route
• Downtown Scenic Ride
• Dubai Marina Night Route
• La Mer Beach Cruise
⸻
3. Route Detail Page
When the user taps a route card.
Page Sections:
⸻
A. Mini Map Preview
Shows the full route path highlighted.
⸻
B. Route Stats
• Total distance
• Estimated time
• Number of stops
• Recommended battery %
⸻
1. APP CONCEPT (Client / User App)
ScooterIt is a multi-provider scooter comparison and booking platform.
Users open the app → see all scooters around them → compare prices → unlock & ride through the provider’s API → receive route suggestions for tourist spots.
ScooterIt does not own scooters.
It connects to external providers (Lime, Tier, Circ, etc.) using API slots — meaning once a provider API is connected, their scooters will appear automatically.
⸻
2. APP GOALS
For Users
• Compare scooter prices from all providers near them
• View map with all scooters in real time
• Get the cheapest or closest scooter
• Unlock scooter (via partner API deep links)
• Get guided routes for tourist attractions
For Admin
• View scooters by provider
• Monitor usage
• Manage partner APIs
• View analytics: searches, bookings, heatmaps
⸻
3. DESIGN STYLE GUIDE (General)
• Modern, clean, minimal UI (similar to Lime or Uber)
• Map-first design (like Uber)
• Rounded cards, soft shadows
• Colors:
• Primary: Electric Blue (#1F7CFF)
• Secondary: Lime Green (#7CFF4F)
• Dark text: #1A1A1A
• Light background: #F7F7F7
• Font suggestion: SF Pro (iOS) / Inter (Android & web)
⸻
4. USER APP — SCREEN BY SCREEN
⸻
4.1 Splash Screen
• ScooterIt logo centered
• Subtext: “Compare. Ride. Explore.”
⸻
4.2 Onboarding Screens (3 slides)
Screen 1: Compare scooter prices
Screen 2: Find the closest scooter
Screen 3: Explore tourist routes
Simple illustrations.
⸻
4.3 Login / Sign Up
• Sign in with:
• Phone number (OTP verification)
• Apple
• Basic permissions: Location → “Allow to find scooters near you”
⸻
4.4 Home / Map Screen (Main Screen)
This is the MOST important screen.
Elements:
• Full-screen map
• User location dot
• Scooter provider pins, each with a different color:
• Lime → Green
• Tier → Blue
• Circ → Orange
• etc.
• Scooter pin shows: price per minute, battery %, distance.
• Bottom expandable Scooter Comparison Bar:
• Scrollable list of scooters:
• Provider logo
• Distance
• Estimated cost
• Battery
• “Navigate” button
• Top search bar → “Search destination or tourist spot”
• Filters (top right):
• Price
• Battery %
• Provider
• Distance
⸻
4.5 Scooter Detail Sheet
Appears when user taps a scooter pin or list item.
Shows:
• Provider logo
• Price per minute / unlock fee
• Estimated trip cost
• Battery %
• Distance & expected walking time
• “Navigate to scooter” (opens walking route)
• “Unlock in provider app” (deep link to API)
⸻
4.6 Tourist Route Suggestions
User taps “Explore Routes”.
Screen contains:
• Cards with popular locations:
• Burj Khalifa Tour
• Old Dubai Scenic Route
• Marina Night Ride
• Each route card shows:
• Distance
• Estimated time
• Difficulty
• “Start Route”
When starting → map shows animated route line.
⸻
4.7 Trip Summary / History
• Date
• Provider used
• Estimated cost
• Distance walked to scooter
• Tourist routes completed
⸻
4.8 Settings
• Profile
• Saved places
• Preferred providers
• Dark mode
• Language
• Support
⸻
5. ADMIN DASHBOARD (Web App)
For internal use.
⸻
5.1 Admin Login
Email + password.
⸻
5.2 Provider Management
A list of connected providers with API slot status:
• Provider name
• Status (connected / not connected)
• API Key input
• Refresh token
• “Test connection” button
⸻
5.3 Scooter Monitoring Map
Shows all scooters from all providers.
Filters:
• Provider
• City
• Active / inactive
• Battery level
⸻
5.4 Analytics Dashboard
• Number of searches
• Most viewed providers
• Peak usage times
• Map heatmap (where users search)
• Tourist route popularity
⸻
5.5 User Management
• List of users
• Block / allow
• Trip history
⸻
6. API Integration Slots
Designer does not need technical detail but must show space for:
• “Add Provider” button
• Modal with: API URL, Client ID, Secret
• Provider logo upload
⸻
7. DELIVERABLES NEEDED FROM DESIGNER
Your designer must produce:
Mobile (iOS + Android)
• 1 splash screen
• 3 onboarding screens
• Login / signup
• Full map system
• Scooter comparison bar
• Scooter details bottom sheet
• Tourist route pages
• Settings / profile
• Trip history
Admin Dashboard Web
• Login
• Provider API manager
• Scooter map
• Analytics dashboard
• User management
Route Suggestion Feature (For ScooterIt App)
This section is written so a designer can immediately create UI screens for it.
⸻
1. Where This Feature Appears
The Route Suggestion entry point is added in:
Home/Map screen
• A button at the bottom or top:
“Explore Routes”
-> Opens the route suggestion screen.
Search bar
• When user taps search:
• Under the search results → Show recommended tourist routes:
“Popular Routes Near You”
⸻
2. Route Suggestion Main Screen
Title:
Recommended Scooter Routes
Layout:
• Full-width scrollable vertical cards
• Each card contains:
• A preview map (small static map image or blurred)
• Route name
• Distance (e.g., 3.2 km)
• Estimated time (e.g., 18 mins)
• Difficulty (Easy / Moderate)
• Tag (Scenic, Tourist, Fast route, Beginner friendly)
• “Start Route” button
Example routes for Dubai:
• Old Dubai Heritage Route
• Downtown Scenic Ride
• Dubai Marina Night Route
• La Mer Beach Cruise
⸻
3. Route Detail Page
When the user taps a route card.
Page Sections:
⸻
A. Mini Map Preview
Shows the full route path highlighted.
⸻
B. Route Stats
• Total distance
• Estimated time
• Number of stops
• Recommended battery %