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

uCoz — один из самых известных и мощных конструкторов сайтов. В умелых руках — это отличный инструмент веб-разработки, на котором можно реализовывать разные проекты: сайты организаций, новостные порталы, интернет-магазины.

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

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

1. Интернет-магазин разных товаров Amazin.su

Интернет-магазин разных товаров Amazin.su

Ещё один пример интернет-магазина, разработанного на uCoz. На главной странице — блоки с популярными товарами, новинками и бестселлерами, реализованные в виде каруселей. Каталог товаров разделён на категории и подкатегории.

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

К сайту подключен виджет для общения с менеджером. Можно связаться с представителем магазина через Instagram, «ВКонтакте», заказать обратный звонок или пообщаться в онлайн-чате. В хедере также отображаются телефоны, по которым можно звонить.

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

Дизайн адаптивный. Заказывать товары со смартфона так же удобно, как с десктопа.

Общее впечатление: профессиональная разработка интернет-магазина, которая демонстрирует коммерческие возможности конструктора uCoz.

2. Сайт полезных советов

Сайт полезных советов

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

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

Социальная составляющая сайта — комментарии. Форма размещена под каждым постом. Чтобы оставить комментарий, нужно зарегистрироваться. Можно создать учётную запись по электронной почте или авторизоваться через профили в соцсетях. В хедере также размещены ссылки на страницы сайта на Facebook, в Twitter и «ВКонтакте».

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

Общее впечатление: хороший сайт, сделанный опытным веб-разработчиком, который неплохо изучил возможности конструктора uCoz.

3. Благотворительный портал защиты прав животных

Благотворительный портал защиты прав животных

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

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

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

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

Общее впечатление: максимальное использование социальных инструментов uCoz. Мощный пример того, как нужно применять модули «Форум» и «Доска объявлений».

4. Новости смешанных единоборств

Новости смешанных единоборств

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

На сайте поддерживается регистрация пользователей. Можно создать аккаунт через форму на сайте или воспользоваться профилем в соцсети. За регистрацию отвечает стандартный виджет uCoz. Авторизированные пользователи могут оставлять на сайте комментарии к постам.

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

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

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

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

5. Юридическая консультация

Юридическая консультация

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

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

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

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

Что мы имеем в итоге? Яркий пример потенциально хорошего, но сырого сайта на Юкозе. Реальную ценность для посетителей представляет разве что главная страница – там много полезной информации, почти всё остальное не доведено до ума или является лишним. Пример того, как делать не нужно.

6. Магазин мебели для животных

Магазин мебели для животных

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

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

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

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

7. Образовательный сайт

Образовательный сайт

Портал Центра непрерывного образования. Вообще, сайты образовательных учреждений хорошо получаются на Юкозе, он подходит для их создания отлично, но именно данный проект нельзя назвать удачным. Дизайн обычный, чистый, яркий местами. Адаптивный, что важно. Главная страница, помимо слайдера в шапке, даёт ссылки на последние новости, альбомы и полный перечень контактных данных в футере. Есть версия для слабовидящих.

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

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

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

8. Сеть медицинских клиник Москвы

Сеть медицинских клиник Москвы

Саф-Мед – многопрофильный онлайн-сервис, объединяющий сеть клиник различных направлений, в т.ч. стоматологию и косметологию. Т.е. пользователь может выбрать на сайте необходимую клинику или услугу и записаться на прием.

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

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

Общее впечатление – полезный ресурс с логичной навигацией. Не лишним было добавить на сайт виджет онлайн-чата или обратного звонка.

9. Магазин мобильных устройств

Магазин мобильных устройств

Магазин 4Ginet реализует широкий спектр мобильного оборудования для работы с сетями 3G и 4G. На главной странице, кроме стандартных блоков (шапка, подвал), компактно размещены вертикальные блоки с популярными товарами, бестселлерами и новинками, а также график работы и описание магазина. Контактные данные и ссылки на соцсети находятся в футере. Для быстрой связи с менеджером установлен виджет онлайн-чата.

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

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

Общее впечатление – ничем не примечательный интернет-магазин с типовым шаблоном и стандартным функционалом.

10. Оформление ОС Windows

Оформление ОС Windows

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

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

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

В подвале размещены контакты админа, форма обратной связи, статистика сайта, строка поиска.

Общее впечатление – крутой сайт, на котором можно «залипнуть» надолго. Яркий стильный дизайн, удобная навигация, интересный контент. Кстати, несмотря на обилие рекламы, она абсолютно не раздражает.

11. Игры Bethesda Softworks

Игры Bethesda Softworks

Сайт представляет собой коллекцию модов для игр компании Bethesda Softworks. Также на сайте публикуются новости и статьи по играм компании.

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

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

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

12. Картины по номерам Paintboy

Картины по номерам Paintboy

Интернет-магазин Color-Area (территория цвета) – реализует товары для творчества и хобби: картины по номерам, рамки, алмазную мозаику и пр. В шапке сайта размещен логотип магазина и контактный телефон, под ним – меню сайта, строка поиска и значок корзины.

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

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

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

Выводы

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

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

Все рассмотренные сайты имеют адаптивный дизайн. Структура их страниц автоматически меняется в зависимости от размера экрана, чтобы контент было удобно изучать на мобильных устройствах. Эта возможность зависит от выбранного шаблона. В библиотеке uCoz ещё есть старые макеты без адаптивного дизайна. У премиум-шаблонов таких недостатков нет.

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