Maksym Shkil Charity Foundation · 2018
Maksym Shkil Charity Foundation
A website design for a foundation that helps children through education, art and sport. Every section is a full-screen slide with its own gradient.
- Client
- Maksym Shkil Charity Foundation
- Platforms
- Web
- Year
- 2018
What the foundation does
Four ways to help
The foundation supports children from orphanages and kids in villages. The site tells its story through four areas.
Education
Equal access to learning, educational and art workshops, celebrations and trips for orphaned children.
Art
Children from orphanages sing, draw and act under the guidance of professionals.
Sport
Football pitches in villages, sports clubs and trips to competitions for children and young people.
Volunteers
The Become a volunteer button in every page header opens a short form.
About
Change the future right nowThe heading of the About slide. A large and a small handprint are the site’s key image.
Slides
A colour for every area
Education gets a terracotta gradient, art a violet-blue one. A narrow italic heading, light body text and a round More button keep the rhythm on every slide.
Founder
The person behind the foundation
The Founder menu item leads to a slide with Maksym Shkil’s portrait on a warm brown gradient.
Join from any page
The Become a volunteer button sits in the header of every slide. The form asks for a name, phone, e-mail and a message, with error states and a thank-you after sending.
Mobile
The same slides at 320 pixels
Every slide has 768 and 320 pixel versions: text and button stack into one column, the menu folds into a burger.
Design system
A palette of gradients
Every section has its own pair of colours. Buttons, links and inputs are specified separately: normal, hover, pressed and error. The grid is 12 columns at 1280 pixels.
Ready to work together?
Tell us a few words about your project or task — our manager will get back to you.