Нейросети для создания сайтов
Иногда надо быстро соорудить лендинг, и совершенно нет идей, -а даже в Тильду надо что-то закидывать, - подборочка придется кстати. Вот список нейросетей для создания сайтов, начиная от лендингов, сайтов из имеющихся набросков, до создания макетов UI/UX, в зависимости от задачи:
draw-a-ui - Генерация сайта из простого наброска без знания кода, преобразует макет в рабочую страницу.
v0 - Инструмент позволяет сделать интерфейс по текстовому запросу или скриншоту. Готовый макет можно сразу проверить в работе, поднажимав кнопки.
Dora AI генерирует лендинги, блоги, портфолио и другие веб-страницы с уникальным дизайном за минуту.
Permar — генератор лендингов
Sidekick – быстрая генерация лендингов.
Uizard – создает макеты UI/UX, упростит проектирование в разы.
Jimdo – конструктор сайтов, работает по текстовому промту.
Durable – большой инструментарий для работы с web-платформами.
Zyro – такой же конструктор с расширенным функционалом для работы с компонентами.
Надеюсь, пост вам оказался полезен, присоединяйтесь к нашему каналу 🍳, мы регулярно публикуем новости ближайшего будущего, переводы видео и полезные сервисы
Редизайн сайта. Как понять, что бизнесу пора взбодриться?
Привет! Меня зовут Анна, я РОМ в веб-студии Пиробайт. Недавно к нам пришел клиент, который считал, что доработка функционала на сайте поможет удержать клиентов. Проблема в том, что новые фичи, о которых он просил — это верхушка айсберга. Под капотом скрывались устаревшие движок и дизайн, которым уже ничего не поможет.
И такие случаи не редкость.
Клиенты думают, что если вложиться в разработку и сделать все по канонам, то сайт проработает лет 20. К сожалению, это не так — он актуален около 5-7 лет, и виноваты в этом не только устаревающие тренды. Расскажу, как понять, когда бизнесу нужен редизайн. В конце будет мини-тест.
Что понимается под редизайном?
Обновление и улучшение сайта для повышения эффективности бизнеса. Целей у редизайна несколько:
Улучшение пользовательского опыта;
Усиление брендинга;
Улучшение визуальной привлекательности;
Увеличение конверсии;
Интеграция с новыми технологиями;
Повышение SEO-показателей.
Во время редизайна может меняться не только картинка, но и структура. Это как с ремонтом квартиры — вы не просто переклеиваете обои, но и утепляете балкон, чтобы расширить площадь.
Каким бы проработанным ни был ваш продукт, пользователи сперва видят его внешний вид. И вряд ли они будут доверять компании с устаревшим сайтом.
Когда нужен редизайн?
Всегда начинайте с вопроса «зачем?». Тим Браун (его компания разработала щетку Oral-B и мышь для Apple) как-то сказал: «необходимость в редизайне определяется тем, насколько вещь соответствует цели». А кто мы такие, чтобы с ним не согласиться?
1/6. Сайт не адаптирован под Android и iOS
Это значит, что дизайн и компоновка отображаются на смартфонах неправильно. Пользователю приходится увеличивать меню и текст для нормального восприятия. От этого страдает и SEO, потому что адаптив сейчас обязателен для всех сайтов, так как учитывается при ранжировании. Короче говоря — нет адаптива, не будет и топа-10 в Яндексе или Google.
2/6. Неудобное юзабилити
Проанализируйте поведение пользователей через Google Analytics и Яндекс Метрику. Отследите их время пребывания на сайте, процент отказов и конверсию. Если видите, что пользователь зашел купить товар, застопорился и вышел, или закрыл сайт при оформлении заказа, возможно, он не понимает, куда нажимать дальше. Поможет и обычное сравнение с конкурентами — пройдите путь оформления заказа на их сайте, посмотрите — удобно ли? Понятна ли навигация? Ничего не тормозит?
Слева неудобная форма обратной связи, на которой колонки расположены не попарно и неинформативная группировка записи. Справа все нормально
3/6. Дизайн морально устарел
Если дизайн не обновлялся последние 5 лет, считай, он устарел. Новые тренды появляются каждый год. Кто-то покидает нас сразу же, как было с неоморфизмом. Другие держатся на плаву десятилетиями, как минимализм.
4/6. Добавился новый функционал
Речь даже не о расширении услуг. Например, в крупных маркетплейсах сейчас можно купить товар в кредит или оплатить долями — популярность этой опции с каждым годом все выше, поэтому такой уровень сервиса пользователи будут ожидать от всех интернет-магазинов. А нет — уйдут к конкурентам.
То же самое можно сказать про функции персонализированных рекомендаций, умный поиск и фильтрацию, реферальную программу, подписку на товары и услуги, покупку в один клик — эти фичи сейчас на пике востребованности в e-commerce.
5/6. Сайт долго прогружается, есть проседание по SEO
Если у вас есть SEOшники, но результата от их работы мало, возможно, дело не в них, а в сайте — есть проблемы с архитектурой, загрузкой страниц, адаптивом, юзабилити (при ранжировании учитывается поведение пользователей). В общем — с тем, что исправить силами SEO-специалистов нельзя.
Если проблемы лежат не на поверхности, нужно подключать аналитиков, дизайнеров и разработчиков, чтобы они выяснили, в чем дело.
6/6. Поменялся брендбук
Если у вас был редизайн логотипа, сменились оттенки, шрифты, позиционирование, условия работы — это должно отразиться и в дизайне страниц сайта, чтобы не нарушилась айдентика и у пользователя не размылась ассоциация с вами. Целостный имидж и работа на узнавание — наше все.
Каким может быть редизайн?
Почему он вообще делится на какие-то виды, ведь редизайн — он и в Африке редизайн, разве нет? На самом деле нет, потому что все зависит от того, что у нас есть сейчас и чего мы хотим добиться. И само деление условное.
Полный
Из названия понятно, что это полная переработка сайта, от технологий (языка программирования, фреймворков, баз данных) до дизайна. Например, перешли с Tilda или WordPress на Laravel, поменяли популярный в 2015 году флэт-дизайн на минимализм с акцентными 3D.
Работа идет и на соответствие образу бренда, и на конверсию. Этот вариант нужен сайтам, сделанным 7-10 лет назад. Но тут спорный момент, возможно, будет проще и дешевле сделать его с нуля. Обычно выясняется после первой консультации с подрядчиком.
Визуальный
Обновляем блоки, разделы, цвета, шрифты, фото, видео и тексты. Можем добавить анимацию. Структуру не трогаем. Такой вариант используется для обновления образа бренда, когда с технологиями, юзабилити и конверсией все в порядке, но сам визуал устарел.
Например, не так давно был популярен скевоморфизм, избыточные декоративные элементы, графичность и стилизация под реальные предметы (книгу или журнал). Сейчас это устарело, но некоторые популярные сайты все еще на плаву. Например, Randewoo и Красное&Белое, но тут уже одним косметическим редизайном не отделаться:
Дизайн Randewoo перегружен текстовым и графическим стилями. Растровая иконка корзины плохо сочетается с контурными пиктограммами в верхней части шапки. Сама шапка состоит из 5 этажей (баннер, скидка, пиктограммы + авторизация, основная часть и меню) — такие конструкции создают высокую когнитивную нагрузку, пользователь может потеряться. Карточки товаров слишком далеко от первого экрана, да и сами они довольно мелкие, что критично для интернет-магазина
Антон Лисицкий, креативный директор
А что не так с К&Б? В интернете уже десятки разборов на эту тему, но если кратко — сайт до неприличности прост, все одинаково серое, нет акцента. Внимание сосредоточено на слайдере с баннерами, но и они выглядят неаккуратно, нарочито провинциально. Возможно, такая задумка и была, но изучать сайт не хочется.
Технический
Это тот случай, когда сайту мешает конкурировать не дизайн нулевых, а технические ошибки — часто открывается страница 404, не до конца прогружаются блоки, на серверах атаки. Больше всего это касается Joomla и Bitrix. Последний, кстати, взламывается чаще, особенно устаревшие версии. Поэтому советуем обновлять CMS-платформу хотя бы раз в год.
Часто владельцы сайтов переходят на новые движки, например, на Laravel, потому что этот фреймворк надежнее. Даже если сайт не обновлялся более 5 лет, его не станут взламывать, потому что это сложно. Но помните, что через 2-3 года код начнет «крошиться» даже на Laravel, если с ним ничего не делать.
Этапы редизайна
Редизайн проходит все те же этапы, что и разработка сайта с нуля:
Предпроектная или продуктовая аналитика
Проектирование и дизайн
Верстка и разработкаОбновление контента
Релиз
Тестирование (на самом деле сайт тестируется после каждого этапа)
Только стоимость и сроки могут быть меньше, но не факт. Если подрядчик обновляет визуал, то да — цена будет ниже, потому что задействован всего один этап. Чем больше экранов и элементов нужно отрисовать, тем дороже это будет стоить. Формула подсчета выглядит так:
Стоимость дизайна = количество затраченных часов × рейт студии (в среднем это 2000-6000₽/час)
Если нужны будут разработчики (нет своего штата), подключится еще один этап и сумма вырастет.
Если без подготовки выкатить обновления, всплеска продаж может и не быть. Нужно проводить аналитику и смотреть, не затронем ли мы жизненно важные функции, не сделаем ли хуже?
Мозг так устроен, что нам тяжело отказываться от старого. Поэтому, например, после редизайна крупные бренды часто сталкиваются с негативом, даже если новая версия лучше. Надо делать переход максимально безболезненным, как вариант — редизайнить сайт итерациями, каждые 2 недели выкатывая обновления (привет, скрам)
Про обновление контента тоже скажем пару слов. Придерживайтесь рекомендованной цветовой гаммы, а текст заказывайте у опытных копирайтеров. Нельзя, чтобы результат был выполнен не на 100%, иначе какой смысл в редизайне?
Вспомнился удачный пример — когда мы разрабатывали сервис по аренде яхт, клиент заказывал фотосессию у фотографа. Все фото, которые вы увидите в карточках Yaves — дело его рук. Красивые картинки отстроили от конкурентов, сайт и контент гармонируют, ну просто сказка.
Как редизайнулись известные бренды
Редизайн сайта Auto.ru
Как понять, что сайт устарел? Мини-тест
Если хотя бы на 3 пункта вы ответили «да», значит, это повод задуматься о редизайне:
Сайт не адаптирован для Android и iOS;
Он сделан на CMS и не обновлялся год;
Сделан на фреймворке и не обновлялся больше 3-х лет;
Дизайн выглядит старомодно;
Пользователям трудно найти нужную информацию;
Контент на сайте давно не обновлялся — все фото, видео и тексты устарели;
Нет популярного функционала (та же оплата долями, покупка в один клик);
Нет интеграций с системами автоматизации, многое приходится делать вручную (например, обновлять цены);
Вы не прочь бы все это внедрить, но разработчики говорят, что сайт не потянет этих обновлений;
Медленно прогружается, часто тормозит;
Упала конверсия, сайт плохо индексируется поисковиками.
Некоторые клиенты говорят, мол, зачем ломать то, что пока работает. К сожалению, это только пока. Старый сайт намного проще взломать и намного труднее продвинуть.
Что думаете по этому поводу вы?
Поиграем в бизнесменов?
Одна вакансия, два кандидата. Сможете выбрать лучшего? И так пять раз.
Обязательно ли настраивать сервисы аналитики для клиента
Когда я только начинал заниматься вебом, я часто задавался вопросом: нужно ли настраивать сервисы аналитики для клиентов? Однако сейчас я могу на 100% сказать, что это обязательный этап при разработке сайта. На это я вижу две причины:
1. Польза для заказчика. С помощью аналитики мы можем отслеживать поведение пользователей, а затем вносить правки на сайт, дорабатывая его структуру, офферы и прочие элементы. Это поможет повысить конверсию и удобство на сайте.
2. Отслеживание качества нашей работы. Анализ метрик поможет понять, насколько качественно выполнен наш сайт. Вот на что стоит обратить внимание:
• Показатель отказов
• Глубина просмотра
• Карты кликов и скроллинга
• Целевые действия
P.S: при анализе метрик важно понимать, из каких источников приходит аудитория. Например, если есть нецелевой трафик, то бессмысленно делать какие-либо выводы, ведь продукт на сайте не предназначен для этих пользователей.
👉 Чтобы получать больше материала из сферы веб-разработки и маркетинга, подписывайтесь на мой телеграм-канал
Курьезные ошибки в веб-дизайне: самые смешные и странные примеры
Веб-дизайн может быть источником множества курьезных ошибок, которые вызывают у пользователей недоумение, хуже того – мешают нормально взаимодействовать с сайтами. Некоторые компании оставляют все как есть, не обновляя интернет-представительства с 90-х годов, другие – игнорируют проблемы. Рассмотрим странные и смешные примеры веб-дизайна:
Pacific Northwest X-Ray Inc.
Компания предлагает портативные рентгеновские аппараты, очки, перчатки, фартуки и другие сопутствующие товары. Ее сайт известен своим неуклюжим и устаревшим дизайном, напоминающим стандарты 2000-х годов.
Доступен по ссылке: PNWX
Yale School of Art
Сайт Йельской школы искусств выделяется необычным и аляповатым дизайном, сложным для восприятия. Он включает множество элементов, которые перекрывают друг друга и остаются плохо различимыми на ярком фоне.
Доступен по ссылке: Yale School of Art
LingsCars.com
Сайт LingsCars.com – образец того, как делать не нужно. Компоновка разнообразия оттенков, много анимации и перегруженность информацией существенно усложняют восприятие. Правда, проект позиционируется в качестве «самого сумасшедшего сайта по лизингу автомобилей» – так оно и есть.
Доступен по ссылке: LingsCars
Arngren.net
Arngren.net – классический пример сайта с чрезмерным количеством информации на одной странице. Пользователю трудно ориентироваться из-за перегруженности различными элементами и предложениями.
Доступен по ссылке: Arngren.net
Suzanne Collins Books
Официальный сайт писательницы Сьюзен Коллинз, автора трилогии «Голодные игры» и экранизированного в прошлом году приквела «Баллада о змеях и певчих птицах», имеет совершенно несовременный дизайн. Здесь неудобные навигация и расположение основных элементов, незапоминающаяся цветовая гамма и изображения низкого качества. Такое ощущение, что он был создан в начале 2000-х.
Доступен по ссылке: Suzanne Collins Books
Эти примеры демонстрируют, как ошибки, некорректная реализация и отказ от обновлений делают сайты неудобными для обычных пользователей.
Может хоть тут залетит
Я вот эту е**нину (видео) делала, почти целый день, а оно ничерта не залетело, я тоже нет.
В моих влажных мечтах уже очередь из клиентов, а нет, все сухо, жаль, ну хоть вам покажу.
Мы создали уникальную анимацию для центра стоматологии. Эта креативная анимация, показывающая врачей центра, привлекает внимание пользователей, потому что картинка сменяется видео. Только у этой стоматологии есть такая эксклюзивная анимация, разработанная специально для них. Она помогает удерживать внимание посетителей на сайте, увеличивая время пребывания и улучшая показатели метрики.
P. S. Тут часто сидит мой муж, Саня, оцени!
Пожалуйста, отстраните Сову от дизайна!
Если что, я не член группы по тестированию нововведений на Пикабу.
Да, я вырезаю вашу невырезаемую рекламу после каждого восьмого поста. И не надо мне за это портить Ленту, уже не в первый раз какая-нибудь фигня происходит именно после того, как я баннерорезкой прохожусь по якобы важной, полезной и нужной (НЕТ!) рекламной информации.
Вот зачем надо делать массовые всплывающие окошки, предлагающие отписаться и подписаться буквально на каждый пост - и закрывающие собой содержимое поста? Вы действительно думаете, что я так подписываться чаще буду? А почему одно из этих окошек стабильно улетает в верхний левый угол экрана и медитирует там, пока страничку не перезагружу?
Вам за такое не стыдно? Мне бы было бы стыдно.
Upd: Явление-то массовое! - Очередное дно на Pikabu
Готовы к Евро-2024? А ну-ка, проверим!
Для всех поклонников футбола Hisense подготовил крутой конкурс в соцсетях. Попытайте удачу, чтобы получить классный мерч и технику от глобального партнера чемпионата.
А если не любите полагаться на случай и сразу отправляетесь за техникой Hisense, не прячьте далеко чек. Загрузите на сайт и получите подписку на Wink на 3 месяца в подарок.
Реклама ООО «Горенье БТ», ИНН: 7704722037
Нововведение
Открываю сегодня вечером сайт Пикабу в браузере ПК, и...
...@SupportTech, извините за мой французский: это что за хню вы придумали? Листаю ленту, и почти над каждым из постов всплывает эта хрень! Подскажите, пожалуйста, Н-А-Ф-И-Г-А??? Причём оно всплывает, перегораживает половину текста, и не убирается, сука! Вы это придумали, чтобы побесить аудиторию? А вам не приходило в голову, что это избыточная приблуда? Кому надо, тот и так подпишется на интересное ему сообщество. Все же люди самостоятельные, дееспособные. На каких дебилов расчитано это нововведение? Весьма неудачное, кстати. Отвращает людей от вашего сайта.
Уберите эту хрень КЕМ. Или добавьте в настройках возможность отключить эту куету навсегда. Если и впредь она будет постоянно мозолить глаза, ценность вашего ресурса упадёт.
ЗЫ: И лишите премии того чудака, который придумал эту дурацкую фишку.