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

4 варианта создания структуры сайта

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

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

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

У разделов каталога сайта могут быть как одинаковые фильтры, так и разные. Здесь все зависит от специфики реализуемой продукции.

Остальные дизайны сайтов на WordPress

Great Lengths Hair

Роскошный темный сайт, модная типографика с шрифтовыми контрастами – пример гибкой мощи WordPress. Полностью адаптивный дизайн с новыми HTML5 элементами. Для адаптации под мобильные и техник бесконечной загрузки задействованы JavaScript и фреймворки». При адаптивной навигации и чистом дизайне страницы быстро реагируют на ТАП.

Psfm Werkt

Эффектная подача материалов с hover и анимациями прокрутки, фиксированные фоны и контрастная сеточка при затемнении краев изображений оживляет компактный дизайн.

Platinum games

Platinum games – разработчик компьютерных игр из Японии. Шикарное темное вертикальное меню навигации придает солидности сайту компании, заявляющей о своем стремлении создавать только качественные игры.

Eginstill

Голландский сайт посвященный теме современного дизайна английской кухни. Чем этот WordPress сайт так привлекателен лучше смотреть самому. Да, интересно, что с довольно простой цветовой схемой можно получать потрясающие результаты.

Herald Sun

Новостной сайт, самый популярный в Австралийском штате Виктория. Образован слиянием двух крупных сайтов The Herald и The Sun News.

7 ключевых элементов, которые должны быть на главной странице сайта

Обязательные составляющие каждой главной страницы:

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

  • Комфорт пользователя во время нахождения на сайте – то, что можно выразить одним словом «юзабилити». Простое ориентирование на странице, отсутствие надоедливых флэш-баннеров и анимации, оптимизация под мобильные устройства – все это признаки того, что создатели сайта заботятся об удобстве посетителей.
  • Призыв к действию (СТА). Главная страница должна способствовать тому, чтобы пользователь провел на сайте как можно больше времени. Для этого на ней размещают первичные и вторичные CTA-элементы типа «Попробовать бесплатно», «Заказать прямо сейчас», «Больше информации» и так далее.
  • Качественный дизайн. Пользователи хорошо реагируют на профессиональное оформление главной страницы и сайта в целом. Для многих это знак того, что компании можно доверять.

Топ 6 полезных статей для руководителя:

  1. Как провести мозговой штурм среди сотрудников
  2. Этапы воронки продаж
  3. Закон Парето в бизнесе и в жизни
  4. Что такое трафик и как его посчитать
  5. Конверсия продаж: 19 причин низкой конверсии
  6. Обратный звонок на сайте

Жирные шрифты

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


Использование жирного шрифта компанией Samsung в рекламе своих продуктов

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

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

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

Основные этапы разработки дизайна сайтов

Этап 1. Разработка концепции дизайна. 

На этой стадии проекта дизайнер должен выбрать стиль будущего сайта, его дизайн в целом, а также дизайн каждой из страниц ресурса, разработать логотип для сайта, определиться с цветовой гаммой (если это необходимо).

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

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

Этап 2. Составление списка модулей сайта. 

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

Основные модули веб-ресурсов: логотип фирмы; название сайта (слоган); текстовый блок, знакомящий пользователей с тематикой сайта; изображение, подчеркивающее тематику сайта, блоки для контента, блок навигационного меню, блок с новостями и некоторые другие.

Блок регистрации и авторизации на сайте, поиск по ресурсу, реклама (контекстная, баннерная), различные формы общения на сайте, формы различных опросов являются дополнительными частями и модулями.

Этап 3. Создание внешней структуры сайта. 

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

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

Этап 4. Создание заготовок шаблона сайта. 

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

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

Обычно требуется создать несколько заготовок шаблона сайта. В дальнейшем мастер останавливает свой выбор на наиболее удачном варианте и на его основе создает макет сайта.

Этап 5. Подбор и обработка графики для сайта. 

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

Вас также может заинтересовать: СTА-элементы, которые привлекут больше клиентов

Этап 6. Графическая проработка модулей сайта. 

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

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

Этап 7. Создание макета сайта. 

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

Вот и все! На этом завершается работа с сайтом (разработка дизайна), а продвижение – это уже следующий этап работы с ресурсом, которые не менее важен.

Оставить заявку

Хороший дизайн помогает продавать

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

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

