Примеры сайтов созданных на Google Sites

Примеры сайтов сделанных на Google SItes

Google Sites – сервис Google для создания простых сайтов. Одно из главных его преимуществ — интеграция с другими приложениями поискового гиганта. На страницы можно вставлять не только видео с YouTube, но ещё и календари с личными отметками, документы, презентации, таблицы, формы, диаграммы и файлы с Google Drive.

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

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

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

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

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

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

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

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

2. Сайт образовательного учреждения

Сайт образовательного учреждения

Старый сайт школы. Неплохой пример того, как Google Sites можно использовать для создания некоммерческих проектов в сфере образования. На сайте много страниц: с информаций об учреждении, режимом работы, видами деятельности, объявлениями для учащихся и родителей. Есть раздел «Школьный музей» с вставленными видео с YouTube, фотогалерея, опросы.

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

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

3. Информационный портал о дальтонизме

Информационный портал о дальтонизме

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

Никакой специальной функциональности на сайте нет. Доступен поиск по страницам. Есть форма комментариев, но для её использования нужно авторизоваться. Однако сделать это не получается. По сути, такой же проект можно было написать в «Блокноте» на чистом HTML с небольшим добавлением CSS для стилизации интерфейса. Другое дело, что на Google Sites пользователи обходятся без работы с кодом.

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

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

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

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

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

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

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

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

5. Визитка частного мастера

Визитка частного мастера

Пример использования Google Sites для создания сайта-визитки специалиста. Оставим за скобками дизайнерские решения — всё это можно исправить в редакторе, особенно если выбрать один из современных шаблонов.

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

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

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

Выводы

Внешний вид сайтов, показанных выше, не должен вводить в заблуждение. Эти проекты сделаны на основе старых шаблонов Google Sites. Сейчас конструктор предлагает принципиально другие темы, которые свёрстаны с учётом современных требований к дизайну. Да, возможностей для кастомизации всё ещё очень мало, сайты получаются похожими друг на друга. Но они хотя бы не выглядят так, будто вы перенеслись на 15 лет назад.

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

Стоит ли использовать Google Sites для коммерческих проектов? Скорее, нет. Да, в галерее есть шаблоны для бизнеса. При желании можно собрать на их основе симпатичные сайты. Но есть важная деталь — на Google Sites очень быстро упираешься в границы дозволенного. Если проект будет развиваться, то функциональность бесплатного конструктора от Google не хватит. Если же вы делаете что-нибудь простое вроде портфолио или промо мероприятия, то Google Sites вполне подойдёт.

» Примеры сайтов » Примеры сайтов созданных на Google Sites