Лендинг для волонтера и флинолога

ri_margosha

Объем работ:
  • Редизайн лендинга
  • Генерация видео для первого экрана
Технические задачи сайта:
  • ссылки на соц.сети
Срок разработки:
  • 2 месяца
Дата публикации сайта:
  • июль 2026

Задача

  1. Сделать сайт привлекательным и запоминающимся
  2. Кратко рассказать о Марго, структурировать информацию
  3. Удобно разместить инфо о способах помощи животным

прошлый сайт

Марго – волонтёр и флинолог, она забирает бездомных кошек с улицы, лечит их и пристраивает в семьи. Это социально важное действие, к которому хочется привлечь внимание, ведь кто-то может увидеть инфо о бездомном котике и захочет его забрать – поэтому сайт нужно сделать виральным. такую задачу я перед собой ставила.

*Я очень люблю котиков, и хочу поддержать марго в ее деятельности, поэтому оказываю поддержку ее деятельности бесплатно.

В первой версия сайт Марго был в стиле иллюстраций, был разработан в 2022 году, и выглядел скорее увлекательно, чем профессионально.
Сейчас Марго стала позиционирует себя более серьезно и сдержанно. Соответсвенно, дизайн нового сайта нам тоже нужно было сделать выдержанным, при этом легким и понятным.
{прошлый сайт}

концепция и новый дизайн

Новый концепт
За основу сайта мы взяли светло-серый однотонный фон. На этом фоне структурно оформили инфо в полу-прозрачные светлые прямоугольники – так сделали сайт упорядоченным. Яркие 3D элементы играют роль визувльных якорей и запоминаются. Акцентным цветом стал один – оранжевый, его достаточно.

Типографика
Новый шрифт сайта выглядит сделжанным, но в нем есть изюминка – каждая четвертая буква имеет начертание леттеринга – таким способом мы заигрываем с посетителем сайта, тем самым призывая посетителя сайта к взаимодействию.
{макет сайта}
Photo by Jacob
Photo by Fabrice
Photo by Jacob
Photo by Lea
Photo by Paul
Photo by Oliver
{мобильная версия}

анимация

Особое внимание уделили объемным буквам на первом экране. Пушистые буквы выглядят эффектно, их хочется рассмотреть. А потом мы их и вовсе заанимировали, чтобы сайт стал живым, буквально дышащим.
сайт доступен по ссылке – rimargosha.pro
НАД ПРОЕКТОМ РАБОТАЛИ
  • Марина
    Арт-директор
    Собрала концепцию, редактировала макет, контролировала процесс исполнения, добавляла последние штрихи на верстке
  • Наташа
    Веб-дизайнер
    Создавала дизайн-макет, верстала сайт, адаптировала
  • Алеся
    Графический дизайнер
    Сгенерировала видео с объемными буквами для первого экрана
Made on
Tilda