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

ri_margosha

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

Задача

Разработать сайт, который привлечет внимание к деятельности Марго, расскажет о ее работе и сделает помощь животным простой и понятной для каждого посетителя.

Новый образ проекта

Марго уже несколько лет спасает бездомных кошек, лечит их и помогает найти любящие семьи. Чем больше людей узнают о ее работе, тем больше животных получают шанс обрести дом.
Предыдущий сайт был создан в 2022 году и выглядел скорее как иллюстрация детской истории. За это время изменился сам проект, опыт Марго и то, как она хочет себя представлять.

Новый сайт должен был сохранить теплоту, но при этом выглядеть более уверенно, современно и профессионально.
{прошлый сайт}

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

Основой оформления стал спокойный светло-серый фон. На нем вся информация собрана в светлые полупрозрачные карточки с мягкими скруглениями. Такое решение помогает быстро ориентироваться на странице и создает ощущение порядка, при этом сайт остается легким и дружелюбным.

В качестве акцентного цвета мы использовали только оранжевый. Он ассоциируется с теплом, заботой и сразу привлекает внимание к самым важным элементам страницы.

Мы выбрали спокойный шрифт, но добавили в него небольшую особенность — отдельные буквы выполнены в более свободном, рукописном стиле. Благодаря этому сайт не выглядит слишком строгим и сохраняет дружелюбный характер, который соответствует личности Марго и ее проекту.

Мы намеренно отказались от большого количества декоративных элементов. Главным героем сайта должны были стать не дизайнерские приемы, а сами истории спасенных животных. 3D-объекты лишь помогают создать настроение и сделать сайт узнаваемым, не отвлекая внимание от его основной цели.
{макет сайта}
Photo by Jacob
Photo by Fabrice
Photo by Jacob
Photo by Lea
Photo by Paul
Photo by Oliver
{мобильная версия}
Photo by Jacob
Photo by Leio
Photo by Jacob
Photo by Marion
Photo by Mike
Photo by Jason
Photo by Jacob
Photo by Shifaaz

анимация

На первом экране посетителя встречают пушистые буквы «Марго». Они сразу создают ассоциацию с мягкой кошачьей шерстью и вызывают желание рассмотреть сайт поближе. Мы добавили плавную анимацию, благодаря которой первый экран выглядит живым. Она не отвлекает внимание, а делает знакомство с сайтом более эмоциональным.

Эту идею мы продолжили и в других деталях сайта. Объемная лапка в подвале страницы и моток ниток становятся небольшими визуальными акцентами, которые поддерживают тему проекта и делают его более запоминающимся.

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