DriverHub App Design

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.

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).

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.

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.

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

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.

Primary colors: Black background for high contrast and readability.

Accent colors: Green for indicating price drops, red for price increases.

Clear and legible fonts for easy reading.

Bold text for important information such as prices and company names.

Intuitive icons for each section of the app (e.g., fuels, calculator, history).

Easy-to-access buttons for changing fuel types and enabling notifications.