

CLIENT
Ecodrive

CLIENT
Ecodrive

CLIENT
Ecodrive



ABOUT
ABOUT
ABOUT
Ecodrive is a tree planting service for online retailers that want to add an eco-mission to their platform. For instance, a seller can offer to plant a tree for every product sold. Ecodrive's customers love their approach to the eco-friendly business and utilize their platform to great effect.
Ecodrive is a tree planting service for online retailers that want to add an eco-mission to their platform. For instance, a seller can offer to plant a tree for every product sold. Ecodrive's customers love their approach to the eco-friendly business and utilize their platform to great effect.
Ecodrive is a tree planting service for online retailers that want to add an eco-mission to their platform. For instance, a seller can offer to plant a tree for every product sold. Ecodrive's customers love their approach to the eco-friendly business and utilize their platform to great effect.
Dashboard Home
Dashboard Home
Dashboard Home


Modal
Modal
Modal


Badge Portal
Badge Portal
Badge Portal


Icon Portal
Icon Portal
Icon Portal


QR Codes Portal
QR Codes Portal
QR Codes Portal


Photography Portal
Photography Portal
Photography Portal





Ecodrive was having a problem getting their users to market this service effectively and wanted to revamp their resource center. Currently, the center is one long scrolling page with a seemingly random layout of assets and no clear instructions on how to use them. All of the assets were stored on a Google Drive account and everything links away from the Ecodrive site.
Ecodrive was having a problem getting their users to market this service effectively and wanted to revamp their resource center. Currently, the center is one long scrolling page with a seemingly random layout of assets and no clear instructions on how to use them. All of the assets were stored on a Google Drive account and everything links away from the Ecodrive site.
Ecodrive was having a problem getting their users to market this service effectively and wanted to revamp their resource center. Currently, the center is one long scrolling page with a seemingly random layout of assets and no clear instructions on how to use them. All of the assets were stored on a Google Drive account and everything links away from the Ecodrive site.
Current Layout
Current Layout
Current Layout











As part of my research into how to fix this problem, I conducted user interviews to find out exactly what their users are actually using from the center and where the priority needs to be in a new dashboard design. Here were my findings:
Users were annoyed that they had to go to a completely new site they weren't familiar with to download their assets.
They didn't like that the assets and information was spread out all over the page and with no organization.
They really had no idea how to even use the assets without any clear direction.
To address these issues, I designed a completely new dashboard with in-house assets organized by priority and with clear direction on how to use them.
As part of my research into how to fix this problem, I conducted user interviews to find out exactly what their users are actually using from the center and where the priority needs to be in a new dashboard design. Here were my findings:
Users were annoyed that they had to go to a completely new site they weren't familiar with to download their assets.
They didn't like that the assets and information was spread out all over the page and with no organization.
They really had no idea how to even use the assets without any clear direction.
To address these issues, I designed a completely new dashboard with in-house assets organized by priority and with clear direction on how to use them.
As part of my research into how to fix this problem, I conducted user interviews to find out exactly what their users are actually using from the center and where the priority needs to be in a new dashboard design. Here were my findings:
Users were annoyed that they had to go to a completely new site they weren't familiar with to download their assets.
They didn't like that the assets and information was spread out all over the page and with no organization.
They really had no idea how to even use the assets without any clear direction.
To address these issues, I designed a completely new dashboard with in-house assets organized by priority and with clear direction on how to use them.
Dashboard Sketch Ideas
Dashboard Sketch Ideas
Dashboard Sketch Ideas



Wireframe
Wireframe
Wireframe



I started with some sketches for how I thought the information could be laid out. I made a few wireframes based on the sketches and I just couldn't find a way to make it less confusing than the current layout.
I did some research on dashboard design and what successful companies like Google were doing with their dashboards which are very familiar to users because of their size. As a result, I ended up scrapping some of my original ideas in the sketches, but carried over a few of the ideas in my final designs.
I started with some sketches for how I thought the information could be laid out. I made a few wireframes based on the sketches and I just couldn't find a way to make it less confusing than the current layout.
I did some research on dashboard design and what successful companies like Google were doing with their dashboards which are very familiar to users because of their size. As a result, I ended up scrapping some of my original ideas in the sketches, but carried over a few of the ideas in my final designs.
I started with some sketches for how I thought the information could be laid out. I made a few wireframes based on the sketches and I just couldn't find a way to make it less confusing than the current layout.
I did some research on dashboard design and what successful companies like Google were doing with their dashboards which are very familiar to users because of their size. As a result, I ended up scrapping some of my original ideas in the sketches, but carried over a few of the ideas in my final designs.
After creating my high fidelity prototype I tested it with the previously interviewed users to overwhelmingly positive reception! Every user appreciated the organization, the informative descriptions, and the assets being housed on the same page.
After creating my high fidelity prototype I tested it with the previously interviewed users to overwhelmingly positive reception! Every user appreciated the organization, the informative descriptions, and the assets being housed on the same page.
After creating my high fidelity prototype I tested it with the previously interviewed users to overwhelmingly positive reception! Every user appreciated the organization, the informative descriptions, and the assets being housed on the same page.
I created a design system that is easy to follow and invaluable in the design process.
After creating my high fidelity prototype I tested it with the previously interviewed users to overwhelmingly positive reception! Every user appreciated the organization, the informative descriptions, and the assets being housed on the same page.
After creating my high fidelity prototype I tested it with the previously interviewed users to overwhelmingly positive reception! Every user appreciated the organization, the informative descriptions, and the assets being housed on the same page.






So whaddayA say? Wanna work with a real one?



So whaddayA say? Wanna work with a real one?


