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

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

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

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

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

1. Ремонт холодильников в Орске

Ремонт холодильников в Орске

Отличная демонстрация возможностей конструктора uKit для бизнеса. Лаконичный одностраничник с описанием полезной услуги — ремонта холодильников. На странице есть торговое предложение, примеры проблем, отзывы клиентов, порядок работы мастеров, контактные данные. Можно спорить об убедительности лендинга, но наша задача — оценить, как работает сайт. С этим нет никаких проблем.

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

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

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

2. Доставка суши ProRoll

Доставка суши ProRoll

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

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

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

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

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

3. Мастерская мебели «Сильвия»

Мастерская мебели Сильвия

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

Есть претензии к дизайну. Первое — над его кастомизацией почти не работали. Сайт выглядит как шаблон из каталога uKit, причём не самый лучший вариант. В десктопной версии зачем-то используется бургер-меню, хотя сверху легко бы поместилось обычная панель со ссылками на разделы сайта. Цветовую схема, шрифты, форму кнопок — всё можно было сделать более современным. Сейчас дизайн выглядит откровенно устаревшим. Это проблема не только uKit, у которого некоторые шаблоны всё-таки отстают от времени, но и разработчика, который не воспользовался в полной мере инструментами кастомизации.

Для общения с клиентами есть контактный номер, e-mail, форма обратной связи и форма заказа обратного звонка. Их даже две — одна открывается через хедер, а другая — висит как виджет на странице.

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

4. Услуги сантехников «КарСанТех»

Услуги сантехников КарСанТех

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

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

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

В мобильной версии тоже всё в порядке. В хедере отображаются контактные данные, режим работы и описание компании. При скролле они скрываются — остаётся только тонкая полоска под кнопку меню, на которой появляется номер телефона.

Общее впечатление — хорошая работа с возможностями конструктора uKit.

5. Студия спортивного бального танца «Baila»

Студия спортивного бального танца Baila

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

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

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

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

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

Общее впечатление — если уделить больше времени работе с дизайном, то получится отличный сайт бальной студии. Пока визуальные возможности uKit не использованы даже на 50 %. С функциональностью же проблем нет.

6. Сайт-визитка транспортной компании

Сайт-визитка транспортной компании

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

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

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

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

7. Бухгалтерский учёт

Бухгалтерский учёт

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

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

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

Присутствует раздел с новостями из отрасли, довольно информативный. Услуги для ООО и ИП описаны отдельно. Эти страницы оформлены качественно, информативно: много инфографики, пакеты услуг с ценами, формы их заказа, полезная информация по налоговым ставкам, требования к предприятиям по отчётности и так далее. Цены продублированы ещё раз отдельным разделом – непонятно зачем, но пусть будет, вдруг, кто-то сразу не найдёт. Самые важные страницы на сайте выглядят как положено.

Футер простенький, состоит из одних контактных данных и… рекламного шильдика системы. Неужели солидная бухгалтерская фирма не смогла оплатить услуги конструктора? Вот за это стыд и срам.

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

8. Каталог стройматериалов

Каталог стройматериалов

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

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

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

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

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

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

9. Каталог стройматериалов

Каталог стройматериалов

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

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

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

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

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

10. Лазерная резка листового металла

Лазерная резка листового металла

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

В мобильной версии блоки более кучно сдвинуты, картинки крупнее, они занимают почти всё пространство страницы при скроллинге. Текст почти не выделяется, но остаётся легко читаемым. А ещё надписи на тёмном фоне белые – да, в uKit можно по отдельности редактировать мобильный и обычный шаблон. Здесь это наглядно продемонстрировали. В целом, варианты заметно отличаются между собой по восприятию. Более интересным нам выглядит десктопный, несмотря на спорную особенность по цветам шрифтов. Макет выглядит попросту немного богаче, солиднее.

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

Самое досадное из всего – ссылки на скачивание прайса пустые, нерабочие. Да ещё и выделены красным цветом. Маркетинговый ход? Мол, интересно стало узнать цены? Не так быстро. Звоните, иначе никак.

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

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

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

Выводы

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

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

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

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