Craftum: о дизайне и создании сайтов
4.18K subscribers
615 photos
73 videos
315 links
Craftum — no-code конструктор сайтов за 10 минут от 149 рублей.

Здесь обновления платформы, а также рекомендации по созданию и продвижению сайтов.
Download Telegram
Как известные бренды, такие как HBO, Spotify, Twitter и Google, нарушают «правила дизайна».

В карточках показали примеры ☝️
👍7🥰3
А вы грешите правилами? 😄 Пишите в комментах, что нарушали 👇
Forwarded from Telescopy
This media is not supported in your browser
VIEW IN TELEGRAM
👍7🔥2
Хочу сегодня рассказать вам об одном недавнем кейсе — сайт для студии лазерной эпиляции и косметологии в Казани.

Задачей было разработать сайт с нуля — во всех смыслах этого слова:

1. Необходимо было продумать концепцию сайта (лендинг / многостраничник или что-то еще).

2. Активизировать все свои умения по копирайтингу и придумать полное описание для всех блоков на сайте.

3. Ну и стандартное: сделать прототип, составить мудборд, определиться со стилем и сделать дизайн-макет.

#день_с_дизайнером
👍6
Первая особенность сайта – это 3 параллельных типовых лендинга для 3 видов процедур в студии:

— лазерной эпиляции
— аппаратного скульптурирования тела
— инъекционной косметологии.

Но самое интересное из всей разработки было определиться со стилем. Заказчица хотела сайт в цветах логотипа. А он полностью серый. Обычного максимально среднего серого цвета.
🤔1
Путем небольших переговоров мы решили, что все-таки будем делать сайт в сером цвете. При этом все остальные элементы стиля были выбраны и одобрены с первого раза.

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

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

— получившийся серый цвет стал более глубоким и благородным
— я использовала несколько серых цветов для разных элементов
— фон сайта тоже стал светло-серого цвета.
👍62
This media is not supported in your browser
VIEW IN TELEGRAM
А вот, что у меня получилось. Заказчице всё понравилось, я сделала адаптивы и отдала сайт на вёрстку🙃

Пишите в комменты, как бы вы вышли из такой ситуации и как вам моё решение 🧐
🔥14👍3
Forwarded from Telescopy
This media is not supported in your browser
VIEW IN TELEGRAM
👍82
Вспомним классику, которую иногда полезно перечитывать даже гуру 😌

Топ-8 ошибок при создании сайта 👇

Не определена целевая аудитория (ЦА), для которой создается сайт

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

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

Для того, чтобы сайт привлекал новых клиентов, определяем:

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

Нет продающего оффера (УТП)

Продающий оффер — это уникальное торговое предложение (УТП), которое выделяет вас среди других конкурентов в нише.

УТП должно быть конкретным, понятным, измеримым и ограниченным во времени.

— Не зацепило – клиент ушел на сайт конкурента.

— Такие слова, как «качественный», «надежный», «уникальный» — уже перестали иметь ценность в предложении, которые используют все на рынке.

Старайтесь указывать выгодную для клиента конкретику. Показывайте, какую потребность он закроет, как только получит продукт.

Не привлекает внимание первый экран

Если пользователь спустя 5 секунд после открытия сайта не понял, что вы делаете и чем отличаетесь — он уйдет к конкурентам, где всё ясно и понятно с первых секунд.

На продающем первом экране находятся:

идентификатор компании в виде логотипа;
различные контакты для связи: телефон, форма, мессенджеры;
понятное и емкое УТП;
понятный визуал (картинка), чтобы человек в первые секунды на сайте понял, чем занимается компания, даже не вчитываясь в текст.

Нет призывов к действию (CTA)

Призыв к действию (call to action) — это не только способ диалога с потенциальными клиентами, но и мотивация к действию или конвертации в виде кнопок, ссылок и текста.
👍8
Не проработана адаптивная и мобильная верстка сайта

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

Если при разработке сайта уделяли внимание только десктопной версии, то советуем протестировать свой сайт на адаптацию с разных мобильных устройств.

Использованы сложные и обязательные формы обратной связи и регистрации

Собирайте только ту информацию, которая необходима для связи с клиентом. Часто достаточно форм имени и телефона.

Большое количество полей для заполнения оправдано только в тех случаях, когда это квиз-опрос.

За ответы на все вопросы посетитель получает бонус: скидку, гарантированный подарок и пр.

В этом случае пользователь замотивирован заполнить форму опроса полностью.

Не продуманы способы связи с вами

Посетителю сайта должно быть легко оставить заявку или связаться с вами.

Проверьте номера телефонов и ссылки почты на кликабельность, как в десктопной, так и мобильной версии сайта.

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

— Например, кнопка «Заказ звонка» в прилипающем меню при скроллинге дает возможность связаться с вами из любой части сайта.

— Также это может быть удобный чат-виджет, который позволяет заполнить форму, позвонить по номеру или заказать обратный звонок.

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

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

Использование стоковых изображений

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

Если для сайта выбираете стоковые изображения, то оценивайте его с самой критической точки зрения.

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

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

Уровень доверия к сайту и бренду снижается.

Подбирайте изображения с разных фотобанков и сервисов, которые гармонично подходят под стиль и эстетику бренда. Не оставляйте изображения с водяными знаками.
👍5
💣 Устроим прожарку сайтов?

1. Отправляй ссылку / скриншот своего сайта в комментарии

2. Переходи на сайт предыдущего комментатора и дай ему совет по улучшению сайта

3. Жди фидбэк от коллеги

Готово

🔗 Лучше услышать замечания от своих коллег и вовремя исправить все недочёты, чем прослыть в глазах клиента «не профи» 😉
🔥12
Мы снова это сделали! 😍

Вебинар Craftum: дизайн-разбор сайтов в прямом эфире💥

15 июня в 19:00 мск пройдет вебинар, на котором проведём дизайн-разбор ваших сайтов.

В прошлый раз было >100 заявок от вас на разбор, многие не попали и просили устроить такое ещё. Время настало 😈

Как это будет:

1. Вы приходите на эфир
2. Отправляете свой проект в чат трансляции
3. Получаете рекомендации по его улучшению от эксперта.

Что ещё важно знать:

— сайты из чата трансляции будем выбирать рандомно
в этот раз записи не будет, поэтому чтобы попасть на разбор, нужно прийти на эфир

Как записаться:

Всё просто — мы скинем ссылку на эфир в этот канал Включите уведомления, чтобы не пропустить.

Ждем вас 😊
🔥17👍11
This media is not supported in your browser
VIEW IN TELEGRAM
Флэшбеки с прошлого веба — смотрите какая тёплая атмосфера 😍

Кто был на прошлом вебе, признавайтесь: захотелось есть на разборе сайта «белкины пекарни?» 😁
🔥5👍3🥰3
Уже ждете вебинар? Мы тоже! Познакомим вас со спикером подробнее:

— Серго Мацони
— Работает в крутом агентстве
— Его клиенты — McDonald's, Сбер, Магнит, Heineken Mondelez и другие
— Проводит менторства начинающим дизайнерам.

«Я не понаслышке знаю, как сложно делать первые шаги в дизайне.

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

Скажу по своему опыту: без обратной связи и единомышленников расти сложно и медленно.

Поэтому не упускайте свой рост (пока ребята такое делают) и обязательно приходите! 💪»
👍4🔥43
Как ваши выходные? ☀️

Напоминаем, что 15 июня в 19:00 мск пройдёт вебинар, на котором проведём дизайн-разбор ваших сайтов💣

Записываться не нужно, скинем ссылку на канал 👌

Всех ждём ❤️
7👍4