Аудит сайта «АСФАЛЬТ АС СТРОЙ»

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

Если уделить полчаса и прочитать весь текст на сайте, станет понятно, что «АСФАЛЬТ АС СТРОЙ» — крупная компания, которой можно доверять. Но, к сожалению, никто не прочитает этот текст, потому что среднее время людей на сайте — 30-40 секунд.

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

У сайта две глобальные проблемы: он непонятный и неудобный

Непонятный, потому что все тексты рассказывают «вокруг да около», но нигде конкретно о преимуществах компании. Какие сроки? Какая гарантия? Фактов о компании мало и они разбросаны по всему сайту в случайном порядке.

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

Вот несколько советов, как сделать сайта лучше:

Пишите конкретно

Вместо «самой лучшей компании», «глубоких знаний» и «добросовестной компании» — напишите конкретные факты о компании.

Например. Работаем с 2010 года, в нашем штате специалисты с опытом 20 лет, которые ежегодно повышают квалификацию. Используем материалы класса N, которые закупаем напрямую с завода. Являемся постоянными подрядчиками города, укладывали асфальт на Сахарова, Вернадского и МКАДе.

Чаще всего, у клиентов нет времени вчитываться в текст сайта. Они хотят быстро пробежаться по тексту глазами и посмотреть картинки. Решение «позвонить» или «не позвонить» принимается моментально. Читателям приятно, когда о них позаботились — структурировали информацию и выделили самое главное.

Сделайте сайт для людей

Очевидно, сейчас сайт сделан для «роботов» Яндекса и Гугла. Да, возможно, сайт стоит в поиске немного выше конкурентов. Но сайтом пользуются не роботы, а живые люди. Они хотят небольшой понятный сайт, которым удобно пользоваться.

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

Поставьте свои фотографии и отзывы клиентов

Сайт пестрит картинками из интернета. Даже если некоторые из фотографий действительно ваши, этого никто не заметит. Когда на сайте нет своих фотографий, это резко снижает доверие клиентов.

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

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

Обновите дизайн сайта

Основа хорошего сайта — это структура и текст. Но внешний вид сайта говорит о том, что компания не стоит на месте и действительно развивается. Сейчас слова о «высоком уровне работ» на сайте выглядят неубедительно.

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

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

Выводы

Если задача сайта — чтобы он «просто был», с ней он справляется. Но если стоит цель побудить посетителя стать клиентом — это провал. Сайт невнятно рассказывает об услугах, запутывает посетителей лишними речевыми оборотами и пугает большим количеством страниц

Запускать рекламу на такой сайт нельзя. Это предсказуемо приведет к потере денег и разочарованию в рекламе как таковой.

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

Даже если компания «АСФАЛЬТ АС СТРОЙ» — лидер рынка, клиенты никогда не узнают об этом через такой сайт.

Что делать

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

Исправить ошибки самостоятельно или с моей помощью. Мне интересна тема производства, поэтому я буду рад помочь вам сделать удобный и красивый сайт, который будет внушать доверие к бизнесу. Для этого просто напишите мне — мы созвонимся и всё обсудим.

См. также:
Примеры моих работ
Мой метод создания сайта

Размазать фон, чтобы выделить объект

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

Сильнее всего отпугивает «мусор» на фоне — объекты на заднем плане, которые перетягивают внимание на себя. Этот мусор уводит взгляд, отвлекает читателя и не дает рассмотреть товар.

Чтобы выделить объект на фотографии, можно приглушить фон: размазать его или сделать черно-белым

БЫЛО

Серость, лужи, грязь и чужой логотип на заднем плане — всё спорит с главным Камазом

СТАЛО

Задний план чист и ненавязчив. Камаз «загорелся» и забрал всё внимание на себя

Этот прием особенно красив и эффективен, когда несколько фотографий стоят рядом. Например, в каталоге:

ПЛОХО

Каждая фотография перетягивает внимание на себя. Страница выглядит аляповатой и небрежной

ЛУЧШЕ

Легкий фон дополнительно отделяет Камазы друг от друга. Каталог выглядит опрятно и подчеркивает каждый автомобиль

Не начинайте работу с ТЗ

Зафиксировать условия в начале — значит исключить риски и обезопасить себя. Такой подход хорошо работает, если вы продаете щебень, путевки в Турцию или шкафы-купе.

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

К плохому результату приводят две ситуации:

Дизайнер просит заказчика заполнить ТЗ


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

Заказчик приходит с готовым ТЗ


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

Обе ситуации опасны, потому что создают разные ожидания. У заказчика в голове одно, у дизайнера — другое. Начать работать по ТЗ будет ошибкой.

Начните с обсуждения

Чтобы все понимали задачу одинаково, ее надо обсудить. Лучший способ — обсудить лично: на встрече, по телефону или скайпу.

