{"id":14277,"url":"\/distributions\/14277\/click?bit=1&hash=17ce698c744183890278e5e72fb5473eaa8dd0a28fac1d357bd91d8537b18c22","title":"\u041e\u0446\u0438\u0444\u0440\u043e\u0432\u0430\u0442\u044c \u043b\u0438\u0442\u0440\u044b \u0431\u0435\u043d\u0437\u0438\u043d\u0430 \u0438\u043b\u0438 \u0437\u043e\u043b\u043e\u0442\u044b\u0435 \u0443\u043a\u0440\u0430\u0448\u0435\u043d\u0438\u044f","buttonText":"\u041a\u0430\u043a?","imageUuid":"771ad34a-9f50-5b0b-bc84-204d36a20025"}

Как начать разрабатывать красивые сайты с wow-эффектом в 2023 году

Приветствую читателей. Это 1 часть связанная с дизайном. Для начала предыстория.

Разрабатывая сайты ещё в 2017 году, я задумался о том куда ведут нас технологии и каким будет будущее для маркетинга и веб-разработки. Тогда уже было видно переход от гарантий качества продукта к бессмысленной гонке «У нас 1000000+ выполненных проектов (если не учитывать 999 990 из головы). Мы 150 лет на рынке, Сделаем за 450р»

И я действительно видел, что человек разрабатывает сайты за 450р

История из жизни.

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

Все сообщения были похожи и видимо стоит сказать спасибо лучшим экспертам в онлайн-школах, которые рассказывают, как эффективно себя продавать. ( Было даже сообщение на подобии : Давай ты займешься сексом с женой… а я буду делать сайты)

Большинство, из отправленных мне сразу, кейсов были шаблонные, сделанные тяп-ляп, подсмотрел там-сям. Были несколько достойных работ, но почему-то они лежали в портфолио у ~5 человек:) И вот я решил всё же списаться с одним из них — Романом.

Написал: «расскажи о себе и опыте работы», в общем стандартная процедура. И тут он мне выдаёт, что у него 230 завершенных работ и опыт работы с тильдой 12 лет, т.е. с 2010 года. Я решил проверить этот факт и просто забил в поисковике дату создания тильды и увидел 2014 год... Понял, принял. Спросил о проектах, и попросил рекомендации, видеоотзывы, благодарственные письма. Ничего этого нет, только кейсы в которых даже ссылок на сайты нет.

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

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

Сайты.

На самом деле wow-эффект может быть разносторонним, например:

Да это сайт, да этот скриншот сделан в 2023 году. Он действительно вызвал одну эмоцию - ВАУ. Насколько нужно иметь выдержку, чтобы настолько откладывать редизайн сайта под современные реалии.

Вы должны делать сайты, которые впечатляют посетителей своей красотой, необычностью и оригинальностью, а самое главное продавать. Хотите создавать такие сайты? Тогда несколько советов для Вас:

1. Изучите тенденции и практикуйтесь

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

2. Определите свой стиль

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

3. Сделайте сайт интерактивным

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

4. Используйте векторную графику и полупрозрачные эффекты

Еще один способ создания сайта с эффектом WOW – это использование векторной графики и полупрозрачных эффектов. Векторная графика – это графика, созданная при помощи математических формул, благодаря чему она без потери качества может быть увеличена и изменена. Это позволяет создать более качественный и детализированный дизайн.

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

5. Смотрите, как ваши работы выглядят на разных устройствах

В среднем >80% смотрят сайты с телефона, сделайте большой акцент на этом и позаботьтесь, чтобы у вас никуда не съезжали элементы.

Не бойтесь, подглядывайте в чужие работы, находите интересные элементы и адаптируйте под себя. Для вдохновения, я часто заходил на pinterest и просто вбивал : "landing page"

Опыт.

Мои первые сайты выглядели так:

Интернет-магазин вещей из игры Dota 2 за 1500р xD

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

Проект в стадии разработки

95% заказчикам важно не как выглядит сайт, а как он продаёт

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

План статей:

  1. Визуал
  2. Расположение блоков и элементов
  3. SEO
  4. Аналитика
  5. Готовые решения и плюшки

-------

Хотите продающий сайт? Пишите мне - t.me/alexey_asp

0
35 комментариев
Написать комментарий...
Илья

Много воды о очевидные выводы: чтобы не чувствовать жажду, нужно просто пить воду.
Так о чём вообще была статья? Какой её посыл? Чисто прорекламировать свою тг?

Ответить
Развернуть ветку
Петухов Алексей
Автор

Что для вас вода? Если вы ожидаете, что я выдам каждое пошаговое действие, то тут так не работает. Это советы для начинающих. Кто-то прочитал и для себя что-то выделил, а кому это ничего не дало. Вывод либо вы это знаете, либо не понимаете , или Вам это не нужно.

Ответить
Развернуть ветку
Илья

То что написали в своём посте, это самая настоящая вода. Будто читаю какую-то дипломную работу. Ясное дело, чтобы что-то получилось, нужно тренироваться. Сколько обычных юзеров подозревают об кроссбраузерности?
Можно было сэкономить время своё и просто указать ссылку на телеграм.

