Как сделать коммерческий сайт узнаваемым? Рассказываем за 4 минуты
M studio – веб-студия, которая занимается разработкой сайтов и упаковкой бизнеса более 5 лет. В этой статье расскажем, почему сайт – это не только красивые картинки и как сделать так, чтобы вашу веб-страницу невозможно было забыть.
Я бы хотел высказать своё ИМХО по поводу вашего сайта.
1). Первый экран.
а). Ссылки на телеграм и портфолио как будто висят в воздухе. Я бы перенёс их влево, к левому ключу (где лого). Или вправо, вместо кнопки. Потому что одна кнопка снизу у вас уже есть.
б). Не понял, зачем нужен длинный бордер под меню. Считаю лишним. Он вносит лишний информационный шум.
в). Текст "web — design. / marketing." Лишний. Вы ведь ниже под h1 пишите это ещё раз. Я в первую секунду вообще принял их за хлебные крошки. Потом только дошло, какие, блин, крошки на главной странице...
г). Заголовок h1 считаю слишком длинным. И я думаю, что его можно улучшить. Слово "Упаковываем" переделать в "упакуем" (оно сильнее звучит). Можно упоковывать, но лучше упоковать.
P.S. Я заметил, что многие крупные веб-студии пишут в заголовки "упаковываем смыслы". Подскажите, это действительно работает? Я без предъяв, мне интересно. Лично я противник таких заголовков и считаю, что на главной в h1 нужно писать прямо в лоб то, чем вы занимаетесь.
Мой вариант h1: "Разработка и продвижение сайтов под ключ. Опыт 12 лет".
Вариант с вашим текстом: "Упакуем смыслы бизнеса в сайты". Предлагаю воспользоваться анимацией с "напечатыванием текста". Например, typed.js. Слово "сайты" будет меняться на "айдентику" и другие слова. Это оживит первый экран, он не будет таким статичным. И сократит h1. В 99% случаев чем меньше текста, тем лучше.
Ещё лучше добавить замануху (акцию). Типо "бесплатный логотип", "SEO со скидкой 50%" и т.д.
д). Текст "Для развития в digital среде. Делаем продукты понятнее, а сервис удобнее"
Как будто висит в воздухе. И не похоже, что он висит в ключе слева внизу, ибо он висит выше кнопки "рассчитать стоимость". Лучше убрать, перетягивает внимание на себя.
е). Текст "Делаем..."
Выглядит как ссылки. Хочется кликнуть. Может, ссылками их и сделать? Или заменить на акцию, как я предлагал выше.
ё). Кнопка "рассчитать стоимость" крошечная. Сделайте больше.
2). Блок "Проведём исследования".
а). Я не сразу понял, что плюсик справа это кнопка. Добавьте ему анимацию.
Например, при появлении на экране он сделает оборот 360°.
б). В обоих блоках много текста. Их не будут читать. Разбейте их на 4 блока. Читать будет легче.
Ещё я вижу висящие предлоги. Проставьте неразрывные пробелы. В Figma есть для этого плагин SBOL Typograph.
3). Блок "Портфолио".
Охуенно.
Но много повторящегося текста типо "исследование". Я бы его убрал, меньше будет инфошума.
4). Блок "Являемся стратегическим партнёром..".
Переписал бы в "За 10 лет работы помогли более 150 заказчикам улучшить продукт и увеличить прибыль." Люди любят цифры и статистику.
5). Блок "Услуги и цены".
Круто, что указали цены и даже сроки.
Не понял: консультация у арт-директора стоит 5000 руб. Но в футере написано, что она бесплатная. Кому верить?
6). Блок " С кем мы работали"
Текст я бы переделал "с кем работаем". А то создаёт впечатление, что после первого раза вы больше не сотрудничали [из-за того, что они остались недовольны]. Пусть люди думают, что эти компании постоянно к вам обращаются.
На слайдере еле видны лого и названия. Сложно читать.
7). Блок "Можем работать".
картинки выглядят как ссылки. Хочется нажать. И облом(
Как-то так.
Владимир, искреннее огромное спасибо за такой развернутый комментарий и предложениями по дизайну. Крайне ценю разное мнение других пользователей. Постараюсь ответить по всем пунктам.
Предыстория:
Меня как арт-директора всегда беспокоила проблема выбора ЦА для посадочной студии. Делать красиво и креативно, но в ущерб конверсии или делать страницу заточенную под конверсию, более понятную и простую?
Что-то среднее - полумера. Поэтому мы сделали 2 разные страницы:
https://mikhailov.studio - основная студии как мы ее хотели сделать и как задумывали.
https://mikhailov.studio/business - страница для конверсий, рекламы с более понятными смыслами.
Именно поэтому основную страницу мы сделали так как мы хотим с умышленными нарушениями правил.
1) По первому экрану задача ссылки на телеграм и портфолио умышленно сделаны таким образом, чтобы выбиваться, а слева вместе с другим текстом и фоновым изображением уравновесить композицию.
2) Бордер под меню умышленный доп элемент линии, который повторяется на протяжении всего сайта
3) web — design. / marketing тоже является композиционным элементом, без которого становится не интересно, также он дает основной акцент направленности студии.
4) "Упакуем" специально отказались от слово, так как это обещание, для меня лично оно нишего дешевит. Словом "Упаковываем" мы подчёркиваем именно свою деятельность.
Опять же, тут каждый воспринимает под своей призмой, но для нас это не призыв, а позиционирование.
Как это работает: клиенты приходят к нам только с идеей, могут даже без названия, лого и вообще без всего. Обозначают задачу. Мы как небольшой отдел маркетинга изучаем рынок, конкурентов, сами собираем контент, дизайн, верстку в целом упаковываем продукт, который презентуем клиенту, с которым он уже потом решает задачу. Мы сами разрабатываем все от А до Я. Клиент тратит на проект не более 5 часов от начала до полной сдачи. Работает как то так. Сам сайт не является главной ценностью продукта.
Сокращения текста, акции, УТП и прочие детали ближе к странице https://mikhailov.studio/business
5) "Для развития в digital среде..." специально висит на уровне с "хлебными крошками" для уравновешивания.
6) Кнопка "рассчитать стоимость" крошечная - у нее нет задачи быть большой тут. Большая кнопка на https://mikhailov.studio/business ))
7) Плюсик справа это кнопка - да можно повесить анимацию, благодарю
Этот блок в целом уже скоро обновим немного в другом формате. Если честно, мы понимаем что его скорее не будут читать, у него другая задача) но сейчас не самый удачный визул блока, согласен.
8) За висящие предлоги кстати спасибо, я сам это нелюблю, но видимо взгляд замылился, я тоже пропустил, благодарю!
9) Блок "Портфолио" да сократим по тексту, уберем лишнее
10)Блок "Являемся стратегическим партнёром..". понимаю про что вы, но это все к странице бизнеса, там как раз цифры
11) Консультация у арт-директора стоит 5000 руб - это если вы хотите пообщаться по вашему проекту отдельно, не в рамках разработки сайта, а в целом. Бесплатная консультация это как первый легкий шаг к знакомству и началу проекта. Согласен, возможно стоит пересмотреть формулировки.
12) Блок " С кем мы работали" - в большей степени прям на продуктах мы работает обычно 1 раз, так как все собираем мы. Далее они заводят другие проекты. Но суть понял, принял, поумаем и с прозрачностью тоже, у меня тоже были такие сомнения кстати
13) Блок "Можем работать" - тут не понятно, какие ссылки ставить, поэтому оставили как есть)
В любом случае самым важным аспектом остается задача сайта, мы понимали все риски данной страницы, но нам было важно показать какой дизайн можно сделать с помощью Tilda.
Еще раз благодарен за обратную связь!!!