← All Work

Case Study

Tankfarm Member Zone Design

UI Design and prototyping for the member's area of the Tankfarm website.

  • Web Design
  • UI Design
Tankfarm Member Zone Design featured image
Client
Tankfarm
Year
2021
My Role
I was the primary designer assigned while working at Engage Brandcraft
The Brief
To design a dashboard and admin portal for the customers of Tankfarm

What happened

The primary problem that needed to be solved when I approached this project was how to greatly simplify all of the info and functionality available to the users. The majority of the users were already known to be less tech-savvy than the average American and so would need a user interface that would be very clear and to-the-point.

I prototyped both the mobile and desktop user-flows using Adobe XD, allowing the client to get a great feel for the designs before going into development.

Plates

A look at the work

tankfarm login modal
01Login modal with errors view.
tankfarm login modal mobile
02Login modal mobile version
tankfarm dashboard
03The welcome dashboard with primary info and a navigation grid to the other areas of the member zone.
tankfarm dashboard mobile
04Welcome dashboard mobile version
tankfarm tank level view
05Dynamic infographic showing the user's propane tank level.
tankfarm tank level mobile
06Portrait version of the tank graphic to work on mobile/portrait screens.
tankfarm rewards dashboard
07The rewards program page, showing the user their various referral stats and how-tos.
tankfarm rewards dashboard mobile
08Rewards page mobile version

Next case study

B.W. Cooper's Website

Read it →

Launch faster and elevate your designs.

Get in Touch →