3 pages Ui Design For Mobile App
Budget: $10 – $30 USD
I am looking for a talented UI designer to create a 3-page design for a mobile app that will be available on both iOS and Android platforms. The primary function of the app is utility, and I will provide detailed guidelines for the design.
Design Layout:
Map View Page Layout
Search Bar: A full-width search bar at the top. A magnifying glass icon on the left suggests search functionality, while a clear button on the right allows users to easily reset their search.
Map Area: The central feature is the map, which takes up most of the page. Using vibrant yellow-orange for custom boat icons will ensure high visibility against various map backgrounds.
Floating Action Button: In the bottom right corner, a floating action button for zooming (plus and minus buttons) and a filter icon for settings will provide essential map controls without cluttering the view.
Driving/Control Page Layout
Live Feed: The top third of the screen displays a widescreen live feed from the boat’s camera, giving users a clear and immediate view of their surroundings.
Navigation Controls: Below the feed, a central joystick or D-pad for navigation is both intuitive and space-efficient. It can be a simple circle with four directional arrows.
Function Buttons: 'Release L' and 'Release R' buttons are strategically placed in the bottom corners. Icons like a rope or anchor could visually convey their function.
Status Overlays: A discreet overlay at the top or bottom with icons and progress bars for battery, signal, and speed provides crucial information without distraction.
Notification Page Layout
Header: The "Notifications" header in bold, using the app's vibrant yellow-orange color, creates a strong visual anchor and maintains brand consistency.
Notification Cards: Below the header, notification cards with white backgrounds and a yellow-orange side stripe offer a clean, organized look. Shadows add depth and visual interest.
Card Details: Each card displays the time, a brief description, and an expand arrow for more details. This layout ensures readability and easy navigation.
Action Buttons: 'View on Map' buttons at the bottom of each card in a standout color encourage user interaction and quick access to relevant map locations.
Attached Sample That we can use for color plate
Requirements:
- Experience in designing user interfaces for mobile apps
- Proficiency in creating designs for both iOS and Android platforms
- Strong understanding of UX principles and best practices
- Ability to work closely with me to understand the specific design requirements and guidelines
- Attention to detail and ability to create visually appealing and user-friendly designs
Skills and Experience:
- Proven experience in UI design for mobile apps
- Proficiency in design tools such as Adobe XD, Sketch, or Figma
- Strong knowledge of mobile app design guidelines for both iOS and Android platforms
- Understanding of the latest design trends and ability to incorporate them into the app design
If you are a creative and detail-oriented UI designer who can bring my vision to life while following the provided guidelines, I would love to hear from you. Please include samples of your previous work in your proposal.
Design Layout:
Map View Page Layout
Search Bar: A full-width search bar at the top. A magnifying glass icon on the left suggests search functionality, while a clear button on the right allows users to easily reset their search.
Map Area: The central feature is the map, which takes up most of the page. Using vibrant yellow-orange for custom boat icons will ensure high visibility against various map backgrounds.
Floating Action Button: In the bottom right corner, a floating action button for zooming (plus and minus buttons) and a filter icon for settings will provide essential map controls without cluttering the view.
Driving/Control Page Layout
Live Feed: The top third of the screen displays a widescreen live feed from the boat’s camera, giving users a clear and immediate view of their surroundings.
Navigation Controls: Below the feed, a central joystick or D-pad for navigation is both intuitive and space-efficient. It can be a simple circle with four directional arrows.
Function Buttons: 'Release L' and 'Release R' buttons are strategically placed in the bottom corners. Icons like a rope or anchor could visually convey their function.
Status Overlays: A discreet overlay at the top or bottom with icons and progress bars for battery, signal, and speed provides crucial information without distraction.
Notification Page Layout
Header: The "Notifications" header in bold, using the app's vibrant yellow-orange color, creates a strong visual anchor and maintains brand consistency.
Notification Cards: Below the header, notification cards with white backgrounds and a yellow-orange side stripe offer a clean, organized look. Shadows add depth and visual interest.
Card Details: Each card displays the time, a brief description, and an expand arrow for more details. This layout ensures readability and easy navigation.
Action Buttons: 'View on Map' buttons at the bottom of each card in a standout color encourage user interaction and quick access to relevant map locations.
Attached Sample That we can use for color plate
Requirements:
- Experience in designing user interfaces for mobile apps
- Proficiency in creating designs for both iOS and Android platforms
- Strong understanding of UX principles and best practices
- Ability to work closely with me to understand the specific design requirements and guidelines
- Attention to detail and ability to create visually appealing and user-friendly designs
Skills and Experience:
- Proven experience in UI design for mobile apps
- Proficiency in design tools such as Adobe XD, Sketch, or Figma
- Strong knowledge of mobile app design guidelines for both iOS and Android platforms
- Understanding of the latest design trends and ability to incorporate them into the app design
If you are a creative and detail-oriented UI designer who can bring my vision to life while following the provided guidelines, I would love to hear from you. Please include samples of your previous work in your proposal.