Design System
ds_hero2_margins

EF Education First is one of the worlds largest private educational companies and consists of 22 business units operating in 114 countries/regions. Each business unit operates independently but still belongs to the EF brand family. In other words; EF is a branded house, not a house of brands.

We approached our directive of bringing and maintaining consistency within all our digital touch-points by implementing a Design System. One that is based on the methodology of atomic design. Icons, buttons, and typestyles being our atoms, they can be combined to make components, where there is more freedom for creativity. Within these components, like cards, expression comes into play in changing the background colour, imagery, interaction and so fourth.

ds_core

For our 300+ designers, a Sketch document houses all our core elements, such as our logos, type varieties, horizontal and vertical spacing rules. As well as common components we highlighted through audits: headers, footers, forms, carousels and video windows to name a few.

de_hero

However, our aligned CMS (Content Management System), which already is plug and play for all our marketing departments, ultimately frees up our designers to focus on expressing brand values or designing specific solutions, rather than reproducing variations of common components.

de_stroyblok_el

Putting our Design System side-by-side our Global Brand Guidelines, this holistic, digital platform became a single source of truth for the entire organisation to access and rely upon. It empowered our teams to produce consistancy, but more impressively - rapidly move into being more expressive with brand identities and inspiring experiences.

16

A common challenge to overcome is the cultural differences between Design and Development teams. Solutions of consistency and visual quality are pushed beneath new features and resistance to iteration. To alleviate this, the design system was built alongside a developer friendly environment that the product teams can kick start from. It houses all the components, spacing rules, colour values and so fourth; which are in-line and updated along side the Design System.

17

Designers and Developers using the same tool sets and guidelines from the beginning to end, ensured the brand and user experience was consistance across all our products and future initiatives.

ds_loyly
ds_knt
ds_corporate

Commercial