DriverHub App Design

Beka Tsintsadze

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.
Partner With Beka
View Services

More Projects by Beka