Веб-дизайнер на удалёнке

Что развивать: сайт или соцсети

2023-07-17T07:12:20.827Z

Бытует мнение, что в 2023 году сайты никому не нужны, а балом правят соцсети. Я считаю, что выбор каналов привлечения трафика сильно зависит от специфики бизнеса.

Постоянные подписчики телеграм-канала «Веб-дизайнер на удалёнке» знают, что с 2018 года я специализируюсь на дизайне сайтов для клиник, среди которых: Лёгкая стоматология, Крокодент, Эстетик и Топклиника, поэтому размышлять буду, опираясь на имеющийся опыт.

Фрагмент редизайна сервиса для продвижения в картах — Ранг.

Ребята из «Колтач» в прошлом году провели исследование и выяснили, что доля уникальных обращений в клиники через соцсети составляет 0,9% в регионах и всего 0,2% в Москве, а лидером по привлечению пациентов являются Геосервисы — 38%, среди которых:

Яндекс карты — 44,8%;
2GIS — 31,1%;
Google геосервисы — 24%.

Почему так много пациентов приходит в клиники через карты размышляют профессионалы из Ранга, для которых, кстати, я рисую ещё и приложение:

Фрагмент дизайна личного кабинета сервиса для продвижения в картах — Ранг.

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

И если вы не продавец помады, а целая стоматологическая клиника, то только одного Запрещёнограма или Вконтактика будет недостаточно для привлечения клиентов. Здесь нужен комплексный подход, среди которого дизайн сайта, формирующего доверие, занимает почётное второе место в доле уникальных обращений в российские клиники по каналам трафика.

Некст или история о том, как не надо веб-дизайнить. Часть II

2023-07-17T06:52:44.202Z

В первой части мы обозревали промо-сайт приложения для сжигания жира и набора мышечной массы — Некст. Рассмотрим его текущие недостатки и предложим эффективные дизайн-решения во второй половине разбора.

Первый экран

Прежде всего следует показать результат, на который хотелось бы ориентироваться. Для этого подойдёт фотография самого Игоря Войтенко, но в таком ракурсе, чтобы можно было разглядеть его отличную форму.

К ссылкам на Эпстор и Гуглплэй будет не лишним добавить ссылку и на Ютуб-канал автора, тем более что контент на нём публикуется действительно качественный.

Альтернативный вариант первого экрана промо-сайта Некст

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

Про лайфстайл

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

Лайфстайл выглядит как-то так, с реквизитами из мебели и путающимися под ногами карапузами.

Фирменные цвета

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

Тексты на однородном фоне читать гораздо удобнее, чем на смешанном.

Демонстрируйте продукт правильно

Не усложняйте пользователям задачу по разглядыванию продукта. Изображения должны быть полезными, крупными, без всяких наклонов, листалок и спойлеров.

Типографика

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

Примеры того, как можно разнообразить сухие тексты на сайте.

Результаты учеников и отзывы

Результаты учеников безусловно нужны и чем больше их будет, тем лучше. Наглядность в нашем случае действеннее тысячи слов.

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

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

Некст или история о том, как не надо веб-дизайнить. Часть I

2023-07-17T06:39:54.114Z

Сегодня обозрим промо-сайт приложения для сжигания жира и набора мышечной массы — Некст. Рассмотрим его текущие недостатки и предложим эффективные дизайн-решения во второй половине разбора.

Почему сейчас сайт не работает в полную силу

1. Первое впечатление

Предположим, что мы не случайно попали на эту страницу, а действительно хотим привести себя в форму в домашних условиях без дополнительного оборудования. То есть мы — реальная целевая аудитория приложения Некст и конвертировать нас в пользователей — плёвое дело. Вместо этого нас встречает обесцвеченный, затемнённый, абсолютно безэмоциональный фон и мельтешащий, сменяющийся каждые 2 секунды мокап смартфона со скриншотами приложения.

Первый экран сайта Некст

2. Релевантная картинка

Даже если не затемнять имеющуюся фотографию, то всё равно поза атлета не позволяет в полной мере разглядеть и примерить на себя шкуру хорошо сложённого человека.

Изображения для сайта лучше подбирать сразу с учётом места под текст или которые легко обтравливаются

3. Здрасти-мордасти

Автор приложения Игорь Войтенко — видеоблогер с 3 млн. подписчиков на Ютубе. Казалось бы, об этом надо КРИЧАТЬ, но на всём сайте не нашлось места даже для короткого упоминания о столь значимом факте в биографии спортсмена. Зато мы в избытке можем наблюдать различные прямоугольники восторга, прекрасно дополняющие абзацы текста.

Игорь Войтенко намекает, что вчикерит нам по-братски, если мы не купим его приложение

4. Про лайфстайл

Лайфстайл — это конечно хорошо, но в видеопрезентации он доведён до абсурда. Полуголый мужик качает пресс в коридоре какого-то офиса, а закадровый голос вещает: «Прогрессируй когда угодно и где угодно» 🤦‍♂️

Примечательно, что тренировкам дома без оборудования, ради которых мы тут собственно и околачиваемся, посвящены всего 2 секунды из 84-секундного видеоролика.

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

5. Демонстрация

Пришло время познакомиться с приложением поближе. Для этого наклоните голову на 45° вправо и, собственно, вот:

6. Результаты учеников

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

Нам показывают всего три примера трансформации. За одним из которых, вероятно, скрывается сам Игорь Войтенко

7. Без служб спасения на современной сайте никуда

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

8. Отзывы

После экрана с результатами учеников было бы наивно полагать, что отзывы будут более убедительными.

Качественно проработанный экран с результатами учеников уже сам по себе будет убедительнее любых отзывов

Продолжение во второй части...