theMakeApp Обговорити проєкт
Усі проєкти

Благодійний фонд Максима Шкіля · 2018

Благодійний фонд Максима Шкіля

Дизайн сайту фонду, який допомагає дітям через навчання, творчість і спорт. Кожен розділ — повноекранний слайд зі своїм градієнтом.

Слайд «Про фонд» з відбитками долонь на ноутбуці
Клієнт
Благодійний фонд Максима Шкіля
Платформи
Web
Рік
2018

Діяльність фонду

Чотири способи допомогти

Фонд підтримує вихованців дитячих будинків і дітей у селах. Сайт розповідає про це через чотири напрями.

01

Навчання

Рівні права в навчанні, освітні й творчі майстер-класи, свята й пізнавальні екскурсії для дітей-сиріт.

02

Творчість

Вихованці дитячих будинків співають, малюють і грають ролі під керівництвом професіоналів.

03

Спорт

Футбольні майданчики в селах, спортивні гуртки й поїздки на змагання для дітей і молоді.

04

Волонтери

Кнопка «Стати волонтером» у шапці кожної сторінки відкриває коротку форму.

Про фонд

Змінити майбутнє вже зараз

Заголовок слайда «Про фонд». Відбитки великої й маленької долоні — головний образ сайту.

Слайди

Колір для кожного напрямку

Навчання — теракотовий градієнт, творчість — фіолетово-блакитний. Вузький курсивний заголовок, світлий текст і кругла кнопка «Детальніше» тримають ритм на кожному слайді.

Навчання
Навчання
Творчість
Творчість

Засновник

Людина, з якої почався фонд

Пункт меню «Засновник» веде на слайд з портретом Максима Шкіля на теплому коричневому градієнті.

Слайд «Засновник»
Волонтерам

Приєднатися з будь-якої сторінки

Кнопка «Стати волонтером» є в шапці кожного слайда. Форма — ім’я, телефон, e-mail і повідомлення, зі станами помилок і подякою після надсилання.

Мобільна версія

Ті самі слайди на 320 пікселях

Для кожного слайда є версії на 768 і 320 пікселів: текст і кнопка стають в одну колонку, меню ховається під бургер.

Дизайн-система

Палітра з градієнтів

Кожен розділ має свою пару кольорів. Кнопки, посилання й поля описані окремо — у звичайному стані, при наведенні, натисканні й помилці. Сітка — 12 колонок на 1280 пікселів.

Головна#EEBD92 → #E8730C
Про фонд#FFFAFA → #FFD6D6
Засновник#CB9C80 → #916653
Навчання#E9785C → #BB3F20
Творчість#9AA7EF → #5F72DE
Форми й футер#876657 → #5A3E31
Відповімо на всі запитання

Готові співпрацювати?

Розкажіть кілька слів про проєкт чи задачу — менеджер зв’яжеться з вами.