![[object Object]](https://cdn.binalogue.com/gge-header-01.png?tr=w-1300,dpr-1&lazyOriginal)
Website.
Green jobs have a promising future, but not a large fanbase. Yet. We designed and built a responsive website that gave people a headstart on all things green, from job openings to learning programs to career options.
![[object Object]](https://cdn.binalogue.com/gge-website-header-02.gif?tr=w-1300,dpr-1,orig-true&lazyOriginal)
![[object Object]](https://cdn.binalogue.com/gge-website-02-05.png?tr=w-1300,dpr-1&lazyOriginal)
A green job for everyone.
The UI/UX and content teams focused on giving users a clear pathway towards their future. Content-wise, we made green jobs knowledge more accessible, compiling an updated list with over 100 green jobs sorted in 14 green categories that provide more options other than wind turbines or solar panels.
From an architectural standpoint, this leads to a website with two main actions: work and learn. As this is a multi-generational platform, each user may need a tailored solution, which is why we customized the experience of a GGE profile with:
Interests: jobs, education, news, or all of the above.
Green skills: we compiled a bespoke list of 200 different skills related to green jobs, allowing users to select those they already master or are keen to learn in order to customize the website and provide handpicked recommendations.
Location preferences.
Favs: all the job offers and learning programs they’ve bookmarked in each section.
Design System Language.
The DLS is built to streamline the design process and ensure both the visual and technical quality of GGE.
The main objectives of the system are:
Ensure consistency between views, features and designed products.
Optimize both the design and development process.
Ensure that the platform offers the best possible user experience.
![[object Object]](https://cdn.binalogue.com/gge-design-system-01-02.png?tr=w-1300,dpr-1&lazyOriginal)
![[object Object]](https://cdn.binalogue.com/gge-design-system-02-07.jpg?tr=w-1300,dpr-1,lo-true&lazyOriginal)
![[object Object]](https://cdn.binalogue.com/gge-design-system-03-10.jpg?tr=w-1300,dpr-1,lo-true&lazyOriginal)
![[object Object]](https://cdn.binalogue.com/gge-design-system-04-04.png?tr=w-1300,dpr-1&lazyOriginal)
![[object Object]](https://cdn.binalogue.com/gge-design-system-05-02-responsive.png?tr=w-1300,dpr-1&lazyOriginal)
![[object Object]](https://cdn.binalogue.com/gge-design-system-06-02-responsive.png?tr=w-1300,dpr-1&lazyOriginal)
![[object Object]](https://cdn.binalogue.com/gge-design-system-05-06.jpg?tr=w-1300,dpr-1,lo-true&lazyOriginal)
![[object Object]](https://cdn.binalogue.com/gge-design-system-08-04-responsive.png?tr=w-1300,dpr-1&lazyOriginal)
Branding.
GGE was born within Iberdrola’s ecosystem, rooted in its foundations and evolving separately to connect and engage with new audiences worldwide. The brief: use Iberdrola’s guidelines to design a brand with a unique personality.
![[object Object]](https://cdn.binalogue.com/gge-branding-01-04-responsive.gif?tr=w-1080,dpr-1,orig-true&lazyOriginal)
![[object Object]](https://cdn.binalogue.com/gge-branding-05.png?tr=w-1300,dpr-1&lazyOriginal)
![[object Object]](https://cdn.binalogue.com/gge-branding-06.png?tr=w-1300,dpr-1&lazyOriginal)


Styleguide.
Every brand needs a playbook. GGE’s style guide covers all the key elements to consistently craft every asset needed, from a website component to social posts or merchandising products with an eco-friendly approach.
![[object Object]](https://cdn.binalogue.com/gge-branding-09.png?tr=w-1300,dpr-1&lazyOriginal)

![[object Object]](https://cdn.binalogue.com/gge-branding-02-02-responsive.png?tr=w-1300,dpr-1&lazyOriginal)
![[object Object]](https://cdn.binalogue.com/gge-branding-10.png?tr=w-1300,dpr-1&lazyOriginal)
Explainer video.
A stripped down, straight-to-the-point motion graphics piece that sums up the purpose, scope and content of GGE in under 1 minute, with a bold and minimal look & feel.

![[object Object]](https://cdn.binalogue.com/gge-explainer-04.png?tr=w-1300,dpr-1&lazyOriginal)
![[object Object]](https://cdn.binalogue.com/gge-explainer-05.jpg?tr=w-1300,dpr-1&lazyOriginal)
![[object Object]](https://cdn.binalogue.com/gge-explainer-icons-loop-03.gif?tr=w-1300,dpr-1,orig-true&lazyOriginal)
Social media.
GGE goes social with custom-made sets of templates that adapt the brand to the crowded and fast-paced nature of social media striking the right balance between branding and variety.

![[object Object]](https://cdn.binalogue.com/gge-social-media-02-03.png?tr=w-1300,dpr-1,lo-true&lazyOriginal)
![[object Object]](https://cdn.binalogue.com/gge-footer-3840px.gif?tr=w-1300,dpr-1,orig-true&lazyOriginal)
We use cookies for analytics to improve your browsing experience.