Разработать сайт, который привлечет внимание к деятельности Марго, расскажет о ее работе и сделает помощь животным простой и понятной для каждого посетителя.
Новый образ проекта
Марго уже несколько лет спасает бездомных кошек, лечит их и помогает найти любящие семьи. Чем больше людей узнают о ее работе, тем больше животных получают шанс обрести дом. Предыдущий сайт был создан в 2022 году и выглядел скорее как иллюстрация детской истории. За это время изменился сам проект, опыт Марго и то, как она хочет себя представлять.
Новый сайт должен был сохранить теплоту, но при этом выглядеть более уверенно, современно и профессионально.
{прошлый сайт}
концепция и новый дизайн
Основой оформления стал спокойный светло-серый фон. На нем вся информация собрана в светлые полупрозрачные карточки с мягкими скруглениями. Такое решение помогает быстро ориентироваться на странице и создает ощущение порядка, при этом сайт остается легким и дружелюбным.
В качестве акцентного цвета мы использовали только оранжевый. Он ассоциируется с теплом, заботой и сразу привлекает внимание к самым важным элементам страницы.
Мы выбрали спокойный шрифт, но добавили в него небольшую особенность — отдельные буквы выполнены в более свободном, рукописном стиле. Благодаря этому сайт не выглядит слишком строгим и сохраняет дружелюбный характер, который соответствует личности Марго и ее проекту.
Мы намеренно отказались от большого количества декоративных элементов. Главным героем сайта должны были стать не дизайнерские приемы, а сами истории спасенных животных. 3D-объекты лишь помогают создать настроение и сделать сайт узнаваемым, не отвлекая внимание от его основной цели.
{макет сайта}
{мобильная версия}
анимация
На первом экране посетителя встречают пушистые буквы «Марго». Они сразу создают ассоциацию с мягкой кошачьей шерстью и вызывают желание рассмотреть сайт поближе. Мы добавили плавную анимацию, благодаря которой первый экран выглядит живым. Она не отвлекает внимание, а делает знакомство с сайтом более эмоциональным.
Эту идею мы продолжили и в других деталях сайта. Объемная лапка в подвале страницы и моток ниток становятся небольшими визуальными акцентами, которые поддерживают тему проекта и делают его более запоминающимся.
Важно было сделать сайт таким, чтобы его хотелось не только изучить самому, но и отправить другим. Ведь каждый новый человек, который узнает о деятельности Марго, — это еще один шанс, что бездомная кошка найдет семью!