Professionals who aren't afraid of getting their hands dirty
Environmental Operations, Inc. provides guidance on compliance, property assessment, and safety. Their professionalism and commitment are evident in every aspect of their work, from the office to the field.
Grit meets grid
My design for the EOI website was a balancing act of blue collar and white collar visuals—partnering the hard work they do onsite with a professional exterior matched by both their team and the companies that partner with them.
I landed on a design comprised of a grid system that traveled down the page and expanded and contracted to meet the needs of each element on desktop and mobile. The top of each page an image is paired with a gradient that provides a strong foundation for images and text.
The base of the website is decorated with a subtle, fixed texture instead of a solid color. Each object, button or image with transparency is amplified by this texture.
Creating delight with thoughtful micro-interactions
I believe the right animations can transform the relationship someone has with a website. Mundane tasks can be given small moments of joy when a button hover or image animates in an unexpected and beautiful way.
Arrows and chevrons can be powerful icons when it comes to user experience. Unfortunately they start to lose their significance if there are too many visible all at once. For EOI's site, I explored how each button and card could reveal an arrow, and I ended up with one of my favorite button styles I've created.
On mobile devices these revealed hover states became the static version of the buttons, rather than allowing a user to only perceive a somewhat boring, rectangular button.
As I began this project, I had a fairly clean slate. They were open to new a new color palette, typography, and just about everything other than their logo. Each green in the color palette of the site was extracted from the hue of the text in their logo. At the top of each page, headlines as well as their custom-designed icons are emphasized with both white and the site's lightest green tint.
