SUSTAINABILITY WEBSITE

SUSTAINABILITY WEBSITE

SUSTAINABILITY WEBSITE

FORD

FORD

Ford's annual sustainability report is designed as a dedicated website. I was hired to co-design the 2016-17 website.

Working alongside the design director and the lead developer,
I was responsible for designing responsive layouts, infographics, and UX for specific elements that required a solution outside the existing style guide.

The design takes an editorial approach, in order to present a large amount of information in a way that is user-friendly and easy to navigate. Crafted with a wide range of user journeys in mind, the seamless, responsive design makes the site easy to read on a laptop, tablet or mobile phone.

Ford's annual sustainability report is designed as a dedicated website. I was hired to co-design the 2016-17 website.

Working alongside the design director and the lead developer in a close iterative fashion, I was responsible for designing responsive layouts, infographics, and UX for specific elements that required a solution outside the existing style guide.

The design takes an editorial approach, in order to present a large amount of information in away that is user-friendly and easy to navigate. Crafted with a wide range of user journeys in mind, the seamless, responsive design makes the site easy to read on a laptop, tablet or mobile phone.

YEAR: 2017 / CREDIT: FLAG 

FEATURED STORIES

story-screen2
story-screen
story-screen3
story-screen4
story-screen-full
elementsArtboard 19@2x
elementsArtboard 20@2x
elementsArtboard 21@2x
elementsArtboard 22@2x
elementsArtboard 23@2x

SECTION LANDING PAGES

SECTION LANDING PAGES

elementsEV Era 1 copy 3@2x
elementsEV Era 1 copy 2@2x
iPhone-Clay-White-Frontal-Mockup6
iPhone-Clay-White-Frontal-Mockup5
iPhone-Clay-Black-Frontal-Mockup4
55211-62-From-blue-jeans-to-pop-bottles-V4-1
gif2
elementsArtboard 24@2x

MATERIALITY MATRIX - UX

The materiality matrix is a unique element within the sustainability website that presents key issues and places them on the matrix based on how important they are to Ford's stakeholders. It also shows linkages between related issues.

Exploring different UX paths, my main objective was to create simple, intuitive interactions that can handle multiple layers of data, and to find a way to scale down to smaller sizes without compromising the richness of information.

Live matrix>


The materiality matrix is a unique element within the sustainability website that presents key issues and places them on the matrix based on how important they are to Ford's stakeholders. It also shows linkages between related issues.

Exploring different UX paths, my main objective was to create simple, intuitive interactions that can handle multiple layers of data, and to find a way to scale down to smaller sizes without compromising the richness of information.

Live matrix>


55211-13-Our-Materiality-Matrix-Wireframes-flow-1
55211-13-Our-Materiality-Matrix-Wireframes-flow-Option-2-V2-1
55211-131-Our-Materiality-Matrix-Wireframes-flow-Option-2-V2-2

Get in touch

Get in touch

Get in touch

If you have a question or a project
you'd like to discuss, just drop me a line
and I'll
be in touch shortly.

or check my availability and book me
directly on YunoJuno

I'm always open to new opportunities.
If you'd like to discuss a project, get
a quote, or just say hi - email me and
I'll
be in touch shortly.

Check my availability and book me
directly on YunoJuno

I'm always open to new opportunities.
If you'd like to discuss a project, get
a quote, or just say hi - email me and
I'll
be in touch shortly.

Check my availability and book me
directly on YunoJuno

© Yarden Gur 2018

© Yarden Gur 2018