Ирина Гришина — предприниматель, бизнес-стратег и ментор личного бренда. Ирина выстраивает нестандартные стратегии масштабирования бизнеса через сильный личный бренд.
Задача:
- создать экспертный сайт Ирины Гришиной с кратким описанием продуктовой линейки и успешными кейсами ее клиентов, познакомить предпринимателей и экспертов с услугами и продуктами Ирины
Этап 1: Создали несколько вариантов смысловых прототипов сайта
Проанализировали имеющийся у Ирины контент и данные, изучили актуальные продукты и услуги Ирины, их ценность и уникальность, провели анализ визуальной упаковки всех продуктов, обсудили целевую аудиторию и ее процесс взаимодействия с продуктами Ирины, боли и задачи, которые решают продукты и услуги, ценообразование.
Изучили исходные данные в соцсетях Ирины. Изучили основных коллег по рынку на предмет подачи смыслов целевой аудитории через digital дизайн на их сайтах и соцмедиа.
В результате этого этапа:
Мы структурировали контент в виде смыслового прототипа будущего сайта в PDF формате, где продумали взаимодействие пользователей с сайтом, проработали страницы и разделы, последовательность блоков, подготовили тексты под цели и задачи Ирины.
Ирина скорректировала текст, мы внесли правки, утвердила смысловой прототип и мы перешли на следующий этап разработки сайта.
Проанализировали имеющийся у Ирины контент и данные, изучили актуальные продукты и услуги Ирины, их ценность и уникальность, провели анализ визуальной упаковки всех продуктов, обсудили целевую аудиторию и ее процесс взаимодействия с продуктами Ирины, боли и задачи, которые решают продукты и услуги, ценообразование.
Изучили исходные данные в соцсетях Ирины. Изучили основных коллег по рынку на предмет подачи смыслов целевой аудитории через digital дизайн на их сайтах и соцмедиа.
В результате этого этапа:
Мы структурировали контент в виде смыслового прототипа будущего сайта в PDF формате, где продумали взаимодействие пользователей с сайтом, проработали страницы и разделы, последовательность блоков, подготовили тексты под цели и задачи Ирины.
Ирина скорректировала текст, мы внесли правки, утвердила смысловой прототип и мы перешли на следующий этап разработки сайта.
Этап 2: Разработали дизайн сайта в Figma
Собрали референсы для будущего сайта в формате мудборда, определили детали, которые нравятся, получили дополнительную информацию и идеи для разработки дизайна сайта. Обсудили примеры и создали структурированное техническое задание для нашей команды дизайна по утвержденному смысловому прототипу на первом этапе.
Создали дизайн сайта в Figma для главной страницы на базе фирменного стиля и пожеланий Ирины. Презентовали Ирине готовый дизайн главной страницы в web версии, представили свое видение, аргументировали решения, обсудили разработанный дизайн сайта. Ирина внесла небольшие корректировки в тексты, блоки и утвердила дизайн главной страницы. После чего мы перешли на следующий этап разработки сайта, к адаптивной верстке страниц сайта на платформе Тильда.
В результате этого этапа:
Ирина увидела как будет выглядеть ее будущий сайт.
Собрали референсы для будущего сайта в формате мудборда, определили детали, которые нравятся, получили дополнительную информацию и идеи для разработки дизайна сайта. Обсудили примеры и создали структурированное техническое задание для нашей команды дизайна по утвержденному смысловому прототипу на первом этапе.
Создали дизайн сайта в Figma для главной страницы на базе фирменного стиля и пожеланий Ирины. Презентовали Ирине готовый дизайн главной страницы в web версии, представили свое видение, аргументировали решения, обсудили разработанный дизайн сайта. Ирина внесла небольшие корректировки в тексты, блоки и утвердила дизайн главной страницы. После чего мы перешли на следующий этап разработки сайта, к адаптивной верстке страниц сайта на платформе Тильда.
В результате этого этапа:
Ирина увидела как будет выглядеть ее будущий сайт.
Этап 3: Адаптивная верстка сайта на платформе Tilda
Готовый на втором этапе дизайн сайта сверстали на Тильде, собрали все блоки сайта исключительно в zero блоках, адаптировали дизайн под все разрешения, добавили анимацию и код для корректной работы сайта. Подключили формы связи, протестировали их.
В результате этого этапа:
Ирина получила готовый рабочий адаптивный сайт по утвержденному на предыдущем этапе дизайну с подключенными формами обратной связи, доменом, протестированный на получение заявок.
Посмотреть сайт: irinagrishina.online
Видео скрин сайта:
Готовый на втором этапе дизайн сайта сверстали на Тильде, собрали все блоки сайта исключительно в zero блоках, адаптировали дизайн под все разрешения, добавили анимацию и код для корректной работы сайта. Подключили формы связи, протестировали их.
В результате этого этапа:
Ирина получила готовый рабочий адаптивный сайт по утвержденному на предыдущем этапе дизайну с подключенными формами обратной связи, доменом, протестированный на получение заявок.
Посмотреть сайт: irinagrishina.online
Видео скрин сайта:
