Благотворительный фонд Никиты Томилина

fondtomilin.ru
Благотворительный фонд Никиты Томилина помогает детям с нарушениями слуха, оказываем гуманитарную помощь пострадавшим от обстрелов и сохраняет культурное наследие России.

  • Адаптивный
    дизайн
  • 1С-Битрикс
  • HTML-5 анимация

Проектирование

Целью проекта было создание сайта благотворительного фонда, включающего в себя функционал перевода денежных средств на добрые дела.

Структура сайта

По итогам консультаций с клиентом была сформирована следующая структура сайта:

Главная
Кто мы
Наши направления
Детальная страница
Наши проекты
Детальная страница
Новости
Детальная страница
Как помочь
Контакты и реквизиты
Отчеты

Концепции

01

Концепция на основе использования иллюстраций и оттенков синего цвета с красными акцентами.
 
Иконки по стилю перекликаются с графическим элементом логотипа.

Концепция 1
02

Концепция на основе современной широкоформатной вёрстки с использованием ярких цветов в плашечных заливках и графике.
 
В макете присутствуют крупные анимированные элементы интерфейса, а также красочные иллюстрации с эффектом рисунка от руки.

Концепция 2

Дизайн

Заказчиком была утверждена вторая концепция.

Главная страница

Цвета, формы и графика, используемые в дизайне, вызывают положительные эмоции и создают уютную атмосферу.
Современный дружелюбный дизайн — это не только эстетика, но и функциональность, которая способствует созданию позитивного пользовательского опыта.

Планшетная версия
1
Оригинальные иконки
2
Удобный слайдер с выбором направлений
3
Интересное оформление новостей
Мобильная версия
дари добро, меняй мир Иконка вместе мы можем больше Иконка делаем мир лучше Иконка дари добро, меняй мир Иконка вместе мы можем больше Иконка делаем мир лучше Иконка

Страница «Как помочь»

Для проекта была разработана страница «Как помочь» с формой отправки денежных средств на благотворительность.
Интуитивно понятный и простой интерфейс удобен для пользователей.

Страница «Как помочь»
Форма «Как помочь»
Способ оплаты
Платежная система
Сумма пожертвования
Внутренние страницы Страницы, мобильная верстка

Внутренние страницы

В ходе проекта было разработано более 15 макетов.

UI-КИТ

Типографика
Aa Заголовок H1
Aa Заголовок H2
Aa Заголовок H3
Aa Заголовок H4
Aa Наборный текст
#E84848
#003B82
#AED8FF
#BAB9B9
#F5F5F5
#B3C6DE
Иконки
Иконки
Иконки
Иконки
Иконки
Иконки

Особенности реализации

Иллюстрации
Иллюстрации
Иллюстрации
Иллюстрации
Иллюстрации
Иллюстрации
Иллюстрации
Иллюстрации
Иллюстрации
Иллюстрации
Иллюстрации
Иллюстрации

Иллюстрации

Уникальные иллюстрации для сайта сгенерированы с использованием нейросети и доработаны с помощью графического редактора.

Анимация

Использование анимации и микроанимации элементов интерфейса делает сайт более привлекательным.

Бабочка
Страница «Карта сайта»
Бабочка

Оригинальная анимация карточки новости при наведении.

Новость 1
26 июня будет проводиться благотворительный аукцион Организаторы аукциона по сбору средств для детей Донбасса с нарушениями слуха приглашает вас принять участие в этом нужном и благородном деле.
26 июня 2024
Новость 2
26 июня будет проводиться благотворительный аукцион Организаторы аукциона по сбору средств для детей Донбасса с нарушениями слуха приглашает вас принять участие в этом нужном и благородном деле.
26 июня 2024