![webmaster.png](https://images.squarespace-cdn.com/content/v1/561554dae4b07177b37f0bba/1532676604953-SQIQ3LQRDYXT8ATPJBCS/webmaster.png)
Regenesis + PetroFix
Regenesis is a global, biotechnology leader in ground water remediation products. Their new product PetroFix specifically targets petroleum spills underground. The ask: provide senior level direction on applying existing brand standards to a comprehensive UX/UI design and front end development for a web-based application and calculator.
Responsibilities: Creative Direction; Brand Application; UX/UI Lead; Front-End Development; Branding Consultant
Credits: Japhia Olsen - Back-End Developer
![This is the landing page where environmental scientists can create an account or login to pick up where they left off on an affected site.](https://images.squarespace-cdn.com/content/v1/561554dae4b07177b37f0bba/1532675816978-110Z4EB6D60JH5LN9ZOU/web-01.png)
This is the landing page where environmental scientists can create an account or login to pick up where they left off on an affected site.
![REG-102 PetroFix Layouts V9 05-24-18-35.png](https://images.squarespace-cdn.com/content/v1/561554dae4b07177b37f0bba/1532675793363-QQ6GFAW4X258AN87AUBC/REG-102+PetroFix+Layouts+V9+05-24-18-35.png)
![The dashboard page is the hub for viewing ongoing, pending or closed sites. We included easy indications that, once familiar with the system, allow users to quickly assess each site’s status.](https://images.squarespace-cdn.com/content/v1/561554dae4b07177b37f0bba/1532675795955-UGPH6D2VWLHQ3SFLSJAW/web-03.png)
The dashboard page is the hub for viewing ongoing, pending or closed sites. We included easy indications that, once familiar with the system, allow users to quickly assess each site’s status.
![REG-102 PetroFix Layouts V9 05-24-18-37.png](https://images.squarespace-cdn.com/content/v1/561554dae4b07177b37f0bba/1532675793640-TQIZDLZ8RUIVOTOPZ88X/REG-102+PetroFix+Layouts+V9+05-24-18-37.png)
![Each site is broken out into areas that need specific amounts of the PetroFix product. This site manager page allows users to view area status’ and hone in orders for the right amount of product needed for each area.](https://images.squarespace-cdn.com/content/v1/561554dae4b07177b37f0bba/1532675797034-OY7VYKH552ELND44RQ9T/web-06.png)
Each site is broken out into areas that need specific amounts of the PetroFix product. This site manager page allows users to view area status’ and hone in orders for the right amount of product needed for each area.
![REG-102 PetroFix Layouts V9 05-24-18-38.png](https://images.squarespace-cdn.com/content/v1/561554dae4b07177b37f0bba/1532675794134-EQOR5WYJZQDZJKIRGFXD/REG-102+PetroFix+Layouts+V9+05-24-18-38.png)
![When starting on a new area, users are required to enter pertinent information regarding the state of soil and the levels of specific contaminants.](https://images.squarespace-cdn.com/content/v1/561554dae4b07177b37f0bba/1532675796132-R45D72LJ3K3WU0T1VUB6/web-05.png)
When starting on a new area, users are required to enter pertinent information regarding the state of soil and the levels of specific contaminants.
![Certain situations require other remediation efforts before PetroFix can be applied. Any areas where that is the case, are indicated with an alert and call to action that leads users to find the right answers they need.](https://images.squarespace-cdn.com/content/v1/561554dae4b07177b37f0bba/1532675794644-WWGYN08GSWKVW4746JUY/REG-102+PetroFix+Layouts+V9+05-24-18-40.png)
Certain situations require other remediation efforts before PetroFix can be applied. Any areas where that is the case, are indicated with an alert and call to action that leads users to find the right answers they need.
![REG-102 PetroFix Layouts V9 05-24-18-41.png](https://images.squarespace-cdn.com/content/v1/561554dae4b07177b37f0bba/1532675794767-4A5OSWTEV3JXGFIKLCAA/REG-102+PetroFix+Layouts+V9+05-24-18-41.png)
![REG-102 PetroFix Layouts V9 05-24-18-42.png](https://images.squarespace-cdn.com/content/v1/561554dae4b07177b37f0bba/1532675795263-1LVT8RSSM9BE4V3VY9YH/REG-102+PetroFix+Layouts+V9+05-24-18-42.png)