GEC Communities

Brand and Visual Designer

Figma, Illustrator


Background

GEC works in sustainability. Their site had everything the company knew on it, and visitors were leaving before they got to anything useful. The graphics were dated as well. I rebranded the company and redesigned the site, and the client’s dev team built it from my files.

The Challenge

Most people give a site like this a few minutes at most, and the old one needed a lot more than that. Cutting it down meant deciding what the company could stop saying.

Site shown on a laptop Site shown on a tilted laptop screen Site shown on a laptop, side view

Approach

The brand

I rebuilt the brand first. The company works on the environment and reducing carbon footprint, so green became the primary colour, with blue and earthy accents next to it. I simplified the text in the logo so it held at small sizes.

GEC rebrand, colors and logo Simplified logo mark
The palette and the simplified logo.

The site

Most of the work was cutting: fewer pages, shorter copy, and graphics doing part of the explaining. I added dropdown menus so visitors could go deeper if they wanted, which also brought the page count down and reduced what the dev team had to build.

Early wireframe of the site structure
Site structure, led by our lead designer. I pushed for the dropdowns.

Looking back

Two things would have saved time. There was no design system, so every round of colour changes meant going through each screen by hand. I also had not learned auto layout yet, and the client iterated a lot on layout. I use both now.

Outcome

I handed off the Figma files and the design files to the client’s dev team for development.

The prototype

Scroll inside either window to move through the page the way a visitor would.

GEC Communities II · Home
GEC Communities II redesigned home page
Home page.
GEC Communities II · About Us
Redesigned About Us page
About page. Shorter copy, more space, and graphics carrying some of the explanation.