ТЗ не поможет в разговоре, а только запутает. Нет смысла обсуждать будущий стиль сайта и любимые цвета, пока не ясна задача. Вдумчивый дизайнер в начале работы задает вопросы о бизнесе: «Как работает компания?», «Откуда приходят клиенты?», «Какую задачу будет решать сайт?».

После разговора дизайнер напишет, как он понял задачу, и предложит обсудить еще раз, чтобы заказчик сказал: «Да, так!».

Дальше можно работать, как угодно. Например, подписать договор и даже составить ТЗ, если без него никак.

Главное, что нужно помнить — хороший дизайнер не будет перекладывать ответственность за понимание задачи. Не будет требовать «четкого» ТЗ и списка функций. Он сам задаст нужные вопросы и выяснит, что нужно сделать.

Понять задачу — ответственность дизайнера

Нужно ли платить за сайт. Инструкция.

Да, платить нужно. Но можно платить меньше, если знать нюансы. Эта статья объяснит сколько и кому нужно платить за сайт и как избежать лишних трат.

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

За домен каждый год

Адрес вида «website.ru» называется доменом — его надо купить. Стоит от 149 ₽/год и оформляется на паспорт владельца.

Важно покупать домен самостоятельно. Иначе есть риск, что он будет принадлежать не вам. Попросите разработчика помочь или спросите как он будет это делать. Паспорт нужен только для российских доменов .ru и .рф. Для других, типа .com, .org или .net, паспорт не нужен. Чем более экзотичный выбор, тем дороже цена. Но отечественные адреса остаются самыми дешевыми. Если сайт будет на русском языке — выбирайте .ru.

За хостинг каждый месяц

Сайт должен где-то физически находиться. Такое место называется хостингом, и его надо арендовать. Стоит от 155 ₽/мес.

Зависит от метода создания сайта. Есть традиционное программирование, а есть конструкторы сайтов. Принципиальное отличие — кому принадлежит сайт.

  1. Сайт, который разработали вручную, — ваш. Это файлы, которые всегда лежат на вашем компьютере. Можно выбирать любой хостинг и перестать за него платить, если захотелось приостановить работу.
    Платить 155 ₽/мес. на хостинге рег.ру с тарифом «хост-А»

  2. Сайт на конструкторе — не ваш. Его нельзя скачать себе на компьютер, он навсегда останется в конструкторе. Если не платить несколько месяцев, сайт может исчезнуть.
    Платить в среднем 750 ₽/мес. А если заплатить тильде 6000 ₽, то скачать сайт все-таки возможно.

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

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

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

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

Коротко о том, нужно ли платить за сайт

  • За сайт нужно платить. За хостинг — от 155 ₽/мес. За домен — 149 ₽ каждый год.
  • Покупайте домен самостоятельно, потому что он оформляется на паспорт.
  • Имейте доступ к своему домену и хостингу. Попросите у разработчика пароль и поменяйте их на свой.
  • Когда надо быстро запустить сайт и протестировать рекламу, используйте конструктор сайтов, если сайт нужен всерьез и надолго — заказывайте разработку, чтобы сэкономить на хостинге.

Зачем нужен веб-дизайнер и причем здесь вазелин?

Рядовой обыватель мыслит просто: дизайнер – значит художник. В этой статье попытаюсь развеять этот миф.

Начнем с этимологии. Слово дизайн уходит корнями не только в английский, французский, но есть отголоски и в латинице. «Рисунок» – это лишь один из переводов. Другие значения в качестве глаголов: «конструировать», «проектировать», «осмыслять».

Важна суть, а не оболочка

Ошибочный перевод – ошибочное понимание сути. Это выливается ровно в две проблемы. 1. Заказчик начинает ожидать не сайт, а произведение искусства. 2. Сами веб-дизайнеры начинают заниматься не тем.

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

Главное – структура и текст

Думается, лучше стоит сосредоточиться на смыслах. Основную часть задачи решают не финтифлюшки и вензеля. Люди пришли на сайт за информацией, за товаром, за решением своей проблемы. Не имитируйте решение проблемы цветастым фоном и расписными картинками. Решите проблему.

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

Думайте про пользователей

Курсы и вебинары только покрывают понятие «веб-дизайн» толстым слоем вазелина. Бесполезно учить фотошоп, скетч и любой другой софт. Нельзя научиться думать про пользователей, изучая ретушь и кисти. Вспомните, для кого вы делаете сайт и с какой целью? (Подсказка: для конечного пользователя, а не для держателя вашей зарплаты)

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

Решайте задачу, а не рисуйте картинки

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

Как поднять уровень в веб-дизайне с помощью нейробиологии

История о том, как нейробиология помогает мне в веб-дизайне.

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

