Еще лет десять назад даже для создания простенького сайта люди выделяли бюджет и нанимали команду, состоящую минимум из дизайнера и разработчика. А дальше ТЗ, бесконечные переписки, куча правок...
К счастью, эти времена прошли, и сегодня инструменты конструкторов и облачных веб-платформ позволяют самому создать красивый и функциональный сайт всего за несколько часов.
Или некрасивый и нефункциональный… Такое тоже бывает. Потому что хостинг есть, инструменты имеются. Вроде бы все понятно - бери и делай. Но часто на выходе получается посадочная страница в лучших традициях начала нулевых.
Сегодня поговорим о том, как создать классный сайт-визитку. Уверена, при правильном подходе это может сделать каждый.
Итак, с чего начать…
Цель
Начнем с того, что есть ты, ты чем-то занимаешься и хочешь рассказать об этом на своем сайте. Шанель говорила, что “у тебя не будет второго шанса создать первое впечатление”. С онлайн-презентацией еще “веселее”. Там действует правило 3-х секунд. Три секунды в среднем нужно каждому из нас, чтобы решить, оставаться на сайте или нет.
Поэтому цель твоего сайта должна быть ясна сразу. Если это сайт-визитка, то самопрезентацию нужно выполнить на высшем уровне: кто ты, чем занимаешься, для чего создал/а этот сайт.
Прототип
Лучше, если это будет хорошо структурированный сайт с продуманной навигацией. У посетителя всегда должна быть возможность вернутся на главную или на любую другую ранее открытую страницу. Будь то посредством меню или кнопки - не важно.
Сайт-лабиринт или сайт-квест, где нужно куда-то добраться или откуда-то выбраться - не лучшая идея для визитки. Если информации много, лучше предпочесть лендингу многостраничник. Если все же лендинг, то хорошим решением будет разделить страницу на блоки и добавить якорное меню.
Навигация должна быть интуитивно понятной. Ну, или приготовься вместе со ссылкой на сайт сбрасывать “руководство пользователя” :)
Кстати, на современных платформах есть сотни готовых шаблонов. Если пазл не складывается, можно посмотреть примеры или вовсе создать сайт на основе макета. Останется только добавить качественный контент, подобрать цветовую палитру, несколько простых настроек, и твой сайт будет не отличить от “написанного на коде”.
Дизайн
Зрительное восприятие общей картинки срабатывает до того, как мы начинаем рассматривать и читать.
В идеале весь сайт должен быть выполненный в 2-3 цветах, которые хорошо сочетаются между собой. Позаботься чтобы текст был читабельным, а главная информация воспринималась легко и быстро. Если сложно, возвращаемся к шаблонам: там есть готовые цветовые палитры, которые можно использовать.
Осторожно с анимацией. На сайтах-визитках мигающий текст или фото чаще всего выглядят безвкусно и даже могут раздражать пользователя. Если хочется добавить динамичности, пусть это будут плавные переходы: прокрутка, параллакс, интересная смена страниц.
Если у тебя не очень много опыта в создании сайтов, то и в дизайне, и в структуре хорошо работает правило “чем проще, тем лучше”.
Контент
Контент имеет не менее важное значение, чем визуализация. Особенно это касается визиток.
Изображения. Добавляй только качественные фото. Если есть возможность, лучше доверить фотосессию профессионалам. Если нет, рекомендую изучить пару курсов по созданию фото. Даже фото, сделанное на смартфон, при правильной обработке может выглядеть весьма привлекательно.
Фото с тобой на сайте-визитке считается правилом хорошего тона. Если не хочешь добавлять его на Главную, можно добавить на страницу “Обо мне”. Все зависит от структуры и дизайна твоего сайта.
Если добавляешь не только персональные фото, лучше использовать стоковые изображения (в том числе бесплатные). Поиск изображений в поисковике - не лучший вариант, зачем портить репутацию обвинениями в плагиате.
Текст. Как и с фото, правило номер один - “нет нарушению авторских прав”. Текст должен быть уникальным. Или публикация с разрешения автора со ссылкой на первоисточник.
Пиши грамотно, придерживаясь собственного стиля. Заголовками постарайся привлечь внимание посетителя, названиями кнопок побудить к действию.
В целом лучше писать лаконично и хорошо структурировать текст. В эпоху переизбытка информации и постоянной спешки мы “выхватываем” важное за несколько минут… или не читаем вовсе.
Руководствуясь той же логикой, проверь, чтобы текст был читабельным и на мобильной версии сайта.
У тебя все получится!
Будут вопросы, пиши. По-дружески всегда подскажу и проконсультирую.
Катерина Кикоть, 2021
Comments