Сайт — маркетинговый инструмент и представительство компании в интернете. Клиент, попавший на страницу, должен легко и быстро находить нужную информацию, в противном случае он просто уйдет к конкурентам. 

Сайт компании «Ямалспецмаш»

Каталог техники от «Ямалспецмаш». На главной странице размещена информация о компании. Сам каталог опубликован в разделе «Модельный ряд», который состоит из двух частей: легковые вездеходы и тяжёлые вездеходы. Есть также страница со списком дилеров, галерея фотографий, контактные данные. Важная деталь — сам доступен в двух версиях, на русском и английском языках. При переключении переводится весь контент.

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

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

Общее впечатление: неплохое использование возможностей Google Sites для разработки электронного каталога продукции. В принципе, для каждой модели можно было сделать отдельную страницу с описанием. Разработчик сайта решил разместить эту информацию в виде PDF-документов — тоже пример использования интеграции с Google Drives.

Требования к структуре сайта от Яндекса и Гугла

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

Подробнее

Поисковые системы анализируют верстку ресурса по-своему. Их оценка сильно отличается от пользовательской, так как основывается на других принципах. Поисковые системы исследуют URL-структуру сайта. И у них есть определенные требования.

Рекомендации от Яндекса

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

  • Необходимо иметь четкую ссылочную структуру. Каждая страница или документ должны относиться к своему разделу. На каждую страницу должна вести хотя бы одна ссылка с другой страницы.
  • Для ускорения индексации сайта нужна его xml-карта.
  • С помощью файла robots.txt необходимо ограничивать индексирование служебной информации.
  • У каждой страницы должен быть уникальный URL-адрес. Разные страницы должны размещаться под разными адресами, а одна и та же страница должна иметь только один URL.
  • Ссылки на другие разделы необходимо делать текстовыми, так Яндексу проще анализировать информацию.
  • Нужно проверять корректность symlink-ов: когда пользователь переходит со страницы на страницу, адреса URL не должны суммироваться (пример от Яндекса, как быть не должно: example.com/name/name/name/name/).

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

Рекомендации от Google

Этот поисковик лаконичен. В отличие от Яндекса его требования к верстке просты, понятны и занимают всего несколько строк:

  • простая структура;
  • понятная логика URL-адреса;
  • слова, а не идентификаторы;
  • присутствие знаков пунктуации в URL (особенно рекомендуется дефис «-»);
  • короткие и простые URL.

Adobe XD

Многопользовательский режим работы

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

Режим совместного использования (Share mode) позволит вам передавать проект заинтересованным лицам, управляя правами доступа: есть функция защиты паролем. Использование артбордов будет легко отслеживать благодаря возможности уникальных имён для каждой ссылки.

Создание состояний

Для каждого элемента интерфейса теперь можно задать несколько вариативных состояний, рассчитанных на различные типы взаимодействия с пользователем (Hover, Pressed, Disabled ,Success.), благодаря этому дизайнеру не нужно прописывать несколько компонентов для разных сценариев, а включить варианты в набор состояний компонента.

Повтор сетки

Облегчить и ускорить работу над проектом поможет опция повтора сетки (активируется сочетанием Ctrl + r), позволяющая копировать группу объектов или целый слой.

Auto-animate

Auto-animate у Adobe XD отличается высокой скоростью и легкостью настройки, при этом еще нет возможности точного управления.

Создание и управление прототипами при помощи собственного голоса Голосовые триггеры и воспроизведение речи дают возможность прототипировать с помощью голоса. Эта функция уникальна и не реализована ни в одном другом сервисе.

Плагины

Пользователи могут самостоятельно писать плагины для Adobe XD на JavaScript, HTML и CSS. Кроме того, многие плагины Sketch были перенесены разработчиками в Adobe XD.

Совместимость с другими инструментами

Adobe XD создан на открытой платформе и совместим со многими другими инструментамине только из Adobe CC.

Импорт Sketch

К функции импорта файлов из Sketch добавлена возможность конвертировать существующие библиотеки Sketch в облачные документы XD, чтобы интегрировать Sketch Libraries без конфликтов.

