uKit — конструктор сайтов для бизнеса. Его сила — в простоте разработки. На uKit удобно делать сайты-визитки, портфолио, небольшие интернет-магазины, сайты компаний. Большая база шаблонов и интуитивно понятный визуальный редактор делают сервис оптимальным решением для начинающих веб-мастеров и предпринимателей, которые хотят в короткие сроки и без большого бюджета получить работающий сайт.
Конструктор uKit максимально интегрирован в рунет. Он предлагает интеграции с другими сервисами, полезными для ведения бизнеса: онлайн-чатами, платёжными системами, соцсетями. Встроенные возможности расширяются за счёт поддержки стороннего кода — его вставка доступна на старшем тарифе.
Чтобы вам было проще оценить функциональность конструктора, мы собрали примеры сайтов, разработанных на uKit. Изучите внимательно все возможности, посмотрите, как интерфейс страниц ведёт себя на разных устройствах. Это поможет понять возможности сервиса и принять взвешенное решение о том, стоит ли им пользоваться для реализации своего проекта.
1. Доставка суши ProRoll
Ещё один бизнес-сайта, на этот раз с меню блюд, доступных для доставки. Дизайн минималистичный до примитивизма. В редакторе uKit можно добиться лучшего внешнего вида. Это касается и цветовой схемы, и шрифтов.
Магазинная функциональность работает без сбоев. Посетители могут выбрать блюдо, добавить его в корзину, оформить заказ, выбрать способ доставки. Система онлайн-платежей не подключена, но такое можно простить — всё-таки это дополнительные расходы для бизнеса.
Не понравилось отсутствие подробной информации о блюде. На страницах представлены карточки с кратким описанием, фотографией и кнопкой «Хочу», при нажатии на которую товар добавляется в «Корзину». Можно было бы реализовать для каждой позиции из меню отдельную страницу с подробностями — например, какой размер у пиццы или сколько весит сет роллов. Было бы хорошо, если бы эти характеристики можно было менять при заказе — например, выбрать маленькую, среднюю или большую пиццу.
Если на десктопе интерфейс реализован без очевидных косяков, но при открытии сайта в браузере на смартфоне появляются проблемы. Раздражает меню. В верхней позиции кнопка его открытия наезжает на заголовок страницы. Сразу появляется ощущение недоделанности, топорности. При скролле меню закрепляется сверху вместе с логотипом и контактными данными. Вся эта конструкция занимает больше трети экрана, так что неудобно смотреть меню — посетители видят либо фотографии, либо описания.
Общее впечатление — всё работает, но можно было сделать лучше. Все указанные выше недостатки без проблем устраняются в редакторе uKit. Нужно просто потратить чуть больше времени на тестирование интерфейса.
2. Мастерская мебели «Сильвия»
С точки зрения функциональности сайт хорош. На главной странице приводится список услуг со ссылками на страницы с подробным описанием работ. Сразу плюс — у каждого предложения собственная кнопка «Заказать», при нажатии на которую открывается соответствующая форма. Это удобно для администратора сайта — он получает отклики на конкретные услуги. В комментарии же клиент указывает индивидуальную информацию.
Есть претензии к дизайну. Первое — над его кастомизацией почти не работали. Сайт выглядит как шаблон из каталога uKit, причём не самый лучший вариант. В десктопной версии зачем-то используется бургер-меню, хотя сверху легко бы поместилось обычная панель со ссылками на разделы сайта. Цветовую схема, шрифты, форму кнопок — всё можно было сделать более современным. Сейчас дизайн выглядит откровенно устаревшим. Это проблема не только uKit, у которого некоторые шаблоны всё-таки отстают от времени, но и разработчика, который не воспользовался в полной мере инструментами кастомизации.
Для общения с клиентами есть контактный номер, e-mail, форма обратной связи и форма заказа обратного звонка. Их даже две — одна открывается через хедер, а другая — висит как виджет на странице.
Общее впечатление — хорошее направление мыслей с точки зрения удобства пользователей, но плохая визуальная реализация. В редакторе uKit можно добиться лучшего результата, другие примеры это подтверждают.
3. Услуги сантехников «КарСанТех»
Сайт компании, которая выполняет сантехнические работы в Красноярске и пригороде. Это как раз пример решения проблем, обозначенных в предыдущих двух примерах.
Первое — дизайн. Можно спорить о привлекательности и эффективности для привлечения клиентов, но он хотя бы выглядит индивидуальным и завершённым. Видна работа с цветами и шрифтами, добавлены различные эффекты, которые делают интерфейс более интерактивным и в то же время не отвлекают внимание от контента.
Второе — функциональность. На главной странице размещены карточки выполняемых работы. При этом у каждой услуги есть отдельная страница с подробным описанием — попасть на неё можно через кнопку «Подробнее» в соответствующей карточке или через главное меню. При заказе работы в форме сразу отмечается тип услуги.
В мобильной версии тоже всё в порядке. В хедере отображаются контактные данные, режим работы и описание компании. При скролле они скрываются — остаётся только тонкая полоска под кнопку меню, на которой появляется номер телефона.
Общее впечатление — хорошая работа с возможностями конструктора uKit.
4. Сайт-визитка транспортной компании
Неплохой одностраничник с описанием сложной услуги — перевозки зерновых и масличных культур по России. Видно, что разработчики поработали над дизайном. Гармоничная цветовая схема, хорошие шрифты, продуманные переходы между блоками, анимация при появлении элементов интерфейса и наведении курсора. Есть крупные фотографии и небольшая галерея техники.
Для уточнения стоимости есть форма, в которой клиент указывает пункты погрузки и выгрузки, а также тип груза. Сумму сообщает менеджер, который перезванивает по отправленному в форме номеру. В принципе, на uKit можно было реализовать расчёт стоимости иначе — с помощью электронного калькулятора. На конструкторе есть отличная интеграция с сервисом uCalc. На нём можно собрать калькулятор, который будет вовлекать потенциального клиента в расчёт стоимости лучше, чем форма обратной связи.
Версия для мобильных устройств выглядит аккуратно. Не хватает разве что закреплённого сверху меню. Впрочем, если возникнет необходимость связаться, можно в любой момент заказать обратный звонок — виджет постоянно висит на экране.
Общее впечатление — адекватное использование возможностей конструктора uKit, но можно было сделать сайт чуть более функциональным, а мобильную версию — чуть более удобной.
5. Бухгалтерский учёт
Визитка бухгалтерской конторы, которая предоставляет услуги по ведению финансовой отчётности. Дизайн контрастный, немного грубоватый, но неплохой. Резкие перепады тёмных и светлых участков, крупные и жирные шрифты, большое количество элементов на страницах. Всё это выглядит напористо, решительно – что-то не разглядеть или не понять невозможно.
На главной странице в шапке полные контактные данные, далее идут краткие описания предоставляемых услуг и сразу форма их заказа со ссылкой на страницу пакетов с ценами. Часть иллюстраций качественная, но попадаются и размытые. Также в глаза бросается невысокая скорость загрузки страниц, что удивительно для uKit – движок вообще-то быстрый. Непонятно, что они там сделали, но имеем то, что имеем.
На страницах очень много кнопок, открывающих форму подачи заявки на услуги. Также везде висит виджет заказа обратного звонка. Контактные данные из адреса с картой и телефона. Ссылок на соцсети не видать.
Присутствует раздел с новостями из отрасли, довольно информативный. Услуги для ООО и ИП описаны отдельно. Эти страницы оформлены качественно, информативно: много инфографики, пакеты услуг с ценами, формы их заказа, полезная информация по налоговым ставкам, требования к предприятиям по отчётности и так далее. Цены продублированы ещё раз отдельным разделом – непонятно зачем, но пусть будет, вдруг, кто-то сразу не найдёт. Самые важные страницы на сайте выглядят как положено.
Футер простенький, состоит из одних контактных данных и… рекламного шильдика системы. Неужели солидная бухгалтерская фирма не смогла оплатить услуги конструктора? Вот за это стыд и срам.
В целом, сайт информативный, по дизайну средний. Каких-то кошмарных промахов нет, но всё же местами хотелось бы видеть более аккуратный подход к реализации отдельных элементов, uKit позволяет это делать. Качественный по смыслу, но грубовато скроенный сайт.
6. Строительные смеси
Сайт принадлежит компании Альфа Строй, которая занимается разработкой специализированных высокопрочных финишных сухих смесей для устройства полов в помещениях различного назначения.
Удобство навигации обеспечено двумя видами меню – верхним с общими организационными вопросами и встроенным многоуровневым для выбора товаров и услуг. Под рекламным слайдером на первом экране сайта можно увидеть небольшое описание компании, витрину с продукцией, галерею работ и алгоритм оформления заказа. В подвале размещены контактные данные, ссылки на соцсети и виды реализуемых покрытий. Галерею работ также можно посмотреть на отдельной странице, фотографии сгруппированы по видам работ и снабжены надписями, которые появляются при наведении.
Каждая категория товаров имеет детальное описание, рекомендации по применению и ответы на часто задаваемые вопросы. В правой части экрана зафиксирована квиз-форма для расчета стоимости, получения скидки и заказа обратного звонка. Для заказа товара или услуги необходимо заполнить соответствующую форму.
Общее впечатление – толковый сайт с лаконичным дизайном, удобной навигацией, необходимыми функциональными инструментами.
7. Коллекция Премиум Банкет
Онлайн-сервис по подбору ресторанов, отелей и банкетных площадок премиум-сегмента по всему миру для проведения торжеств и других важных событий.
Главная страница практически не несет никакой смысловой нагрузки. На ней размещена общая информация о компании и несколько тематических изображений.
Для выбора заведения необходимо перейти по ссылкам в меню из шапки сайта. При этом на сайте отсутствует алгоритм поиска нужного заведения. Пользователь не имеет возможности фильтрации по виду, местоположению, количеству мест, цене и другим параметрам. В разделе Корпоратив заявлено о наличии 35 локализаций, но детально ознакомиться можно только с тремя из них. Связаться с менеджером можно через форму обратной связи, которая опять же размещена не на всех функциональных страницах.
Общее впечатление – очень слабый сайт для компании такого уровня и требует основательного переформатирования. Несмотря на использование видеороликов, слайдеров, фотогалерей, оформление сайта оставляет желать лучшего. Абсолютно нелогичная структура и навигация.
8. Лестницы Томск
Интерьерная мастерская «100 лестниц» профилируется на изготовлении деревянных, бетонных и металлических лестниц, а также оформлении деревянных интерьеров.
В шапке сайта размещен логотип и название компании, контактные данные и встроенное меню. На первом экране – УТП с кнопкой целевого действия, под ним на главной странице размещен блок с видами предоставляемых услуг и ссылками на страницы с примерами выполненных работ и указанием конкретных объектов, блоки с галереей работ, также сгруппированных по видам услуг. Блок с ответами на часто задаваемые вопросы структурирован в виде раскрывающихся пунктов с помощью виджета Спойлер. В подвале находятся контактные данные компании, ссылки на социальные сети и форма обратной связи. В левом углу страницы зафиксирована кнопка заказа обратного звонка. Специфика работы компании исключает приобретение готовых решений, поэтому для расчета необходимо связаться с менеджером.
Общее впечатление – простой и компактный сайт, главным достоинством которого является клиентоориентированность. Дизайн, структура и функционал обеспечивают удобство пребывания пользователя на сайте, выбора и заказа интересующей услуги.
9. Доставка товаров из Китая
Сайт принадлежит транспортной компании «Гуанчжоу Карго», которая занимается доставкой грузов из Китая в Россию, а также финансовыми, организационными и юридическими вопросами бизнеса с Китаем.
На главной странице можно получить полную информацию о компании и ее услугах. На первом экране размещена форма обратной связи для отправки заявки на расчет стоимости доставки. Ниже перечислены преимущества сотрудничества с компанией и гарантии, виды предоставляемых услуг, выложены лицензии и регламентирующие документы, примеры упаковки товаров, выведена новостная лента. В подвале находятся контактные данные и форма обратной связи. Установленный виджет онлайн-чата позволяет связаться с оператором в чате, ВКонтакте и Telegram, а также заказать обратный звонок.
Для оформления сайта использовано видео в качестве фонового изображения для первого экрана, галерея с подписями фото, наложенными сверху при наведении, информер новостей, виджет с отзывами клиентов на Yell.
Общее впечатление – сайт создан на достаточно профессиональном уровне, замечания к интерфейсу, навигации и функционалу отсутствуют.
10. Первый фруктовый поставщик
1fruit.ru – оптовая компания, которая занимается поставкой продуктов и хозяйственных товаров по Москве и Московской области. Сайт имеет яркий дизайн с тематическими изображениями. Но при этом очень неудачно оформлено встроенное в шапку меню сайта. Закрепленное при прокрутке меню не имеет подложки, в связи с чем на фоне отдельных блоков оно полностью теряется. Для вложенных пунктов использован шрифт белого цвета на белом фоне, поэтому текст можно увидеть только при наведении на него курсора мыши.
Ассортимент товаров без указания стоимости покупатель может посмотреть, перейдя по ссылке из соответствующего блока на главной странице или пункта меню. Чтобы узнать цены, необходимо скачать прайс или заполнить форму обратной связи, размещенную в подвале сайта. Контактные данные компании также находятся в футере. Связаться с менеджерами можно по WhatsApp или заказать обратный звонок, виджет которого закреплен внизу страницы.
Общее впечатление – дизайн определенно требует доработки. Имеющийся раздел новостей не обновлялся с августа 2021 года, а размещенный на главной странице блок с популярными товарами содержит устаревшую информацию, что производит впечатление заброшенности сайта.
11. Мастерская танца
Мастерская танца Светланы Кулешовой предлагает обучение различным видам хореографии для детей и взрослых. Студия находится в Красноярске, контакты, в т.ч. ссылки на мессенджеры и страницу ВКонтакте, а также карту проезда можно посмотреть в футере сайта.
На первом экране сайта объявлено об открытии приема заявок на 2022-2023 года и размещена ссылка на соответствующую форму. Однако кнопка целевого действия не выделена цветом и теряется на фоновом изображении блока. Ниже представлены группы для различных возрастных категорий, перейдя по которым можно детально ознакомиться с программой обучения. На главной странице также можно ознакомиться с педагогами школы танцев, историей ее создания и развития.
Для освещения концертной деятельности коллектива использованы галереи и слайдер. К сожалению, отсутствуют видеоролики выступлений, отзывы и достижения выпускников школы.
Общее впечатление – оригинальный дизайн, понятная структура, исчерпывающая информация способствуют эффективному решению поставленных задач и заслуживают высокой оценки. Для получения идеальной картинки однозначно стоит подправить цветовое решение первого экрана, добавить видеоконтент и раздел с отзывами.
Выводы
Главное впечатление от сайтов, созданных на uKit, — хорошая адаптивность. В некоторых примерах есть проблемы вроде меню, которое занимает слишком много места на экране или съехавших подписей. Но все эти недостатки можно устранить в визуальном редакторе конструктора.
В большинстве примеров видно, что разработчики тестировали отображение интерфейса на разных экранах и исправляли недочёты. Для этого не нужны дополнительные инструменты или специальные навыки. В редакторе uKit есть вкладка «Адаптивная версия сайта». В этом режиме можно посмотреть, как сайт выглядит на десктопе, планшете и смартфоне, настроить для каждой версии фон, скрыть отдельные блоки и виджеты.
Кроме адаптивности интерфейса радует и быстрая загрузка страниц. Всё это идёт на пользу бизнесу, который создаёт сайты на конструкторе uKit. Но, как показывают примеры, многое зависит и от того, сколько времени и усилий разработчик вложил в проект. Особенно это заметно по дизайну — на некоторых сайтах видно, что кастомизацией шаблона сильно не занимались.