Как мы сделали редизайн для Итальянского фонда Fondazione Simone Cesaretti ETS и сайт на Tilda

Итальянский фонд Fondazione Simone Cesaretti ETS работает над тем, чтобы соединить знания ученых с реальными нуждами городов, сельских территорий и сообществ.

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

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

У фонда уже был сайт до того, как мы начали работу над этим проектом. Но он был не удобен в использовании и перегружен информацией и некачественными изображениями. К тому же, структура сайта была недостаточно продуманной и логичной.

Все это делало сайт сложным для использования.

Именно поэтому клиенты обратились в наше агентство AZ Agency за новым видением и переосмыслением сайта.

Помимо самой разработки редизайна и сайта перед нами стояли и другие задачи:

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

Проведя конкурентный анализ сайтов из данной сферы мы делаем выводы. Мы понимаем как преподносят информацию о себе другие компании. Мы не смотрим на сайты с точки зрения дизайна, а анализируем структуру и подачу.

Карта сайта — важный инструмент в разработке проекта. Она позволяет в самом начале сотрудничества согласовать структуру сайта и мгновенно внести измненения, если они потребуются. Она позволяет наладить работу и сократить время работы над проектом.

В работе над Итальянским фондом мы разработали большую карту сайта, состоящую из 11 страниц, не считая технические.

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

Референсы были с нестандартной композицией, декоративными элементами дизайна и ненавязчивыми иллюстрациями.

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

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

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

И мы приступили к разработке прототипа и написанию текстов, сначала для главной страницы, а потом для всех внутренних

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

При разработке дизайна мы учитывали прошлый фирменный стиль и референсы, которые понравились заказчикам. У компании уже был готовый нестандартный логотип, который мы также приняли в работу и сделали на нем акцент.

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

К тому же, мы добавили дополнительные цвета для для некоторых блоков, в которых это было уместно и хотелось разнообразить информацию.

И после того, как главная страница была согласована и ее дизайн был одобрен заказчиком, мы приступаем к разработке дизайн-макетов для всех внутренних страниц.

Этап, благодаря которому готовые дизайн-макеты преобразуются в сайт и появляются в браузерах.

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

А также мы адаптируем дизайн под различные размеры экранов и разрешения (компьютеры, плашеты, мобильные устройства), чтобы сайт был удобным и функциональным на любом устройстве.

После настраиваем базовые SEO-настройки, подключаем аналитику, домен и добавляем различные интеграции по запросу.

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

Клиенты остались в восторге от результата и мы сразу же заключили договор на сотрудничество над новым, не менее интересным проектом. Подписывайтесь на наш аккаунт, мы обязательно расскажем здесь о новых проектах и сотрудничествах: )

Вы самостоятельно можете ознакомиться с готовым сайтом по ссылке здесь

Или посмотреть видео с сайтом:

Телеграм-канал

Instagram CEO