Сайт-визитка для студии скульптуры и барельефов
Сайт-визитка для студии скульптуры и барельефов
О продукте
О продукте
U-basev & Gus studio — новая студия, основанная скульпторами с большим опытом в создании барельефов и скульптур
U-basev & Gus studio — новая студия, основанная скульпторами с большим опытом в создании барельефов и скульптур
Контекст
Контекст
Мне написал основатель студии с проблемой поиска заказов. Студия была новой, без репутации и работающего сайта. Весь процесс привлечения клиентов лежал на самих скульпторах: они вручную писали потенциальным заказчикам в соцсетях и отправляли фотографии работ
Мне написал основатель студии с проблемой поиска заказов. Студия была новой, без репутации и работающего сайта. Весь процесс привлечения клиентов лежал на самих скульпторах: они вручную писали потенциальным заказчикам в соцсетях и отправляли фотографии работ
Проблема
Проблема
Из-за ручного процесса студия столкнулась с тремя проблемами:
Из-за ручного процесса студия столкнулась с тремя проблемами, которые блокировали рост:
Низкий уровень доверия. Фотографии в чатах не позволяли в полной мере передать ценность работ, и потенциальные клиенты отказывались от предложения
Низкий уровень доверия. Фотографии в чатах не позволяли в полной мере передать ценность работ, и потенциальные клиенты отказывались от предложения
Низкая эффективность. Ручной поиск заказчиков отнимал у скульпторов время, был хаотичным и не мог обеспечить стабильный поток заказов
Низкая эффективность. Ручной поиск заказчиков отнимал у скульпторов время, был хаотичным и не мог обеспечить стабильный поток заказов
Отсутствие понятного позиционирования. У студии не было визитки в сети, где потенциальный клиент мог бы изучить философию, увидеть все работы и легко сделать запрос
Отсутствие понятного позиционирования. У студии не было визитки в сети, где потенциальный клиент мог бы изучить философию, увидеть все работы и легко сделать запрос
Моя роль
Моя роль
Я вела проект на всех этапах: начала с анализа рынка и аудитории, чтобы сформировать гипотезу для нового позиционирования студии. Затем спроектировала структуру лендинга, разработала визуальную концепцию и реализовала её в виде готового к разработке макета в фигме
Я вела проект на всех этапах: начала с анализа рынка и аудитории, чтобы сформировать гипотезу для нового позиционирования студии. Затем спроектировала структуру лендинга, разработала визуальную концепцию и реализовала её в виде готового к разработке макета в фигме
Исследования
Исследования
Чтобы найти точку роста для студии, я изучила рынок конкурентов и целевую аудиторию. Цель — понять стандарты и выявить неудовлетворённые потребности
Чтобы найти точку роста для студии, я изучила рынок конкурентов и целевую аудиторию. Цель — понять стандарты и выявить неудовлетворённые потребности
Анализ конкурентов
Анализ конкурентов
Выбрала 7 популярных студий и провела сравнительный анализ по ключевым параметрам: наличие и качество сайта, активность в соцсетях, структура контента
Выбрала 7 популярных студий и провела сравнительный анализ (бенчмаркинг) по ключевым параметрам: наличие и качество сайта, активность в соцсетях, структура контента
Ключевые выводы:
Ключевые выводы:
•
Сайт обязателен, соц.сети вторичны. У всех есть сайт-визитка, который служит «цифровым паспортом»
Сайт обязателен, соц.сети вторичны. У всех есть сайт-визитка, который служит «цифровым паспортом»
•
Сайты в основном состоят из портфолио, деталей сотрудничества и призывов к действию, при этом визуально они перегружены
Сайты в основном состоят из портфолио, деталей сотрудничества и призывов к действию, при этом визуально они перегружены
Изучение целевой аудитории
Изучение целевой аудитории
Я уточнила у клиента, что основная ЦА — дизайнеры интерьеров, и провела кабинетное исследование: изучила профессиональные чаты, форумы и отзывы, чтобы понять их потребности
Я уточнила у клиента, что основная ЦА — дизайнеры интерьеров, и провела кабинетное исследование: изучила профессиональные чаты, форумы и отзывы, чтобы понять их потребности
Ключевые выводы:
Ключевые выводы:
•
Аудитория ценит эстетику, порядок и визуальную гармонию
Аудитория ценит эстетику, порядок и визуальную гармонию
•
Помимо красоты, критически важны ясные технические характеристики, сроки и надёжность производителя
Помимо красоты, критически важны ясные технические характеристики, сроки и надёжность производителя
•
Дизайнеры обычно сотрудничают с проверенными мастерами. Чтобы стать для них новым партнёром, студия должна сразу выделиться
Дизайнеры обычно сотрудничают с проверенными мастерами. Чтобы стать для них новым партнёром, студия должна сразу выделиться
Гипотезы
Гипотезы
В результате исследования появились две гипотезы
Из-за ручного процесса студия столкнулась с тремя проблемами, которые блокировали рост:
Простой сайт-визитка с понятной структурой и приятным визуалом поможет студии тратить меньше времени на ручной поиск заказов, повысит уровень доверия клиентов и улучшит конверсию
Простой сайт-визитка с понятной структурой и приятным визуалом поможет студии тратить меньше времени на ручной поиск заказов, повысит уровень доверия клиентов и улучшит конверсию
Если показать студию более живо, это поможет выделиться среди похожих студий
Если показать студию более живо, это поможет выделиться среди похожих студий
Структура
Структура
Опираясь на первую гипотезу о том, что сайт должен внушать доверие, я начала с разработки структуры. Лендинг получился небольшим, но очень емким
Опираясь на первую гипотезу о том, что сайт должен внушать доверие, я начала с разработки структуры. Лендинг получился небольшим, но очень емким
Главный экран должен сразу цеплять пользователя и объяснять, куда человек попал
Главный экран должен сразу цеплять пользователя и объяснять, куда человек попал
Портфолио работ как доказательство экспертизы
Портфолио работ как доказательство экспертизы
Блок о команде, чтобы показать, кто именно будет работать над заказом
Блок о команде, чтобы показать, кто именно будет работать над заказом
Процесс сотрудничества для большей прозрачности
Процесс сотрудничества для большей прозрачности
Преимущества демонстрируют философию и ценности команды, добавляя при этом эмоциональности
Преимущества демонстрируют философию и ценности команды, добавляя при этом эмоциональности
Часто задаваемые вопросы закрывают часть сомнений и технических вопросов
Часто задаваемые вопросы закрывают часть сомнений и технических вопросов
Форма для заявки и контакты позволяют быстро связаться со студией любым удобным способом
Форма для заявки и контакты позволяют быстро связаться со студией любым удобным способом
Текст
Текст
Клиент прислал исходный текст, который был информативным, но звучал официально и обезличенно. Чтобы проверить вторую гипотезу об эмоциональности и «живости», я скорректировала тон коммуникации и превратила формальное описание услуг в лаконичный и «человечный» текст, сохранив при этом всю важную для дизайнеров информацию
Клиент прислал исходный текст, который был информативным, но звучал официально и обезличенно. Чтобы проверить вторую гипотезу об эмоциональности и «живости», я скорректировала тон коммуникации и превратила формальное описание услуг в лаконичный и «человечный» текст, сохранив при этом всю важную для дизайнеров информацию
•
•
Зная, что крупные абзацы текста часто пролистывают, я сделала заголовки самодостаточными. Даже бегло пробежавшись по странице, пользователь сразу улавливает главные идеи и смыслы
Зная, что крупные абзацы текста часто пролистывают, я сделала заголовки самодостаточными. Даже бегло пробежавшись по странице, пользователь сразу улавливает главные идеи и смыслы
•
•
Я адаптировала текст, сделав его более эмоциональным. Чтобы найти лучшие формулировки, я использовала ChatGPT как помощника
Я адаптировала текст, сделав его более эмоциональным. Чтобы найти лучшие формулировки, я использовала ChatGPT как помощника
Результат:
Результат:
•
•
Интуитивная и простая структура сайта, постепенно закрывающая большинство вопросов потенциальных клиентов и повышает доверие
Интуитивная и простая структура сайта, постепенно закрывающая большинство вопросов потенциальных клиентов и повышает доверие
•
•
Краткий живой текст с самодостаточными заголовками также вызывает доверие и выделяет студию на фоне остальных
Краткий живой текст с самодостаточными заголовками также вызывает доверие и выделяет студию на фоне остальных
Концепция
Концепция
Я собрала ассоциации и смыслы, которые должны были вызывать работы студии. Среди них были:
Я собрала ассоциации и смыслы, которые должны были вызывать работы студии. Среди них были:
•
•
Искусство рядом
Искусство рядом
•
•
Глубина и начитанность
Глубина и начитанность
•
•
Чистое ощущение красоты
Чистое ощущение красоты
Исходя из ассоциаций собрала мудборд. Обсудив варианты с клиентом, мы пришли к метафоре «музея» — это место, где искусство становится доступным
Исходя из ассоциаций собрала мудборд. Обсудив варианты с клиентом, мы пришли к метафоре «музея» — это место, где искусство становится доступным
Далее, на основе этой метафоры я собрала референсы и разработала несколько концепций
Далее, на основе этой метафоры я собрала референсы и разработала несколько концепций
Результат:
Результат:
Выбранная концепция соответствует результатам исследований, гипотезам и метафоре: спокойный визуал и крупная типографика
Выбранная концепция соответствует результатам исследований, гипотезам и метафоре: спокойный визуал и крупная типографика
Дизайн
Дизайн
Основные решения:
Основные решения:
•
•
Типографика: для заголовков используется элегантный шрифт с засечками — он ассоциируется с искусством. Для основного текста — чистый шрифт без засечек, он обеспечивает лёгкое и комфортное чтение
Типографика: для заголовков используется элегантный шрифт с засечками — он ассоциируется с искусством. Для основного текста — чистый шрифт без засечек, он обеспечивает лёгкое и комфортное чтение
•
•
Композиция: я использовала динамичную композицию, чтобы добавить живости, направить взгляд пользователя и удержать его внимание. Крупные и средние заголовки чередуются и выравниваются по разным системам, создавая визуальный ритм
Композиция: я использовала динамичную композицию, чтобы добавить живости, направить взгляд пользователя и удержать его внимание. Крупные и средние заголовки чередуются и выравниваются по разным системам, создавая визуальный ритм
•
•
Цветовая палитра усиливает метафору «музея» и создает нужную атмосферу. Основа — спокойный и нейтральный серовато‑бежевый фон. Текст — приглушенный черный для комфортного чтения. Для акцентов я использовала кирпичный оттенок — он отсылает к классической музейной эстетике и придает сайту тепло и характер. А для визуального разделения блоков информации применяется более светлый бежевый оттенок, который добавляет воздушности и структуры
Цветовая палитра усиливает метафору «музея» и создает нужную атмосферу. Основа — спокойный и нейтральный серовато‑бежевый фон. Текст — приглушенный черный для комфортного чтения. Для акцентов я использовала кирпичный оттенок — он отсылает к классической музейной эстетике и придает сайту тепло и характер. А для визуального разделения блоков информации применяется более светлый бежевый оттенок, который добавляет воздушности и структуры
•
•
Форма и графические элементы: за основу был взят строгий квадрат — он усиливает ощущение порядка. Для акцентов и визуальной навигации я ввела маленький чёрный квадрат: он сохраняет общую стилистику, создаёт визуальную рифму между блоками и выделяет важную информацию. Для глубины и лёгкой динамики я использовала полупрозрачные линии в акцентном кирпичном цвете — они направляют взгляд и добавляют элегантности
Форма и графические элементы: за основу был взят строгий квадрат — он усиливает ощущение порядка. Для акцентов и визуальной навигации я ввела маленький чёрный квадрат: он сохраняет общую стилистику, создаёт визуальную рифму между блоками и выделяет важную информацию. Для глубины и лёгкой динамики я использовала полупрозрачные линии в акцентном кирпичном цвете — они направляют взгляд и добавляют элегантности
•
•
Шапка закреплена сверху, и после пролистывания первого блока появляется кнопка «Заказать», которую видно на протяжении всего сайта
Шапка закреплена сверху, и после пролистывания первого блока появляется кнопка «Заказать», которую видно на протяжении всего сайта
Название студии вынесено в центр с большим полем негативного пространства вокруг — это создаёт баланс и фокусирует внимание на бренде
Название студии вынесено в центр с большим полем негативного пространства вокруг — это создаёт баланс и фокусирует внимание на бренде
Все тексты выровнены по направляющим, это обеспечивает визуальный порядок и лёгкость восприятия
Все тексты выровнены по направляющим, это обеспечивает визуальный порядок и лёгкость восприятия
Главные преимущества студии подчёркнуты с помощью небольшого чёрного квадрата — фирменного графического акцента. Он помогает считать информацию, которая повышает доверие
Главные преимущества студии подчёркнуты с помощью небольшого чёрного квадрата — фирменного графического акцента. Он помогает считать информацию, которая повышает доверие
Нажав на кнопку «Заказать» открывается поп-ап с формой заявки
Нажав на кнопку «Заказать» открывается поп-ап с формой заявки
Сразу после главного экрана идёт атмосферное видео, снятое в мастерской основателем. Оно добавляет эмоциональности и динамичности сайту и работает на доверие, так как живым людям больше доверяют
Сразу после главного экрана идёт атмосферное видео, снятое в мастерской основателем. Оно добавляет эмоциональности и динамичности сайту и работает на доверие, так как живым людям больше доверяют
Портфолио представлено в виде простой, но динамичной сетки. Она снижает когнитивную нагрузку, упрощая просмотр, и позволяет сфокусировать все внимание на работах. Кликнув на стрелку у названия работы можно прочитать об истории создания и технических характеристиках, это закроет часть вопросов пользователей
Портфолио представлено в виде простой, но динамичной сетки. Она снижает когнитивную нагрузку, упрощая просмотр, и позволяет сфокусировать все внимание на работах. Кликнув на стрелку у названия работы можно прочитать об истории создания и технических характеристиках, это закроет часть вопросов пользователей
Чтобы подчеркнуть экспертизу каждого скульптора, я оформила блок о команде как музейную экспозицию, карточки напоминают таблички в галерее
Чтобы подчеркнуть экспертизу каждого скульптора, я оформила блок о команде как музейную экспозицию, карточки напоминают таблички в галерее
По клику на кнопку «Об опыте работы» открывается полный список работ мастера. А в саму карточку вынесены самые показательные достижения
По клику на кнопку «Об опыте работы» открывается полный список работ мастера. А в саму карточку вынесены самые показательные достижения
Шахматный порядок этапов в блоке процесса направляет взгляд пользователя сверху вниз, помогая легко уловить последовательность этапов, а выделенные заголовки для каждого шага сразу сообщают суть. Номера этапов, расположенные по краям в том же ритме, создают визуальный каркас и упрощают навигацию внутри блока
Шахматный порядок этапов в блоке процесса направляет взгляд пользователя сверху вниз, помогая легко уловить последовательность этапов, а выделенные заголовки для каждого шага сразу сообщают суть. Номера этапов, расположенные по краям в том же ритме, создают визуальный каркас и упрощают навигацию внутри блока
Эта композиция упрощает важную информацию для восприятия
Эта композиция упрощает важную информацию для восприятия
В блоке преимуществ я использовала небольшую анимацию: при наведении на строку текста появляется соответствующая фотография. Анимация оживляет сайт и добавляет динамичности, а также акцентирует внимание на информации, которую пользователи могут посчитать формальной
В блоке преимуществ я использовала небольшую анимацию: при наведении на строку текста появляется соответствующая фотография. Анимация оживляет сайт и добавляет динамичности, а также акцентирует внимание на информации, которую пользователи могут посчитать формальной
Последний блок повторяет композицию первого, чтобы создать целостное впечатление и плавно завершить сайт
Последний блок повторяет композицию первого, чтобы создать целостное впечатление и плавно завершить сайт
Мобильная версия
Мобильная версия
Результат
Результат
Внутренние изменения в студии временно приостановили запуск, но дизайн-концепт готов к запуску и проверке гипотез. После запуска я планировала оценивать успех по двум ключевым направлениям:
Внутренние изменения в студии временно приостановили запуск, но дизайн-концепт готов к запуску и проверке гипотез. После запуска я планировала оценивать успех по двум ключевым направлениям:
•
•
Конверсия (CR)
Конверсия (CR)
•
•
Средняя длительность одного сеанса (ASL)
Средняя длительность одного сеанса (ASL)
Анализ этих метрик позволит перейти от субъективных оценок к данным и точно понять, какие гипотезы подтвердились, а какие элементы интерфейса требуют доработки
Анализ этих метрик позволит перейти от субъективных оценок к данным и точно понять, какие гипотезы подтвердились, а какие элементы интерфейса требуют доработки