Ответить
Развернуть ветку
Александр Голубев

Ваще ниачём. Небо голубое, масло масляное успех успешный.

Ответить
Развернуть ветку
Olga Antufyeva

«Вау» - это для портфолио. На практике, для большинства бизнеса, сайт должен быть максимально понятным, структурированным и служить своей цели - продавать.
Фото «проект в стадии разработки» - УТП даже не видно, в глаза бросился сразу дизайн, но продать нужно ворота.
Сугубо личное мнение.
Что отличает устаревшие дизайны от современных - обилие текста заменено на краткие выжимки и инфографику, т.к. с телефона читать «простыни» совсем неинтересно.

Ответить
Развернуть ветку
Петухов Алексей
Автор

1 абзац. Я об этом упоминал и в статье, и в комментариях - согласен
2 абзац. «В разработке»
3 абзац. Полностью согласен

Ответить
Развернуть ветку
Blood Vall

Согласен с телефона и смотреть простыни фото тоже не интересно. Все просто на 80 процентов аудитории отрабатывает связка : зацепил внимание быстро переключил на нужную цель продажи. Но вот добиться такого эффекта нужно уметь. И иногда для сработки такой стратегии нужно что то из ВАУ области.

Ответить
Развернуть ветку
Петухов Алексей
Автор

Факт😂

Ответить
Развернуть ветку
Алексей Богомолов

Бро, растровая графика- это графика
, созданная также с помощью математических формул)

Ответить
Развернуть ветку
Петухов Алексей
Автор

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

Ответить
Развернуть ветку
Роман Рабочий

Сайт должен решать свою задачу, а не быть "WOW"

Ответить
Развернуть ветку
Петухов Алексей
Автор

Я упомянул об этом в данной статье

Ответить
Развернуть ветку
Smmowhich

Огонь! Буду ждать продолжение, очень актуальная тема)) Спасибо за статью. Про видео-отзывы очень хорошая идея!

Ответить
Развернуть ветку
Blood Vall

Ага желательно ещё рассказ про реализацию таких отзывов не замедляющей сайт

Ответить
Развернуть ветку
Smmowhich

А Вы имеете ввиду именно делать сайты с видео-отзывами? Просто я сам комментарий писал именно с точки зрения наличия видео-отзывов, как у специалиста (не на сайте).

Но могу ошибаться)

Ответить
Развернуть ветку
Blood Vall

Да именно с видео отзывами, есть пара вариантов реализации но нужно тэстить и думаю тильда для этого не пойдет. На WP ещё можно попробовать

Ответить
Развернуть ветку
Smmowhich

Блин, интересное предположение. Я как раз планирую в скором времени заняться разработкой сайта, куда было бы неплохо вставить видео-отзывы. Обязательно поизучаю Wordpress) Спасибо!

Ответить
Развернуть ветку
Blood Vall

Не за что будут вопросы обращайтесь. Всегда поможем и подскажем. Советы и консультации даем бесплатно, минимальную помощь тоже окажем бесплатно)) https://profflink.ru/

Ответить
Развернуть ветку
Smmowhich

Отписал в ЛС

Ответить
Развернуть ветку
Петухов Алексей
Автор

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

Ответить
Развернуть ветку
Blood Vall

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

Ответить
Развернуть ветку
Петухов Алексей
Автор

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

Ответить
Развернуть ветку
Blood Vall

Да вы абсолютно правы в этом и кроется основная проблема.

Ответить
Развернуть ветку
Петухов Алексей
Автор

Рад, что понравилось. Отразил в этой теме не всё. Только основное, что может помочь

Ответить
Развернуть ветку
Venom

Мой вау эффект был у китайского сайта - вот там просто восторг

https://lingscars.com

Ответить
Развернуть ветку
Петухов Алексей
Автор

Это просто стиль олдскульный😂

Ответить
Развернуть ветку
Петухов Алексей
Автор

мне даже в каком-то смысле понравился xD

Ответить
Развернуть ветку
Денис Еськин

В итоге получается прям Вауэффект?

Ответить
Развернуть ветку
Петухов Алексей
Автор

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

Ответить
Развернуть ветку
Blood Vall

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

Ответить
Развернуть ветку
Елизавета

спасибо за отличную статью ☺️

Ответить
Развернуть ветку
Петухов Алексей
Автор

Надеюсь чем-то помог😊

Ответить
Развернуть ветку
Аккаунт удален

Комментарий недоступен

Ответить
Развернуть ветку
Петухов Алексей
Автор

Не понял. Вы о чем?

Ответить
Развернуть ветку
Алексей Веснин

"Вы можете использовать анимацию, видео, параллакс эффекты, а также любые другие техники" - самое главное, чтобы не было прелоадера при загрузке страницы, с виду такие сайты хоть и WOW, но со стороны удобства полное Г

Ответить
Развернуть ветку

Комментарий удален модератором

Развернуть ветку

Комментарий удален модератором

Развернуть ветку
32 комментария
Раскрывать всегда