Недостатки

  • Нет возможности тестировать прототипы на устройствах Android;
  • Нет доступа к программе без подписки (платной) в Adobe Creative Cloud;
  • Нет встроенного управления CSS кодом для передачи разработчикам;
  • Недостаточно настроек при работе с текстом;
  • Некоммерческая версия имеет жесткие ограничения: доступен только один активный общий проект, с которым взаимодействуют 1-2 редактора. Подключается одна активная общая ссылка.

Брутальный веб-дизайн

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

Стиль брутализм применяемый в веб-дизайнах:

gift.gucci.com – интерес к брутализму проявляют не только в веб дизайнерской среде: звездный бренд применяет не ради забавы

balenciaga.com – этот вид Web брутализма критик назвал минимализмом на стероидах (к примеру, mahzedahrbakery.com уже выглядит простым минималистичным сайтом)

Гранж

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

  • Природные цвета – черный, коричневый, песчаный.
  • Фон в виде потертых текстур, кирпичной кладки, каменной стены, бумаги
  • Искусственная состаренность
  • Шрифты причудливые, гротескные (не переусердствуйте в их выборе! Лучше остановиться на замысловатых вариантах для заголовков, а для остального текста выбрать читаемые рубленные шрифты)

Такой стиль не подойдет для проектов с серьезным контентом, а вот для салонов красоты, пекарен, ресторанов, барбер шопов и других будет уместен.

Примеры удачного оформления главной страницы сайта

1. Пример удачного оформления отзывов

Слагаемые успеха:

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

2. Эко Хлеб

  • Фотографии продуктов и отрисовка элементов выполнены с высоким качеством.
  • Цветовая гамма, логотип и детали оформления соответствуют ретро-стилю.

3. CloudPassage: видео на главной странице

Секреты удачной главной страницы:

  • Лаконичный дизайн без ненужных элементов. Текст, в котором заключена суть деятельности CloudPassage. Интересная дизайнерская находка для размещения видеоролика.
  • Единственный призыв к действию и работа на опережение: потенциальные сомнения пользователей развеиваются фразами «Без кредитных карт», «Без обязательств».

4. Персона

Слагаемые успеха:

  • Интересный логотип и продуманный слоган, продвигающий в первую очередь товар-локомотив – томатный кетчуп.
  • Элементы оформления подобраны и отрисованы с пониманием цели – поддержание имиджа компании, производящей достойный продукт.
  • Прокрутка страницы позволяет познакомиться с разными видами кетчупа, при этом меняется окружающая картинка.

5. Carbonmade

  • Стилистика иллюстрации из детской книжки создает доброжелательное и искреннее настроение.
  • Цифры, список преимуществ добавляют серьезности и убедительности.
  • Картинки, подобранные для иконок меню, предполагают наличие чувства юмора. Общее впечатление от главной страницы шутливое, но многообещающее.

6. Крошка Картошка

Известный бренд фастфуда на своем промо-сайте использовал сразу несколько интересных находок:

  • Общий позитивный настрой благодаря логотипу, цветовому решению и графике.
  • HotSpot тултип-подсказки расширяют кругозор пользователя интересными сведениями и картошке.
  • Доступен для прослушивания гимн компании (аудиомаркетинг).

7. Evernote.com: пример страниц описания сайта

Слагаемые успеха:

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

CTA «Попробуй Evernote бесплатно» расположена удачно – на стыке полей разного цвета, поэтому привлекает внимание деликатно, но настойчиво

8. Бургер Кинг: шрифт как главный герой

  • Удачное сочетание массивных букв, качественных фотографий и стилизованных элементов UI.
  • Динамическая подгрузка твитов выводит социальные доказательства во flip-блоки.

9. Unlocking

Мы считаем эту главной страницу достойной подражания, потому что:

  • У пользователя не вызывает сомнений назначение этого сайта. Блокировка телефона – проблема, знакомая многим, и на странице есть краткая инструкция по ее решению.
  • Удачное цветовое решение, основанное на контрасте. Социальные доказательства убеждают в эффективности ресурса: «Доверие миллионов: разблокировано более 4 млн. телефонов».
  • Вместо элемента CTA пользователю сразу предлагается заполнить краткую лид-форму: не надо переходить на следующую страницу и ждать ее загрузки.

Подробнее

10. Apidura – бренд велотоваров из Великобритании

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

11. eWedding

К главной странице этого сайта стоит присмотреться, потому что:

  • На ней нет ничего лишнего, все по делу, кратко и информативно.
  • Призыв к действию подтверждается размещенной рядом фразой «Создайте свой бесплатный свадебный сайт за 5 минут».