Сделаю оговорку, что я не биолог, а эта статья – мои умозаключения.

Эволюция издевается над нами уже 4 миллиона лет. Животные правила господствуют в обществе даже в нашем 2019 году. Почему бы не использовать эти правила в дизайне? Скажу вам точно, каждый дизайнер уже использует это, но неосознанно. Добавив понимания, качество работ выйдет на новый уровень.

Замечали, как работает память? Последняя серия Игры Престолов в мельчайших подробностях, тексты песен второсортных реперов, мемы про котиков – этой чепухой заполнен наш мозг. Все это вместо наших важных дел и планов. Мозг плевать хотел на ваши желания. Не вы управляете мозгом, а он вами. Этот гад запоминает только то, что нужно ему. Только то, что ему показалось важным. А что для мозга важно?

Ответ прост: выживание. С дизайном это связано напрямую.

Мы запоминаем все новое. То, чего никогда вы не видели раньше, тут же займет место в вашей памяти. Биология тут не сложная:

  1. Это опасно для жизни – нужно запомнить
  2. Это может помочь выжить – нужно запомнить

Хотите сделать дизайн, который будет производить впечатление? Делайте такой дизайн, которого раньше не было.

Нет стоит продумывать все заново. Не забывайте про UX. Пользовательский опыт превыше всего. Маленькое изменение – большой плюс к качеству дизайна.

При виде обычного сайта-лендинга или тривиального логотипа не возникает никаких чувств. Открыл – закрыл. Мозг уже это видел. Нет ни одной причины это запоминать. Другое дело – новинка, необычное, непохожее на серую массу.

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

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

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

5 главных трендов 2019 в веб-дизайне. Что нужно знать?

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

Следовать за толпой – быть узколобым бараном. Но и на месте оставаться нельзя. Необходимо искать новые решения, развиваться в профессиональном плане. Попробуй отстраниться от обеих точек зрения, хотя бы на время прочтения этой статьи. Когда ты знаешь, чем сейчас дышит народ, гораздо проще придумывать какие-то решения в своем дизайне или критиковать чужие.

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

1. Унификация интерфейсов

Можешь зайти в свой смартфон и проверить. Дизайн Instagram, Вконтакте, Telegram, Facebook и прочих выглядят одинаково. То же самое происходит и с веб-сайтами. Тренд продиктован тем, что не нужно изобретать велосипед. Сейчас это называется модным словечком UI/UX, но это было всегда.

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

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

2. Развитие градиентов

Тренды из-за той стороны горы доходят к нам с запозданием в несколько лет. В переливании цветов нет ничего сверхъестественного. Тем не менее, градиенты только начинают входить в наш дизайн.

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

3. Дизайн + код

Когда я делал свои первые сайты, знание html и css для веб-дизайнера было нормой. Сейчас обе дисциплины усложнились и знать все уже не получается. Несмотря на это, знание кода для дизайнера является огромным плюсом. Во-первых, если ты фрилансишь, для заказчика не имеет значение, что дизайн и код – это разные вещи. (Поверь, встречаются и такие). Во-вторых, знание основ верстки сильно прокачивает твои дизайнерские навыки.

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

4. Ориентированность на контент

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

Оставь больше свободного пространства. Дай человеку нормально почитать. Подбери хороший шрифт, сделай его покрупнее и оставь так. Если тебе важно показать клиенту продукт, хорошие фотографии – это все, что необходимо. Посмотри на сайт Apple, которые поступают так из года в год. Трижды подумай перед тем, как добавить какой-нибудь элемент в свой дизайн. Наоборот, лучше сделать его чистым и что-нибудь убрать.

5. Увеличение размера шрифта

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

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

Как стать востребованным веб-дизайнером в 2019? В этой статье ответа не будет.

За последний год количество курсов по веб-дизайну увеличилось до бесконечности. Сколько гуру и полугурков ты наблюдаешь каждый день? Только ленивый не проводит свои тренинги и вебинары.

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

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

1. Открой холодильник. Достань банку с огурцами и сделай для нее этикетку. 
2. Открой сайт, которым ты пользуешься каждый день и попробуй поменять дизайн. Поэкспериментируй и попробуй что-нибудь изменить в интерфейсе. Хотя бы поменяй цвет кнопки! 
3. Вот тебе еще вариант. Сделай сайт для парикмахерской, которая находится в твоем же доме. 

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

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

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

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

Как и было обещано, в этой статье не было дано никаких ответов о том, как стать востребованным веб-дизайнером в 2019 году. Напротив, я хочу, чтобы мой читатель задумался и нашел свой ответ на этот вопрос. Рано или поздно, ты придешь к тому, что ответ только в твоей собственной голове. Начни искать его как можно раньше!