Laudes foun­dation

Landing page webdesign

Project overview
All of the world’s population wears clothing. Yet, the most commonly used fibres for fashion are far from sustainable. With a landing page, Laudes Foundations wants to present the highlights from their research in the potential of using agricultural residues as a textile fibre feedstock.

Laudes Foundation asked Schuttelaar & Partners to design and built the landing page in the H5mag platform. My role was to UX design the landing page through wireframes, followed by the visual design, and finally build it in H5mag. The visual design of the landing page should be based on the Laudes Foundation corporate identity developed by Pentagram design consultancy.
View landing page
Skills

UX design

Wireframing

Prototyping

Wedesign

Illustration

H5mag

Brand implementation

Sketch

My approach
After receiving a briefing of this project, we had a meeting with the client to gather all necessary information that was needed on the landing page. I wrote everything down and started sketching. Since the landing page would be distributed to Laudes' stakeholders that use their desktop the most, the client wanted us to design desktop-first.

Next step was to implement all remarks into a wireframe. I could already use the basic design system of Laudes Foundation, because we (at Schuttelaar & Partners) regularly design landing pages or websites for Laudes Foundation. Easy work for me!
Fun interactions
It was needed to have a clear overview of what agricultural residues are available in each country that was researched. My idea with this was to make an interactive element, so that the user would get immediate feedback on their mouseover. When hovering over a specific item, related residues are more prominent.
Try it!
Build it!
After approving the visual design of the landing page, I started to set up the design and content in H5mag. Implementing all design sections into the online magazine platform, with nice finishing touches like animations and interactions.
next >