uKit – конструктор сайтов, который хочется рекомендовать всем, кто решил заявить о себе или своём бизнесе в Сети. Сервис не имеет подвохов и продолжает динамично развиваться. Судя по всему, данный продукт на рынке всерьёз и надолго. Перспектива налицо. Чего ещё желать его потенциальной аудитории?
Правильно, примеров работ, которые смогут вдохновить на использование именно этого конструктора. Зачем это нужно? Всё просто: помочь вам стартовать правильно. Юкит выгоден для пользователя во всех отношениях. Он далеко не универсален, как и везде есть свои плюсы и минусы, но отыскать достойную альтернативу в его нише (создание визиток и одностраничников новичками) непросто.
Примеры uKit-сайтов:
Magmatex.ru — сайт компании
Magmatex.ru — данный сайт является отличной демонстрацией возможностей движка применительно к его основной специальности – бизнесу. Серьёзная тематика, серьёзный подход к разработке. Дизайн сайта, в общем-то, типичный для блочных конструкторов, но оформлено и скомпоновано всё очень хорошо. Большой каталог продукции с великолепными описаниями и сочными фотографиями смотрится профессионально. Страница контактов, кстати, оформлена с применением недавно добавленного функционала – фоновой карты с серым оверлеем. На сайте встречаются чертежи, видео, таблицы и прочие форматы подачи контента, которыми обычно оснащают серьёзные проекты.
В общем, этот металлургический проект ярко показывает все возможности uKit. Это один из лучших сайтов в подборке. Вдохновляйтесь, у вас получится не хуже, если постараетесь. Движок позволяет, что очевидно.
You-bankrot.ru — сайт юридических услуг
You-bankrot.ru — удачный пример визитки юридической фирмы. Оформление под ключ банкротства физических лиц – специализация «Фортуны». Законный способ уйти от кредиторов по цене от 90к рублей. Есть онлайн-калькулятор – длинный и сложный, хорошо демонстрирует полезность этого инструмента. Наличие цен – это плюс. Прайс внятный, в нём всюду расставлены кнопки на вручную собранную форму обратной связи. Шильдик заказа обратного звонка на законном месте. Описания услуг краткие, чётко передающие суть, – у юрконторы так и должно быть.
Главная страница оформлена по классической структуре одностраничников – сочный заголовок и форма обратной связи в шапке, блок выгод с аргументами, стоимость с отсылкой на калькулятор услуг, отзывы, описание порядка взаимодействия с клиентом и подробный блок контактов. Хорошо оформлена и страница «О компании» – сертификаты, свидетельства, лицензии, выписки из законов и даже блок со статистикой по завершённым делам. Дизайн подходящий для рода предлагаемых услуг, всё сочетается, тексты хорошие. Вполне приличная визитка.
Mikeda.ru — медицинский сайт
Mikeda.ru — качественный сайт-визитка медицинской тематики. Посвящён лечению заболеваний по методике нетрадиционной медицины Герда Хамера. Главная страница выглядит презентабельно и по структуре похожа на лендинг. Всё выглядит на словах просто и понятно – так и должно быть. Преимущества консультирования у конкретного специалиста, самопрезентация, примеры заболеваний, с которыми успешно работает метод, и, конечно, сочные, грамотно написанные отзывы, дополняющие картину. Кстати, есть возможность добавить свой отзыв на сайт, но лишь после модерации – хороший трюк для вызова доверия.
Блоку со стоимостью уделено много внимания, анкета для подачи заявки очень подробная и создана вручную с помощью конструктора форм Юкит. Описания подходов к лечению интересные, есть форма для справок по всем вопросам. В разделе с видео нет роликов – видимо, сайт свежий, их ещё не сняли попросту. Плоскость для карты в футере выделена, но пустует – тоже минус, должно быть всё подключено и настроено. Дизайн визитки спокойный, как и полагается, шрифты обычные, неброские и хорошо читаемые. Неплохая визитка, требующая небольших доработок.
Takdelo.ru — сайт компании, выполняющей такелажные работы
Takdelo.ru — многостраничная визитка компании, которая специализируется на перемещении габаритных грузов: стропальные услуги, такелажные работы, грузоперевозки и т. д. Дизайн адаптивный, весьма качественный. Макеты страниц собраны аккуратно, хотя местами разница в размерах шрифтов бросается в глаза – где-то мелковато, где-то перебор. Жёлтый цвет акцентов перекликается с добротным фирменным логотипом. Для увеличения производительности используется lazy load – технология плавной подгрузки контента по мере скроллинга. Страницы грузятся быстро, несмотря на обилие графики и картинок. Информация воспринимается легко, можно скачать прайсы, договоры и прочее для изучения/сравнения цен и условий сотрудничества.
Структура меню двухуровневая, навигация удобная, всё на виду. Страниц и контента много. Помимо описаний услуг, есть отдельные разделы с документами для скачивания, ценами, вакансиями и формой для подачи заявки. Всё это подано с использованием различных форматов – по этому сайту хорошо просматриваются все возможности, которые способен дать Юкит. Есть блог, причём, не из парочки статеек для порядка, а довольно приличным количеством полезных материалов по меркам визитки. Текстовая составляющая на хорошем уровне – всё описано от корки до корки, хорошо структурировано. Присутствует онлайн-консультант от Jivo, море контактных данных и сертификаты с разрешениями на ведение такелажной деятельности. Солидный, грамотный во всех отношениях бизнес-сайт.
Talisman-khv.ru — cайт медицинского центра
Talisman-khv.ru — сайт хабаровского лицензированного центра по лечению алкоголизма: выезд на дом, детоксикация, кодирование. Визитка многостраничная, качественная во всех отношениях, начиная от дизайна и заканчивая количеством/форматами подачи контента. Есть версия для слабовидящих с возможностью выбора шаблонов шрифтов и цветовых схем. Оформление страниц выполнено в светлых тонах, сине-зелёные акценты хорошо смотрятся и вполне соответствуют по духу медицинской тематике сайта. Заголовки крупные, шрифты отчётливые, местами используется авторская графика, не самая-самая по качеству, но вполне уместная. Галереи из фото яркие, фото профессионально сняты. Логотип простой, вполне симпатичный, сочетается по цветовой гамме с остальными областями сайта.
Навигация трёхуровневая, страниц довольно много: описания каждой программы и услуги, презентация квалификации всех врачей, акции, контакты и раздел с ценами в удобном табличном формате. Есть ещё блог из трёх разделов с парой десятков тематических статей. Вообще, на сайте много качественно поданной информации – сразу понятно, что он сделан не для галочки, а для дела. Шапка выдаёт кучу контактных данных, включая режим работы. У клиники есть профили ВК/Instagram, своя почта на домене сайта, также работает онлайн-консультант от Jivo. Формы статические и всплывающие, для ускорения/плавности загрузки страниц включена технология lazy load. Отзывы написаны с ошибками, реалистично, дают развёрнутое представление о результатах лечения. В целом, визитка добротная, есть всё необходимое для принятия решения потенциальной аудиторией.
Studbox.ru — курсовые, дипломные работы для студентов
Studbox.ru — сайт коллектива специалистов по написанию различного рода учебных работ: дипломных, курсовых, рефератов, контрольных и т. д. По формату это – привлекательный, профессионально структурированный сайт-визитка. Дизайн простой и красивый, используется большое количество векторной графики для иллюстрации процессов и создания акцентов на важных моментах. Главная страница информативная – сразу можно понять порядок цен, условия и этапы сотрудничества, получить представление о типах выполняемых работ. По всему телу макета разбросаны кнопки доступа к форме подачи заявки, а ближе к футеру расположена форма расчёта стоимости разных типов работ. Отзывов мало, все они отражают особенности сотрудничества – наличие акций, профессионализм команды, оперативность выполнения заказов и прочее. Вполне обычный, но и, вместе с тем, грамотный подход.
Дизайн приятный, в макетах чередуются блоки с оверлеем и без для придания контраста между разными областями. Зелёный акцент в элементах придаёт живости, дружелюбия, в сочетании с качественной подачей услуг располагает к доверию потенциальную аудиторию. Логотип забавный, игривый, смотрится просто и хорошо. Структура сайта простая, в меню из 1 уровня трудно запутаться. Основные типы работ вынесен в отдельный раздел с ценами и описаниями, есть подробный прайс с акциями по всему, что делают. В контактах перечислены все адреса филиалов, есть аккаунты соцсетей, а также информация о компании. Футер минималистичный, без ссылок, зато внушительно указывает год начала деятельности – 2001. Визитка хороша во всех смыслах: симпатичная, адаптивная, информативная, быстро загружается.
Taxi24primorskiy.ru — сайт службы такси
Taxi24primorskiy.ru — визитка крымской службы такси. Оформлена классической цветовой схемой – жёлто-чёрной. Шапка информативная: номера телефонов очень крупным, жирным шрифтом и круглосуточный режим работы. Далее идёт перечень услуг и описание классов их предоставления – типы сервиса и автомобилей. В качестве преимуществ указаны скидки, предоставляемые в определённых условиях, и малое время подачи машины. Иллюстрации качественные, почти во всю ширину экрана. Есть версия сайта для слабовидящих, на которую можно переключиться по кнопке из шапки. Логотип выглядит просто и динамично, передаёт ощущение оперативности обслуживания и указывает район предоставления услуг.
Меню простейшее, содержит всего три пункта. В разделе тарифов форматом таблицы расписаны маршруты и цены перевозок. В услугах – дополнительные опции с описаниями и ценами. Футер лаконичный, содержит контактную информацию. С нашей точки зрения его сделали слишком высоким – вдвое меньше смотрелся бы аккуратнее. Визитка даёт всю информацию, которую нужно знать клиентам и, наверняка, хорошо решает поставленные перед нею задачи. Вполне удачный экземпляр сайта на Юкит.
Skala-kamen.ru — сайт производителя искусственного камня и декоративного кирпича
Skala-kamen.ru — сайт завода по изготовлению строительных материалов с узким профилем и широким ассортиментом продукции, камня и кирпича. Объёмная по количеству страниц и контента визитка. Дизайн оформлен на отлично, структура подачи информации в блоках выверена и состоит. Особенно заметна игра с размерами, типами и цветами шрифтов – всё отлично читается, ключевые моменты выделены, ничего не мешается в кучу, даже находясь в одном тесном блоке. Шапка насыщена информацией: внушительный логотип с чётко сформулированным профилем деятельности в слогане, график работы и крупные цифры телефонных номеров.
Меню двухуровневое, страниц больше десятка. Каждой категории продукции посвящён раздел с ссылками на подробное описание, крупными миниатюрами изображений и ценами. На каждой странице дублируются контакты – не обязательно искать соответствующую страницу: понравилось что-то – можно сразу написать или позвонить. Кнопка заказа обратного звонка и онлайн-консультант прилагаются. Блок преимуществ на главной украшен векторными значками, перечислено большое количество убедительных доводов «за» сотрудничество с компанией. Также подробно расписан порядок закупок. Вообще, всё, что связано с текстом на сайте, выполнено на высшем уровне: грамотно, по делу, красиво оформлено. Все фотографии качественные, страницы загружаются почти мгновенно. Отличная работа во всех отношениях.
780170.ru — ремонт квартир под ключ
780170.ru принадлежит группе компаний Памир, в которую входят организации, специализирующиеся на ремонте квартир, строительстве бань и садовых домиков, осмотре квартир перед покупкой. Первый экран знакомит посетителей с достоинствами компании, содержит форму обратной связи ссылки на фото/видео работ и отзывы, а также мини-галерею с фотографиями ремонтов. Над ним в шапке расположено многоуровневое меню, контакты компании и кнопки соцсетей. На главной странице размещена таблица со сметной стоимостью, блок с преимуществами, галерея с видеороликами выполненных работ, схема работы, отзывы клиентов, фотогалерея и гарантии. Внизу страницы – форма обратной связи, в подвале продублированы контакты и размещена еще одна, совершенно лишняя, форма обратной связи. В нижнем углу закреплен виджет обратного звонка.
На страницах сайта можно посмотреть большое количество фото и видео материалов, получить подробную информацию об объектах строительства и их стоимости, ответы на часто задаваемые вопросы. На страницах, посвященных строительству садовых домов и бань, можно оставить заявку на обратный звонок мастера. Несмотря на простой дизайн и минимальный функционал сайт-визитка прекрасно справляется с поставленными перед ним задачами.
Tabak13.ru — табачная лавка
Tabak13.ru представляет собой небольшой интернет-магазин по продаже развесного табака и табачных смесей для самокруток. В шапке сайта указаны email и номер телефона и закреплено меню. Главный экран дает общее представление о сайте и содержит ссылки на товарную витрину и блок «О нас». Ниже расположен блок с преимуществами, который содержит рекламу Telegram канала, но прикрепленная ссылка ведет на страницу ВКонтакте. Также на главной странице размещен график работы, видеообзоры и, непосредственно, витрина магазина.
Оформление витрины оставляет желать лучшего. Из-за крупных изображений, неудачно подобранного шрифта и большого межстрочного интервала блок с товарами чрезмерно растянут. Карточки, в которых можно уточнить детали заказа, заведены не на все товарные позиции. Онлайн-оплата отсутствует, реквизиты приходят на почту после подтверждения заказа. На сайте подключен онлайн-консультант, в левой части экрана установлены кнопки соцсетей Поделиться.
Дизайн магазина выполнен на любительском уровне, отсутствует симметрия и целостность восприятия контента. Также следует подправить ссылки и их оформление.
Edu.pmedpharm.ru — факультет последипломного образования
Edu.pmedpharm.ru — образовательный ресурс, освещающий деятельность факультета последипломного образования Пятигорского медико-фармацевтического института. Страница начинается с шапки со встроенным фиксированным меню и контактами учреждения. Ниже расположены блоки с видами программ обучения, их тематиками, анонсами мероприятий. В каждом блоке присутствуют ссылки на страницы с детальной информацией. В подвале размещена форма обратной связи, контактные данные заведения, ссылка и QR-код группы ВКонтакте.
На сайте можно скачать бланки заявлений и договоров, ознакомиться со стоимостью курсов и оплатить их в онлайн-режиме. Отправить документы также можно онлайн через соответствующую форму основного сайта института.
Для компактного размещения большое количество контента оформлено в виде слайдеров. Также на главной странице можно увидеть применение виджета Этапы, с помощью которого представлена пошаговая схема обучения. На сайте подключены push-уведомления и виджет обратного звонка. Профессионально выполненный сайт, об использовании конструктора свидетельствует только копирайт сервиса, размещенный внизу страницы.
Топ-пол.рф — компания Альфа Строй
Топ-пол.рф создан с целью реализации сухих смесей для устройства промышленных полов, лестниц и стен, которые производит компания Альфа Строй. В шапке сайта закреплено два вида меню, ссылки на соцсети и мессенджер WhatsApp. На первом экране – слайдер с популярной продукцией компании и ссылками на соответствующие страницы. Ниже расположены блоки с информацией о компании и видами продукции, галерея выполненных работ, схема осуществления заказа. В подвале указаны контакты, продублированы пункты меню с основными товарными позициями.
Каждому покрытию посвящена отдельная страница с фото его использования в интерьере, подробным описанием и стоимостью. Также с помощью спойлера организован блок Вопрос-Ответ. На сайте можно скачать инструкции в форматах .docx и .pdf, посмотреть сравнительные таблицы материалов. В правой части экрана расположена квиз-форма с калькулятором расчета стоимости покрытия и скидки, а также формой обратного звонка от сервиса Moclients.
В целом сайт смотрится неплохо, содержит достаточно информации для целевых потребителей и удобные способы обратной связи.
74perspektiva.ru — магазин спецодежды
74perspektiva.ru – официальный сайт компании Перспектива Плюс, реализующей спецодежду для труда и отдыха. В шапке сайта указаны подробные контактные данные компании и многоуровневое меню. Под первым экраном с тематическим изображением расположены категории товаров с ссылками на соответствующие разделы каталога, ниже – преимущества компании и блок с формой заявки для выезда менеджера на предприятие. Внизу страницы выведена новостная лента, в подвале продублированы ссылки на страницы с важной информацией.
В разделах/подразделах каталога отсутствуют функции фильтрации и сортировки. Витрина содержит изображения с кратким описанием и стоимостью, детальную информацию и размерную сетку можно увидеть в карточке товара. Однако такие страницы разработаны не для всех товаров, заказ отдельных позиций осуществляется непосредственно из каталога. Для оформления заказа необходимо заполнить форму обратной связи, онлайн-оплата не подключена.
Незатейливый дизайн и минимум функциональных инструментов, недоработанный каталог товаров – не очень презентабельный сайт для солидной компании, основанной в 1993 году.
114barberlab.ru — барбершоп
114barberlab.ru – одностраничный сайт парикмахерской для мужчин, которая находится в г.Новосибирск по адресу, указанному в шапке. В качестве первого экрана установлен видеоролик с интерьером барбершопа и рабочим процессом. Ниже размещен слайдер с одним изображением и призывом записи на прием, при этом кнопка записи не активна. Следующим идет блок с перечнем услуг и ценами, фотогалерея, витрина с косметическими товарами, блок с отзывами и интерактивная карта. Внизу страницы находятся контакты салона и ссылки соцсетей. Следует отметить, что выставленные на витрине товары не доступны к заказу на сайте, их можно приобрести непосредственно в парикмахерской.
Рабочие кнопки Записаться размещены в таблице с перечнем услуг и ведут на сервис онлайн-записи Yclients, где клиент выбирает необходимую услугу, специалиста, дату и время и указывает свои контактные данные.
Хороший сайт с простой навигацией и удобным функционалом, но имеются замечания к его оформлению. Из-за неудачно подобранного фона отдельные текстовые блоки неудобочитаемы, а дизайн сайта в целом выглядит загромождено.
Box78.su — шкафы-трансформеры
Box78.su – здесь можно заказать шкафы-трансформеры и столы-книжки для организации рабочего и творческого пространства. Полные контактные данные компании, время работы, ссылки на аккаунты в соцсетях и фиксированное меню размещены в шапке сайта. Под первым экраном, который не несет никакой информационной нагрузки, размещен слайдер с фото образцов продукции в интерьере, инструкция по оформлению заказа, видео с обзором шкафа-трансформера, преимущества данного типа мебели, форма обратной связи и галерея работ. В подвале можно найти ссылку на чат с менеджером в WhatsApp.
На странице Продукция можно выбрать основную модель шкафа или стола, а на странице Наполнение – дополнительные модули. Однако контент размещен в хаотичном порядке: товарные позиции чередуются с видеороликами, информационными блоками в виде раскрывающихся пунктов, галереями изображений. Поэтому, несмотря на наличие страницы Помогалочка, пользователю достаточно сложно самостоятельно определиться с выбором.
На сайте царит творческий беспорядок. Говорить о грамотном структурировании информации, удобной навигации и каком-либо дизайне в данном случае не приходится.
Подводим итоги
Мы постарались вам продемонстрировать различные вариации использования функционала uKit. Глядя на чужие работы, вы сможете избежать ошибок, допущенных в них, мотая при этом на ус используемые в них фишки.
Мы взяли разные по уровню исполнения и типу сайты, чтобы наглядно показать возможности движка. С аккуратным, внимательным подходом в Юкит можно создавать качественные, современные сайты с красивой подачей материала. Или наоборот: игнорируя возможности редактора и здравый смысл, получить сырой проект, требующий серьёзных доработок. В среднем, здесь получаются нормальные, крепкие сайты, главное – рационально, уместно использовать возможности редактора, выбирать хорошие фото для иллюстраций, привлекательно форматировать текст и чередовать подходы к подаче информации.
Надеемся, подборка оказалась полезной и смогла вдохновить вас!
Кстати, не все знают что можно узнать движок практически любого сайта. Так что если вам этих примеров недостаточно – можете составить собственную подборку хороших сайтов и узнать их CMS.
Само собой вы должны понимать, что одного создания сайта не достаточно. Нужно грамотно продумать его структуру, задачи и провести внутреннюю SEO-оптимизацию – пошаговый процесс оптимизации и продвижения сайтов на uKit мы детально описывали.
