Как начать разрабатывать красивые сайты с 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"
Опыт.
Мои первые сайты выглядели так:
Сейчас же работы выглядят примерно так:
95% заказчикам важно не как выглядит сайт, а как он продаёт
Если вы хотите создавать сайты не только с красивым визуалом, но и продающие, то к визуалу добавляется проработка SEO и грамотно выстроенный план сайта. ( не нужно, например, свой каталог пихать в самый конец сайта или козыри, которые могут повлиять на решение покупателя), но об этом в других частях статьи.
План статей:
- Визуал
- Расположение блоков и элементов
- SEO
- Аналитика
- Готовые решения и плюшки
-------
Хотите продающий сайт? Пишите мне - t.me/alexey_asp
Много воды о очевидные выводы: чтобы не чувствовать жажду, нужно просто пить воду.
Так о чём вообще была статья? Какой её посыл? Чисто прорекламировать свою тг?
Что для вас вода? Если вы ожидаете, что я выдам каждое пошаговое действие, то тут так не работает. Это советы для начинающих. Кто-то прочитал и для себя что-то выделил, а кому это ничего не дало. Вывод либо вы это знаете, либо не понимаете , или Вам это не нужно.
То что написали в своём посте, это самая настоящая вода. Будто читаю какую-то дипломную работу. Ясное дело, чтобы что-то получилось, нужно тренироваться. Сколько обычных юзеров подозревают об кроссбраузерности?
Можно было сэкономить время своё и просто указать ссылку на телеграм.
Ваще ниачём. Небо голубое, масло масляное успех успешный.
«Вау» - это для портфолио. На практике, для большинства бизнеса, сайт должен быть максимально понятным, структурированным и служить своей цели - продавать.
Фото «проект в стадии разработки» - УТП даже не видно, в глаза бросился сразу дизайн, но продать нужно ворота.
Сугубо личное мнение.
Что отличает устаревшие дизайны от современных - обилие текста заменено на краткие выжимки и инфографику, т.к. с телефона читать «простыни» совсем неинтересно.
1 абзац. Я об этом упоминал и в статье, и в комментариях - согласен
2 абзац. «В разработке»
3 абзац. Полностью согласен
Согласен с телефона и смотреть простыни фото тоже не интересно. Все просто на 80 процентов аудитории отрабатывает связка : зацепил внимание быстро переключил на нужную цель продажи. Но вот добиться такого эффекта нужно уметь. И иногда для сработки такой стратегии нужно что то из ВАУ области.
Факт😂
Бро, растровая графика- это графика
, созданная также с помощью математических формул)
Так я и не упоминал о ней. На самом деле у растровой и векторной графики есть свои плюсы и минусы, поэтому нужно отталкиваться от потребностей проекта, но при работе конкретно с сайтом рекомендую использовать векторную графику
Сайт должен решать свою задачу, а не быть "WOW"
Я упомянул об этом в данной статье
Огонь! Буду ждать продолжение, очень актуальная тема)) Спасибо за статью. Про видео-отзывы очень хорошая идея!
Ага желательно ещё рассказ про реализацию таких отзывов не замедляющей сайт
А Вы имеете ввиду именно делать сайты с видео-отзывами? Просто я сам комментарий писал именно с точки зрения наличия видео-отзывов, как у специалиста (не на сайте).
Но могу ошибаться)
Да именно с видео отзывами, есть пара вариантов реализации но нужно тэстить и думаю тильда для этого не пойдет. На WP ещё можно попробовать
Блин, интересное предположение. Я как раз планирую в скором времени заняться разработкой сайта, куда было бы неплохо вставить видео-отзывы. Обязательно поизучаю Wordpress) Спасибо!
Не за что будут вопросы обращайтесь. Всегда поможем и подскажем. Советы и консультации даем бесплатно, минимальную помощь тоже окажем бесплатно)) https://profflink.ru/
Отписал в ЛС
Необязательно их добавлять на сайт. Проще, думаю, сделать упоминание на сайте о их существовании и перевести на тот же ютуб канал, где могут находиться другие ролики, которые подтолкнут вашего клиента к сделке
Можно в место всем надоевшего окна чата, встроить плеер в правом условно говоря углу который будет рандомно воспроизводить отзывы)) но вот эффект от них може быть спорный, в любом случае тэстить нужно на людях))
Использовал виджет в некоторых проектах - цифры не сильно отличаются. Главное с виджетами не переборщить, а то часик ждать придется перед заходом на сайт
Да вы абсолютно правы в этом и кроется основная проблема.
Рад, что понравилось. Отразил в этой теме не всё. Только основное, что может помочь
Мой вау эффект был у китайского сайта - вот там просто восторг
https://lingscars.com
Это просто стиль олдскульный😂
мне даже в каком-то смысле понравился xD
В итоге получается прям Вауэффект?
Это образное выражение. Я бы склонялся больше к положительным эмоциям и погружении в атмосферу проекта при просмотре таких сайтов. При постоянной практике это будет получаться
Знание психологии, небольшая смысловая нагрузка в дизайне вот вам и весь вау эффект. Раскрыл всем тайну отличного продающего сайта без воды.
спасибо за отличную статью ☺️
Надеюсь чем-то помог😊
Комментарий недоступен
Не понял. Вы о чем?
"Вы можете использовать анимацию, видео, параллакс эффекты, а также любые другие техники" - самое главное, чтобы не было прелоадера при загрузке страницы, с виду такие сайты хоть и WOW, но со стороны удобства полное Г
Комментарий удален модератором
Комментарий удален модератором