Дизайн — это не только корпоративные цвета и логотип в шапке. И даже не только расположение элементов, навигация и структура каждой страницы, но и даже выбор платформы. Как не запутаться и создать действительно крутой и удобный для конечного пользователя сайт?
1. Какой именно сайт делаем?
В зависимости от того, какой именно сайт мы делаем, будут и свои особенности в его внешнем виде, ведь при его создании мы будем использовать разные элементы и делать разные акценты, на которые должен обратить внимание посетитель сайта.
Сайт-визитка
Небольшой вебсайт с одной или несколькими страницами, обладающий минимумом функционала. Такие сайты создаются для того, чтобы утвердить свое присутствие в Интернете. Так что главное здесь — цепляющее описание и контакты для обратной связи.
Корпоративный сайт
Более сложный вариант. Здесь мы не ограничиваемся парой страниц, а создаём полноценную структуру. В зависимости от того, что необходимо для бренда заказчика, на сайте отводится место под раздел с примерами работ, календарём мероприятий, корпоративный блог. Но основным отличием корпоративных сайтов от сайтов-визиток является расширенный функционал, который даёт возможность интеграции с внутренними системами компании.
Интернет-магазин
Если проект создаётся для коммерции, то помимо каталога товаров или услуг на сайте появляется возможность их оплаты онлайн. Заблуждение считать, что такой сайт доступен только для крупных игроков рынка. Представители малого и среднего бизнеса также могут вывести свои продажи в Интернет благодаря созданию подобного сайта.
Посадочная страница (Landing page)
Лендинг, он же посадочная страница, — это своего рода гибрид всех трёх предыдущих видов. Он создаётся под определённое промо или акцию, чтобы побудить желание приобрести товар, услугу или оформить подписку.
2. Постановка задачи
Когда мы определились с тем, какой именно сайт нам предстоит делать, переходим к постановке технического задания. Для этого необходимо провести аналитику и ответить на несколько простых вопросов:
Какую цель мы преследуем?
Наша будущая страница может быть продающей, а может быть имиджевой и нести лишь информационный характер для увеличения узнаваемости и повышения доверия к бренду.
Чем наш продукт отличается от конкурентов?
Давайте сразу выделим все наши преимущества, вынесем их на первый план и покажем потенциальному клиенту то, чем мы можем его заинтересовать.
Какова наша основная целевая аудитория?
А, собственно, кому мы это всё собрались демонстрировать? Нужно понять клиента и предугадать его желания. Чем подробнее мы распишем его портрет, тем проще нам будет в дальнейшей работе над проектом.
Когда мы смогли сформулировать ответы на эти основные вопросы, тогда мы можем приступать к созданию первых варфреймов. На этом этапе мы рисуем приблизительную схему будущей главной страницы с последующей структурой. Определяем таким образом главные и второстепенные элементы будущего сайта.
Для постановки технического задания всё готово. Теперь мы собираем его, указывая общую миссию, целевых клиентов, структуру, необходимые модули в зависимости от целей сайта (диалоговые окна, возможность оплаты на сайте, поиск по фильтрам и т. д.), какую CMS мы выбираем и будет ли отдельная вёрстка под мобильную версию и другие технические требования. После этого переходим к созданию сайта.
3. Создаем макет сайта. UX/UI
Когда мы разобрались с тем, для чего создаётся наш будущий сайт, то мы можем приступить непосредственно к разработке. На этапе черновой сборки мы тщательно прорабатываем структуру, ведь посетитель сайта должен дойти до целевого действия всего за пару кликов. Также важно расположение всех элементов на страницах, выделение главных CTA.
Здесь UX/UI дизайнер должен создать удобный для каждого интерфейс, который стал бы дружественным и интуитивно понятным, но не перегруженным. И здесь важно увидеть интерфейс сайта глазами пользователя, понять его мотивацию и последующие шаги.
Признаки хорошего дизайна:
Ясность основной идеи. Пользователю понятно зачем он здесь и какие шаги сделать для достижения собственной цели.
Лаконичная, не перегруженная структура. Иначе пользователь попросту запутается во всех элементах сайта
Отзывчивость. Здесь мы имеем в виду быстрый отклик каждого элемента.
Эстетичность. Красивый сайт радует глаз!
4. Работа над оформлением
Если у заказчика отсутствует строгий брендбук по которому мы могли бы создавать последующее оформление сайта, то собираем мудборд — референсы, которые бы отражали общий стиль и настроение будущего сайта. На этом варианте также выбираем шрифты и основную цветовую гамму будущего проекта. Кстати, основной цвет страницы сайта может уже нести в себе определённую информацию.
Расскажем, как воспринимаются некоторые цвета в вебдизайне:
Черный: власть, строгость, сила. Консалтинговые компании, FinTech, брокеры , например наш клиент Grand Trade, коучи и предприниматели для своих сайтов-визиток часто используют именно чёрный цвет.
Белый: чистота, ясность, открытость. Пожалуй, самый популярный вариант для сайта.
Серый: серьёзность, профессионализм. “Сделайте нам, пожалуйста, как у Apple!”
Бежевый: нейтральность, нежность, стиль. Шоурумы, салоны красоты и сайты стилистов нередко выполнены именно в пастельно-бежевых тонах. Как пример, одежда ручной работы из натуральных тканей от Светланы Сильваши — Silvashi.
Фиолетовый: роскошь, романтика. Сайты кафе, кальянных, ночных клубов нередко встречаются именно в таких цветах.
Синий: стабильность, безопасность. Часто используется юридическими компаниями и в банковской сфере.
Зеленый: эко, стремление вверх, натуральность.
Оранжевый: энергия, дружелюбность, открытость новому. Интернет-магазины электроники или других сфер так или иначе связанных с энергией, например сервис Volt2Go для мобильной зарядки электротранспорта.
Желтый: веселье, солнце, лето, отдых. Туристические агентства практически в 100% используют этот цвет.
Красный: активные действия, стремление, страсть. Спортивные секции, клубы или команды, как например у хоккейного клуба “Авангард”, школы танцев. Также красный цвет разжигает аппетит, так что часто встречается в оформлении ресторанов, особенно в сегменте фаст-фуда.
Не забываем расположить на главной странице считываемый KV (Key Visual). Дословно — ключевое визуальное оформление. По сути это та самая картинка с билбордов или баннеров. Маскот или другой рекламный креатив, который важен для бренда, необходимо органично вписать в дизайн сайта.
5. Тестирование и запуск
Когда наш сайт уже практически готов к запуску, проводим его проверку. Тестируем все переходы между страницами сайта, кнопки и другие навигационные элементы, всё ли корректно работает и отображается, нет ли проблем с пониманием структуры. Немаловажно проверить и то, как сайт отображается с мобильных устройств.
Если всё исправно, то работа над дизайном подошла к концу, а сайт переходит в руки бэкэнда, где происходит разработка той части сайта, которая остаётся скрытой от конечного пользователя. Но это уже совсем другая история.
А чтобы ваш дизайн был привлекательным и функциональным, вы всегда можете доверить свой сайт в руки профессионалов. Наша команда готова помочь вам достичь именно тех визуальных решений, которые позволят улучшить опыт взаимодействия пользователя с вашим продуктом.
Павлова Ольга,
Маркетолог Secreate
Вам понравилось? Поделитесь в соцсетях.
Подпишитесь на новости
Получайте подборку полезных статей не чаще одного раза в неделю.
Рассчитаем ориентировочные сроки и стоимость проекта уже на первой консультации.
Спасибо за заявку
Мы скоро свяжемся с вами.
ПОЛИТИКА ЗАЩИТЫ И ОБРАБОТКИ ПЕРСОНАЛЬНЫХ ДАННЫХ «ОБЩЕСТВО С ОГРАНИЧЕННОЙ ОТВЕТСТВЕННОСТЬЮ "СЕКРИЭЙТ"»
Настоящая Политика в отношении обработки персональных данных (далее – Политика) составлена в соответствии с пунктом 2 статьи 18.1 Федерального закона «О персональных данных» № 152-ФЗ от 27 июля 2006 г., а также иными нормативными правовыми актами Российской Федерации в области защиты и обработки персональных данных и действует в отношении всех персональных данных Интернет-сайта «https://secreate.io/», расположенный на доменном имени «https://secreate.io/», которые сайт может получить о Пользователе во время использования сайта, программ и продуктов Интернет-сайта.
Оператор обеспечивает защиту обрабатываемых персональных данных от несанкционированного доступа и разглашения, неправомерного использования или утраты в соответствии с требованиями Федерального закона от 27 июля 2006 г. № 152-ФЗ «О персональных данных».
Определение терминов
В настоящей Политике конфиденциальности используются следующие термины:
— уполномоченные сотрудники на управления сайтом, действующие от имени «ОБЩЕСТВА С ОГРАНИЧЕННОЙ ОТВЕТСТВЕННОСТЬЮ "СЕКРИЭЙТ"», которые организуют и (или) осуществляет обработку персональных данных, а также определяет цели обработки персональных данных, состав персональных данных, подлежащих обработке, действия (операции), совершаемые с персональными данными.
«Персональные данные»
— любая информация, относящаяся к прямо или косвенно определенному или определяемому физическому лицу (субъекту персональных данных).
«Обработка персональных данных»
— любое действие (операция) или совокупность действий (операций), совершаемых с использованием средств автоматизации или без использования таких средств с персональными данными, включая сбор, запись, систематизацию, накопление, хранение, уточнение (обновление, изменение), извлечение, использование, передачу (распространение, предоставление, доступ), обезличивание, блокирование, удаление, уничтожение персональных данных.
«Конфиденциальность персональных данных»
— обязательное для соблюдения Оператором или иным получившим доступ к персональным данным лицом требование не допускать их распространения без согласия субъекта персональных данных или наличия иного законного основания.
«Пользователь сайта (далее - Пользователь)»
— лицо, имеющее доступ к Сайту, посредством сети Интернет и использующее Сайт.
«Cookies»
— небольшой фрагмент данных, отправленный веб-сервером и хранимый на компьютере пользователя, который веб-клиент или веб-браузер каждый раз пересылает веб-серверу в HTTP-запросе при попытке открыть страницу соответствующего сайта.
«IP-адрес»
— уникальный сетевой адрес узла в компьютерной сети, построенной по протоколу IP.
Общие положения
Использование Пользователем сайта означает согласие с настоящей Политикой конфиденциальности и условиями обработки персональных данных Пользователя.
В случае несогласия с условиями Политики конфиденциальности Пользователь должен прекратить использование сайта.
Настоящая Политика конфиденциальности применяется только к сайту «https://secreate.io/», «ОБЩЕСТВО С ОГРАНИЧЕННОЙ ОТВЕТСТВЕННОСТЬЮ "СЕКРИЭЙТ"» не контролирует и не несет ответственность за сайты третьих лиц, на которые Пользователь может перейти по ссылкам, доступным на сайте.
Администрация сайта не проверяет достоверность персональных данных, предоставляемых Пользователем сайта.
Предмет политики конфиденциальности
Настоящая Политика конфиденциальности устанавливает обязательства Администрации сайта по неразглашению и обеспечению режима защиты конфиденциальности персональных данных, которые Пользователь предоставляет по запросу Администрации сайта при регистрации на сайте или при оформлении заявки.
Персональные данные, разрешённые к обработке в рамках настоящей Политики конфиденциальности, предоставляются Пользователем путём заполнения регистрационной формы на Сайте «https://secreate.io/», включают в себя следующую информацию:
фамилию, имя, отчество Пользователя;
контактный телефон Пользователя;
адрес электронной почты Пользователя;
Интернет-сайт защищает Данные, которые автоматически передаются в процессе просмотра рекламных блоков и при посещении страниц, на которых установлен статистический скрипт системы («пиксель»);
IP адрес;
информация из cookies;
информация о браузере (или иной программе, которая осуществляет доступ к показу рекламы);
время доступа;
адрес страницы, на которой расположен рекламный блок;
реферер (адрес предыдущей страницы).
Отключение cookies может повлечь невозможность доступа к частям сайта, требующим авторизации.
Интернет-сайт осуществляет сбор статистики об IP-адресах своих посетителей. Данная информация используется с целью выявления и решения технических проблем, для контроля законности проводимых финансовых платежей.
Любая иная персональная информация, не оговоренная выше (история покупок, используемые браузеры и операционные системы и т.д.) подлежит надежному хранению и нераспространению, за исключением случаев, предусмотренных в п.п. 5.2. и 5.3. настоящей Политики конфиденциальности.
Цели сбора персональной информации пользователя
Персональные данные Пользователя Администрация сайта может использовать в целях:
Предоставления Пользователю доступа к персонализированным ресурсам Сайта.
Установления с Пользователем обратной связи, включая направление уведомлений, запросов, касающихся использования Сайта, оказания услуг, обработка запросов и заявок от Пользователя.
Определения места нахождения Пользователя для обеспечения безопасности, предотвращения мошенничества.
Подтверждения достоверности и полноты персональных данных, предоставленных Пользователем.
Уведомления Пользователя Интернет-сайта о состоянии Заказа.
Предоставления Пользователю эффективной клиентской и технической поддержки при возникновении проблем связанных с использованием Интернет-сайта.
Предоставления Пользователю с его согласия, обновлений продукции, специальных предложений, информации о ценах, новостной рассылки и иных сведений от имени Интернет-сайта или от имени партнеров Интернет-сайта.
Осуществления рекламной деятельности с согласия Пользователя.
Предоставления доступа Пользователю на сайты или сервисы партнеров Интернет-сайта с целью получения продуктов, обновлений и услуг.
Способы и сроки обработки персональной информации
Обработка персональных данных Пользователя осуществляется без ограничения срока, любым законным способом, в том числе в информационных системах персональных данных с использованием средств автоматизации или без использования таких средств.
Пользователь соглашается с тем, что Администрация сайта вправе передавать персональные данные третьим лицам, в частности, курьерским службам, организациями почтовой связи, операторам электросвязи, исключительно в целях выполнения заказа Пользователя, оформленного на Сайте «https://secreate.io», включая доставку Товара.
Персональные данные Пользователя могут быть переданы уполномоченным органам государственной власти Российской Федерации только по основаниям и в порядке, установленным законодательством Российской Федерации.
При утрате или разглашении персональных данных Администрация сайта информирует Пользователя об утрате или разглашении персональных данных.
Администрация сайта принимает необходимые организационные и технические меры для защиты персональной информации Пользователя от неправомерного или случайного доступа, уничтожения, изменения, блокирования, копирования, распространения, а также от иных неправомерных действий третьих лиц.
Администрация сайта совместно с Пользователем принимает все необходимые меры по предотвращению убытков или иных отрицательных последствий, вызванных утратой или разглашением персональных данных Пользователя.
Обязательства сторон
Пользователь обязан:
Предоставить информацию о персональных данных, необходимую для пользования Интернет-сайтом.
Обновить, дополнить предоставленную информацию о персональных данных в случае изменения данной информации.
Администрация сайта обязана:
Использовать полученную информацию исключительно для целей, указанных в п. 4 настоящей Политики конфиденциальности.
Обеспечить хранение конфиденциальной информации в тайне, не разглашать без предварительного письменного разрешения Пользователя, а также не осуществлять продажу, обмен, опубликование, либо разглашение иными возможными способами переданных персональных данных Пользователя, за исключением п.п. 5.2. и 5.3. настоящей Политики Конфиденциальности.
Принимать меры предосторожности для защиты конфиденциальности персональных данных Пользователя согласно порядку, обычно используемого для защиты такого рода информации в существующем деловом обороте.
Осуществить блокирование персональных данных, относящихся к соответствующему Пользователю, с момента обращения или запроса Пользователя или его законного представителя либо уполномоченного органа по защите прав субъектов персональных данных на период проверки, в случае выявления недостоверных персональных данных или неправомерных действий.
Ответственность сторон
Администрация сайта, не исполнившая свои обязательства, несёт ответственность за убытки, понесенные Пользователем в связи с неправомерным использованием персональных данных, в соответствии с законодательством Российской Федерации, за исключением случаев, предусмотренных п.п. 5.2., 5.3. и 7.2. настоящей Политики Конфиденциальности.
В случае утраты или разглашения Конфиденциальной информации Администрация сайта не несёт ответственность, если данная конфиденциальная информация:
Стала публичным достоянием до её утраты или разглашения.
Была получена от третьей стороны до момента её получения Администрацией сайта.
Была разглашена с согласия Пользователя.
Разрешение споров
До обращения в суд с иском по спорам, возникающим из отношений между Пользователем Интернет-сайта и Администрацией сайта, обязательным является предъявление претензии (письменного предложения о добровольном урегулировании спора).
Получатель претензии в течение 30 календарных дней со дня получения претензии, письменно уведомляет заявителя претензии о результатах рассмотрения претензии.
При недостижении соглашения спор будет передан на рассмотрение в судебный орган в соответствии с действующим законодательством Российской Федерации.
К настоящей Политике конфиденциальности и отношениям между Пользователем и Администрацией сайта применяется действующее законодательство Российской Федерации.
Дополнительные условия
Администрация сайта вправе вносить изменения в настоящую Политику конфиденциальности без согласия Пользователя.
Новая Политика конфиденциальности вступает в силу с момента ее размещения на Интернет-сайте, если иное не предусмотрено новой редакцией Политики конфиденциальности.
Все предложения или вопросы по настоящей Политике конфиденциальности следует сообщать администрации сайта.
Действующая Политика конфиденциальности размещена на странице по адресу: https://secreate.io
Банк:
МОСКОВСКИЙ ФИЛИАЛ АО КБ "МОДУЛЬБАНК"
БИК: 044525092
К/с №:30101810645250000092
Юр. адрес:
115211, город Москва, ул Борисовские Пруды, д. 6 к. 1, этаж 1 помещ./ком. I/9
Генеральный директор
Носов Александр Валерьевич
hello@secreate.io +7 495 018 82 85