Loading ...

Responses by Nicolas Baldovini, creative director, digital experience, lg2

Background: The goal was to create an online platform that showcases the CHU Sainte-Justine Foundation. It was designed to help people better understand the Foundation’s mission in order to encourage them to commit to the cause and give donations. The new website is for parents and families looking for information, philanthropists who can help further the cause and anyone who would like to get involved with activities provided by either the CHU Sainte-Justine hospital or the Foundation.

Highlights: The site is more accessible and available on any device (desktop, tablet, mobile, etc.). The brand’s vibrant identity is brought to life thanks to front-end development paired with stunning visual effects and animated letters. These animations also mirror the Foundation’s values and, most importantly, its dedication to and love of children.

Challenges: Creating a website that encouraged people to give donations and help the Foundation, but avoid putting too much emphasis on the financial aspects of the campaign. To sidestep this issue, we decided to create the THANK YOU section, which pays tribute to the donors—big or small—and above all, highlights the act of giving. This particular addition to the site allows donors to receive a personalized thank-you through a link to the donor database, where each donor is listed in alphabetical order. It’s a small addition that adds a great deal of heart to the site.

Navigational structure: The key to the site’s success is its simplicity. We wanted to tell a story that progressed naturally with the site’s layout, so that each chapter was linked to a new feature on the site.

Anything new: For this project, the user experience (UX) and user interface (UI) were made by the same creative team. We tested the approach internally to speed up the creative process and optimize UX and UI thinking. This also made it easier to establish direct contact, as well as instant chemistry, with the team working on the new brand identity.

Technical features: The website was built using Craft CMS, which provided a good balance between ease of content management and the visual experience we were trying to convey to users. A lot of the animations were done using a mix of CSS transforms and the TweenMax library. The big letters are in SVG and are drawn in front of the user’s eyes with TweenMax. The THANK YOU page needed some additional magic, so we used PixiJS to render the falling confetti on-screen.

fondationstejustine.org/en

Browse Projects

Click on an image to view more from each project
X

With a free Commarts account, you can enjoy 50% more free content
Create an Account
Get a subscription and have unlimited access
Subscribe
Already a subscriber or have a Commarts account?
Sign In
X

Get a subscription and have unlimited access
Subscribe
Already a subscriber?
Sign In