{"id":14279,"url":"\/distributions\/14279\/click?bit=1&hash=4408d97a995353c62a7353088166cda4ded361bf29df096e086ea0bbb9c1b2fc","title":"\u0427\u0442\u043e \u0432\u044b\u0431\u0435\u0440\u0435\u0442\u0435: \u0432\u044b\u0435\u0445\u0430\u0442\u044c \u043f\u043e\u0437\u0436\u0435 \u0438\u043b\u0438 \u0437\u0430\u0435\u0445\u0430\u0442\u044c \u0440\u0430\u043d\u044c\u0448\u0435?","buttonText":"","imageUuid":""}

Кейс: Корпоративный сайт веб-студии IGNI – мягкий скролл, брутализм и 3D

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

Главная страница сайта igni.studio Арт-директор IGNI Мурашкин Дмитрий

Цели и задачи проекта

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

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

  • веб-дизайн и разработка сайтов;
  • контент-маркетинг;
  • перфоманс-маркетинг;
  • фото и видео продакшн.
Страница в категории "Дизайн"
Страница в категории Performance маркетинг

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

Реализация кейсов и лид-формы в разделе "Контент-маркетинг".

История создания

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

Первый экран главной страницы сайта
Главная страница сайта

Также на странице дизайна мы реализовали возможность "провалиться" в каждый отдельный кейс и изучить его более подробно; на мобильной версии в случае перехода на страницу кейса автоматически происходит переадресация на соответствующий проект на Behance.

Внутренняя страница кейса Xena Exchange
Страница в категории "Фото и видео продакшн"

Финализация проекта

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

Сайт был номинирован на премию Tagline и Awwwards.

С "живой" версией сайта вы можете ознакомиться по ссылке:

0
3 комментария
Аккаунт удален

Комментарий недоступен

Ответить
Развернуть ветку
Stacy Muur
Автор

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

Ответить
Развернуть ветку
Daria Sagaidak

Добрый день.
Я Даша и я веб-дизайнер с 6 летним стажем. И я написала статью про актуальные курсы по веб-дизайну 2020 года https://dashasravnila.ru/6-luchshih-kursov-po-veb-dizajnu-2020-goda/ Может кому-то будет полезно 

Ответить
Развернуть ветку
0 комментариев
Раскрывать всегда