Дизайн и сборка сайта по прототипу на Tilda

Копию этого ТЗ в более удобном формате читайте по ссылке:

https://docs.google.com/document/d/1p5OdYg1Q4wxYijOfhQy3KIsVLaINaP8nM9wGW6yPhUc/edit?usp=sharing

Дизайн и сборка сайта по прототипу на Tilda из 11 страниц (7 уникальных 4 шаблонных)

Адаптация сайта для Десктоп, мобильные, планшеты

Анимация для сайта

Логотип

Фавикон

Подробное описание

Дизайн и структура

Есть подробный прототип сайта со структурой и готовыми текстами всех страниц. От вас требуется дизайн, сборка сайта, поиск и подготовка изображений.

Адаптация сайта требуется для десктоп, мобильной и планшетной версии

Ссылка на прототип (оранжевым цветом отмечена навигация и пометки для вас, а зеленым цветом текст, который должен быть на сайте):

https://www.mindomo.com/mindmap/-cherrybirdsru-443b2b3c138444bdaa7ef257057d99da

Если нужно изменить структуру прототипа (например добавить или убрать изображения или недостающие элементы), то я всегда открыт к диалогу и готов это обсудить

Список страниц сайта

Главная

О компании

Услуги и цены

Страница услуги «продвижение в Instagram»

Страница услуги «таргетированная реклама»

Все кейсы

Страница кейса

Блог

Статья блога

Политика конфиденциальности

Страница 404

Референсы для дизайна

https://keks-agency.ru/ (Понравился больше всего. Нравится визуальный стиль (светлый), яркие изображения, анимация главной страницы, которая сопровождает несколько блоков на странице, нравится как сделан визуально переход между блоками)

http://mastersmm.ru/ (Тоже очень нравится. Нравится визуальный стиль (светлый, не кричащие цвета), анимация кнопки на главной, нравится как сделан визуально переход между блоками, компоновка информации в блоке услуги агентства на главной странице)

https://digital.mnogoslov.com/ (слишком яркий визуальный стиль, хотелось бы меньше цвета, как в первых двух референсах, но в целом дизайн нравится)

https://zvukvetra.ru/smm (здесь нравится то, как скомпонована информация в “блоке как строится работа”)

Антиреференсы для дизайна

https://viraldo.ru/ (темный цвет, четкие границы между блоками)

https://medicine.digitalrex.ru (схематичные люди в качестве изображений)

https://mossmm.ru/ (схематичные люди в качестве изображений не нравятся)

https://smmileag.ru/

https://www.smmedicine.com

Референсы для структуры сайта

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

https://zvukvetra.ru/smm (здесь нравится то, как скомпонована информация в “блоке как строится работа”)

http://mastersmm.ru/ (компоновка информации в блоке услуги агентства на главной странице)

https://www.jami.ru/plan/ (блок агентства группы, блок видение)

Анимация

Анимацию нужно сделать для первых блоков, кнопок и блоков CTA (для всех страниц где предусмотрен главный блок)

https://media-con.ru/ (анимация реализована при помощи трех изображений и её плавное движение)

https://keks-agency.ru/ (анимация главной страницы и блоков CTA)

Анимацию графических элементов для остальных блоков (для всех страниц)

Вот здесь реализовано хорошо

https://keks-agency.ru/ (анимация, которая сопровождает несколько блоков на странице, блоки «наш подход», узнайте с какими блогерами мы работаем, возможности)

Для карточек кейсов и услуг

Всего 4 карточки кейса и 4 карточки услуг

При наведении на карточку кейса или услуги происходит анимация, ниже референс

https://mwi.me/portfolio/

Антиреференс анимация

https://brevis.agency/seo/prodvizhenie-sajta-salona-krasoty (слишком много анимации, каждый блок едет)

Логотип и фавикон

Под названием CherryBirds подразумеваются птички - красные кардиналы. В логотипе нужно обыграть самих птичек или их мордочки. (с удовольствием готов обсуждать и ваши предложения) Логотип и фавикон должен гармонировать с визуальной концепцией сайта.

Условия работы

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

1.Подготовить мудборд на 3 варианта визуального стиля

2. После утверждения визуального стиля подготовить скетч в любом формате со структурой блоков (и схематичной компоновкой в ней информации) для страниц:

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

Б) Страница услуги «Продвижение в инстаграм»

В) Скетчи нужно сделать для Десктоп и мобильной версии

3. Согласование десктопной версии главной страницы

4. Адаптация главной страницы для мобильных и планшетов

5. Согласование и адаптация остальных страниц.

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

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