ReliaFuel - Fuel Industry

UX/UI design, website design, home page, about, interaction design Industry

ReliaFuel - Fuel Industry

Digital Ink Agency

For both shippers and brokers in the transportation industry, volatile fuel prices can present significant challenges, impacting budget management and overall profitability. ReliaFuel's innovative strategy provides a comprehensive solution, ensuring that both shippers and brokers can effectively manage fuel charge expenses, maintain stability, and remain competitive in a dynamic market.

Challenge

ReliaFuel lacked an online presence and website, hindering its ability to reach its audience and showcase its Fuel Price Protection solutions effectively.

Solution

We developed a website from scratch for ReliaFuel to establish its online presence, showcasing its expertise in navigating fuel price uncertainties for the transportation industry.

  • Arrow Theme: Used to represent progress and forward movement, aligning with ReliaFuel’s mission.

  • Icons and Infographics: Simplified complex concepts, providing clear visuals to explain Fuel Price Protection benefits.

  • Motion and Interactions: Added dynamic elements to enhance engagement, creating an immersive and informative user experience.

This website serves as a valuable tool for brand recognition and customer engagement.

My Responsibility

In my role designing the ReliaFuel website, I was responsible for:

  • Information Architecture: Structuring content for intuitive access to insurance services.

  • Wireframing: Developing page blueprints to ensure a user-friendly layout.

  • Design: Working with the senior graphic designer to align visuals with brand guidelines.

  • Prototyping: Building interactive prototypes to deliver an engaging user experience.

Information Architecture

The information architecture for ReliaFuel's website was designed with simplicity in mind, focusing on core pages. This streamlined structure aimed to provide an intuitive navigation experience, allowing visitors to easily access key information about ReliaFuel's Fuel Price Protection solutions and services.

Wireframing and Prototyping

  • Lo-Fi Wireframes: Developed the website’s layout and content placement, working with the UX writer to ensure a design that effectively guides users while highlighting ReliaFuel’s services.

  • Hi-Fi Wireframes: The graphic designer established the Home page, setting the visual tone for the site. Together, we designed the remaining pages to maintain brand consistency and a cohesive user experience.

  • Prototyping: Added dynamic elements like animations, hover effects, sliders, and interactive infographics to create an engaging and seamless user experience, enhancing visitor interaction on ReliaFuel’s platform.

UX/UI design, website design, home page, about, interaction design, Industry, site map
UX/UI design, website design, home page, about, interaction design, Industry,, wireframes
UX/UI design, website design, home page, about, interaction design, Industry,
UX/UI design, website design, home page, about, interaction design, Industry,
UX/UI design, website design, home page, about, interaction design, Industry,
UX/UI design, website design, home page, about, interaction design, Industry,
UX/UI design, website design, home page, about, interaction design, Industry,

More by Negar Rezai

View profile