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

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

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

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

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

1. Интернет-магазин фурнитуры для бижутерии и бусин

Интернет-магазин фурнитуры для бижутерии и бусин

Хороший пример того, как uCoz можно использовать для электронной коммерции. На главной странице интернет-магазина — большой слайдер со ссылками на каталог и страницу с товарами на распродажу. Есть блок с лидерами продаж, реализованный в виде карусели, а также секция с новинками магазина.

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

Оформить заказ можно без регистрации. В форме необходимо указать адрес электронной почты, ФИО, контакты телефон, адрес доставки. После оформления заказа пользователь получает доступ в личный кабинет. Поддерживается онлайн-оплата через сервис Robokassa, доставка — Почтой России или компанией СДЭК. В настройках uCoz можно подключить и другие способы, это зависит от желания владельца магазина.

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

Общее впечатление: грамотное использование инструментов электронной коммерции конструктора uCoz.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

6. Сайт строительно-инженерной компании

Сайт строительно-инженерной компании

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

9. Кинопортал

Кинопортал

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

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

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

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

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

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

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

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

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

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

Выводы

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

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

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

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