12. Moosend. Пример успешного редизайна главной страницы

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

13. Tribute Media — маркетинговое агентство из США

Для указания на выдвижное меню использованы стрелки и анимированные иконки, они же привлекают внимание к дублирующей навигации по вкладкам. CTAрасполагается в первом экране по F-схеме просмотра: лого> цифры> кнопка

Разновидности главных страниц сайта

Сайты создаются с различными целями: чтобы продавать товары, продвигать услуги, раскручивать бренд, предоставлять информацию и т. д. Контент главной страницы подбирается исходя из стоящих перед ресурсом задач. Разберем самые распространенные виды ГС в зависимости от направленности веб-площадки.

Для таких ресурсов характерно наличие сложной структуры, включающей более десяти веб-страниц.

2. Главная страница сайта услуг

Такие веб-площадки создаются для представления целевой аудитории перечня услуг компании-исполнителя и наглядной демонстрации ее преимуществ по сравнению с конкурентами.

На ГС сайта услуг располагают следующие обязательные блоки:

  • Каталог услуг с перелинковкой на те страницы, на которых они описываются более подробно. Если компания предлагает единственную услугу, ее детальная презентация проводится на ГС.
  • Прайс. Когда список услуг большой, на главной странице достаточно представить цены на самые востребованные из них, а также специальные предложения. Полный перечень цен размещают на специальной странице, на которую пользователь попадает после клика по кнопке «Прайс».
  • Портфолио. Завоевать доверие аудитории гораздо проще при помощи фотографий с примерами работ.
  • Достоинства. Цель этого блока – убедить потенциального клиента в том, что лучшего исполнителя он не найдет. Продемонстрируйте преимущества, которые выгодно отличают вас от конкурентов: эксклюзивное оборудование, высокий профессионализм специалистов, наикратчайшие сроки выполнения работ и т. д.
  • Адрес. Его отсутствие заставляет людей сомневаться в реальности существования компании, поэтому необходимо указать настоящее место нахождения главного офиса и филиалов.

Среди других часто встречающихся элементов ГС сайтов услуг можно отметить «Используемые инструменты». Здесь указываются марки станков, типы оборудования, происхождение сырья, словом, та информация, которая призвана побороть сомнения клиентов, хорошо знакомых со спецификой оказания продвигаемой услуги.

3. Главная страница сайта продукта

Ресурсы такого типа решают конкретную задачу – привлечь внимание пользователя и подтолкнуть к выполнению целевого действия, будь то оформление заказа, звонок в компанию или заполнение формы со своими контактными данными

Mobile First или не First?

Откуда начать — с веба или с мобилки? Дизайн сайта нередко сегодня начинается не с web-версии, а с мобильной. Люди всё больше и больше онлайн-времени проводят в мобильных устройствах, а не за широкими экранами. Из-за этого больше внимания стоит уделять мобильной версии, поскольку с большей вероятностью пользователи будут взаимодействовать именно с ней. Рекомендую начинать дизайн с мобильной версии, а потом уже адаптировать элементы под более широкие экраны — так вы избежите ситуации, когда красивый и изысканный блок на широком экране не понятно, как адаптировать под мобилу (которая важнее).

Но, опять же, подходите к этому вопросу осознанно: проанализируйте, где больше сидит ваша целевая аудитория? В каких условиях пользователь вероятнее будет решать свою задачу при помощи вашего сайта — сидя дома или на работе за ноутбуком или перебегая между станциями метро с телефоном и пакетами наперевес?

***

Сайт технического центра

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

Из интересного — к сайту подключен Google Translate, который позволяет быстро перевести контент на десятки языков. В одном из предыдущих примеров вы видели, что на Google Sites можно сделать две языковые версии. Использование Google Translate — альтернативный вариант.

На сайте есть раздел «Заявки». Сейчас на нём ничего не отображается, но, судя по всему, раньше там была гугловская форма. Это неплохое решение для сбора заявок. Можно создать форму на Google Forms, настроить интеграцию с Google Sheets и автоматически сохранять каждую заявку в электронную таблицу.

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

Оцените статью
Рейтинг автора
5
Материал подготовил
Илья Коршунов
Наш эксперт
Написано статей
134
Добавить комментарий