DriverHub App Design

Beka Tsintsadze

0

Mobile Designer

UX Designer

Product Designer

Figma

DriverHub is designed to help users monitor and compare fuel prices from various companies. The app provides real-time updates on fuel prices, allowing users to select their preferred fuel type and receive notifications about price changes. It also features a historical price chart for tracking trends over time.

Key Features

Home Screen

Displays the current price of the selected fuel type.
Allows users to change the preferred fuel type with a “Change” button.
Shows a list of other companies with their current fuel prices and the price trend (up or down).

Price Comparison

Users can compare fuel prices from different companies.
Price changes are indicated with arrows (up or down) to show if the price has increased or decreased.

Historical Price Tracking

A dedicated screen to display a line chart of fuel price trends over different time periods (1 week, 1 month, 6 months, 1 year).
Users can select different time frames to view historical price data.

Notifications

Users can enable notifications to receive alerts about fuel price changes.

Navigation Bar

Fuels: Main screen for viewing and comparing fuel prices.
Calculator: Tool for calculating fuel costs based on user inputs.
History: Access to historical price data and trends.
Offers: Section for viewing special offers and discounts from fuel companies.
Settings: User settings and preferences.

User Interface Design:

Color Scheme

Primary colors: Black background for high contrast and readability.
Accent colors: Green for indicating price drops, red for price increases.

Typography

Clear and legible fonts for easy reading.
Bold text for important information such as prices and company names.

Icons and Buttons

Intuitive icons for each section of the app (e.g., fuels, calculator, history).
Easy-to-access buttons for changing fuel types and enabling notifications.
Like this project
0

Posted May 17, 2024

Track and compare real-time fuel prices from various companies. Designed with a user-centric approach, ensuring intuitive navigation and easy access.

Likes

0

Views

3

Tags

Mobile Designer

UX Designer

Product Designer

Figma