Wix — популярный конструктор, который подходит для создания разных сайтов: от простых визиток до полноценных интернет-магазинов. Для работы с ним не требуются специальные навыки. Благодаря большому количеству профессиональных шаблонов и удобным инструментам кастомизации пользователи быстро собирают привлекательные сайты с неплохой функциональностью.
Wix предлагает всё необходимое для создания сайта: хостинг, шаблоны, визуальный редактор, встроенные приложения, интеграции со сторонними сервисами. Для начала работы вам нужно только зарегистрироваться и выбрать подходящий шаблон. Подробности создания Викс-сайта читайте в нашем обзоре.
Чтобы вы оценили возможности конструктора на практике, мы собрали несколько примеров сайтов, сделанных на Wix. Они наглядно демонстрируют, какой можно создать дизайн. Походите по их страницам и попробуйте разные функции — например, выбор и бронирование номера в отеле или использование формы обратной связи. Это поможет вам оценить сайт с точки зрения посетителя — крайне полезный опыт для разработчика.
1. Студия красоты Lakshmi
Простой сайт студии красоты с описанием услуг, ценами и формой записи на процедуры. В хедере есть ссылка на профиль в инстаграме, указаны телефоны. Запись организована через форму обратной связи. Посетители выбирают, на какую процедуру и когда они могут прийти, оставляют имя и номер телефона, после чего с ними связывается менеджер для уточнения деталей. Для отправки сообщения нужно заполнить все поля и согласиться с политикой конфиденциальности.
Описание услуг и цен реализовано в виде таблицы. Получается не очень наглядно, но информативную функцию выполняет. Есть вопросы к выбору цветовой схемы. Интерфейс выглядит слишком бледным, недостаточно контрастным. Заголовки теряются на фоне подложек. Это можно легко исправить в визуальном редакторе. Не хватает также фотографий — несколько крупных изображений, показывающих внутреннее устройство клиники, или пара галерей были бы очень кстати.
Общее впечатление — возможности Wix не использованы даже наполовину.
2. Зоогостиница Scandi Cat
Премиум-сайт для премиум-гостиницы. Отличная адаптивность дизайна — при переключении между разными разрешениями интерфейс автоматически подстраивается. На десктопе посетители видят плиточную галерею, на смартфоне — крупные фотографии на всю ширину окна. Меню при скролле получает непрозрачную плашку и закрепляется на верхней границе экрана — очень удобно переходить в другие разделы сайта.
Одна из самых важных функций — онлайн-бронирование номера. Для этого используется интеграция с сервисом Lite PMS. Посетители смотрят фотографии и читают описания, чтобы сделать выбор. Для бронирования нужно принять правила и условия, а также дать согласие на обработку персональных данных — ссылка на страницу с политикой конфиденциальности прилагается. На сайте также есть неплохо оформленный блог, страницы с отзывами клиентов и ответами на распространённые вопросы.
Общее впечатление — отличная демонстрация возможностей конструктора Wix с точки зрения дизайна и функциональности сайта.
3. Andrea Miranda Salas
Личный сайт дизайнера из США с демонстрацией изделий и встроенным магазином. Этот пример показывает, как можно организовать продажу товаров с помощью конструктора Wix.
Для демонстрации работ дизайнера на сайте представлены галереи и крупные фотографии с описанием коллекции и используемых материалов. Магазин работает как обособленный раздел сайта. В нём доступен полный каталог товаров. При нажатии на изделие открывается его карточка с подробностями: ценой, материалами, характеристиками. Здесь же можно выбрать размер, количество и добавить товар в корзину.
Дизайн сайта выполнен в минималистичном стиле. Интерфейс адаптирован под разные экраны, но остаются недостатки. Например, в мобильной версии меню раскрывается не на весь экран, а только на его половину, так что по нему не очень удобно перемещаться.
Общее впечатление — неплохое использование продающих возможностей конструктора сайтов Wix.
4. Ведущий Роман Орлов
И снова позитивный пример, который можно использовать для вдохновения. Очень качественная визитка ведущего с подробной информацией об услугах, рассказах о команде, большим количеством ярких фотографий и проработанным портфолио.
Дизайн и вёрстка выполнены на высоком уровне. При просмотре страниц на смартфоне внизу прикреплена панель с контактными данными — можно сразу же связаться с ведущим, как только понимаешь, что он подходит для мероприятия. Интересно реализована страница с отзывами — рядом с электронной версией текста есть фото оригинала, написанного в блокноте. Плюс фотографии людей, оставивших отзыв — сразу появляется ощущение реальности.
На сайте есть блог. Он сделан неплохо, но ничем не примечателен. В постах — тексты и видео. Публикации свёрстаны аккуратно, смотреть их приятно на любом устройстве.
Общее впечатление — профессиональная работа над сайтом с использованием стандартных инструментов конструктора Wix.
5. Сайт управляющей компании
Привлекательная визитка компании по управлению жилыми комплексами. Дизайн аккуратный, чистый, светлый. Единственное, что смущает, — карта проезда на главной странице расположена не по середине. Также текст на странице «О нас» можно было оформить симпатичнее – шрифт разреженный, хоть и крупный, но читается не так уж хорошо. Строки выглядят кучно сдвинутыми на фоне увеличенной ширины слов. В остальных частях сайта с форматированием текста порядок: шрифты приятные, читаются легко, материал сформулирован грамотно.
Красиво смотрится цветная иллюстрация на главной – прямо символ благополучной, яркой жизни. Фото крупные, хорошего качества, хотя и грешат шаблонностью, постановочностью. Форма обратной связи крупная, внятная. Есть ссылки на аккаунты в соцсетях и подробные контактные данные. Есть возможность регистрации пользователей и, соответственно, личный кабинет. Также постоянно на связи онлайн-консультант, реализованный через встроенную платформу Wix Ascend.
В разделе документов куча ссылок на полезные материалы по теме. А ещё здесь, кстати, очень приличный блог с новостями. Красивое оформления, качественно оформленные публикации. Отдельной ссылкой в главном меню идёт профиль компании во Вконтакте, где дублируются новости и прочее.
Общее впечатление. Суммарно перед нами хорошая визитка. Структурно простая, но приятная.
6. Виртуальная авиакомпания
Сайт клуба любителей авиации и всего, что с этим связано. Весьма интересно, нешаблонно собран. Есть англоязычная версия – да, именно версия, а не локализация. Несколько страниц, заточенных под зарубежную аудиторию в той же стилистике, но с другой структурой оформления макетов.
Дизайн облачный, скажем так, с вкраплениями ярких элементов и большим количеством авторских видеоматериалов, а также симпатичной рисованной графикой. Кстати, в качестве фона используется синематографика движущихся облаков, затенённая эффектом оверлея. В шапке красуются 3 хронографа слева, а справа нечто похожее на показания одного из датчика самолётной кабины. Всё это суммарно создаёт приятную, релевантную тематике атмосферу. Макет хочется рассмотреть.
Визитка, помимо устава организации, содержит даже небольшой тест, прохождение которого покажет степень подготовки ко вступлению в клуб по интересам. Здесь очень много контактных данных, включая канал клуба на YouTube. Есть форма обратной связи и карта с обозначением физической дислокации авиаклуба.
Общее впечатление. Весёлая, качественная работа. Видно, что делали в удовольствие со вниманием к деталям.
7. Музыкальная студия
Визитка студии, которая обучает игре на гитаре в живом и онлайн-режиме. Дизайн впечатляющий, профессиональный. Докопаться при всём желании не до чего. Возможности Wix задействованы пусть не на полную, но весьма креативно, грамотно используются. Сайт посвящён творческому направлению и сам по себе является продуктом творчества. Его хочется рассматривать.
На сайте используется довольно сложная цветовая схема, но выглядит всё это суммарно органично, красиво. Используются разные фоны, цветовые, паттерны и фотографии с оверлеями, эффект параллакса и прочее. На сайте много графики, интересно оформленных блоков, шрифты подобраны отлично – внятные, в меру крупные, хорошо читаются. Тексты соответствующего качества, как и фотографии. Также на сайте очень много видео – можно воочию убедиться в компетентности преподавателей и выпускников школы.
На сайте есть раздел с ценами – звонить сходу не нужно, всё сразу видно. Отдельная страница посвящена преподавателям. Каждое резюме сопровождается фото и видео. Страницы описаний онлайн и оффлайн уроков разделены, что есть хорошо, удобно. Контакты приютились в футере и очень классно оформлены.
Общее впечатление: идеально скроенная визитка на Wix.
8. Сайт 3D-моделлера
Стильное портфолио профессионального дизайнера 3D-объектов и художника по совместительству. Ювелирные изделия, иллюстрации, паттерны и всё остальное в таком духе. Сайт выглядит просто и классно, полностью оправдывая творческое направление деятельности его владелицы. Главная страница в 1 экран с красивой трёхмерной иллюстрацией, короткая самопрезентация и ссылка на портфолио. Больше ничего и не нужно.
Меню статичное, крупное, с аккуратным эффектом прозрачности, который появляется при скроллинге страниц. Его разделы – это категории работ, резюме моделлера и контактные данные. Портфолио выполнены в формате коллажа из крупных, качественных фотографий. При наведении происходит увеличение, также любое изображение можно открыть в полном размере.
Страница контактов содержит форму для связи, телефон, почту, а также ссылку на рабочий аккаунт Инстаграма, в котором можно посмотреть ещё большее количество работ, комментарии клиентов и т. д. Интересно выглядит фоновое изображение, которое, наверняка, является наброском автора. Вообще, портфолио внушает чувство профессионализма моделлера, что, в принципе, самое главное для такого типа сайта. Объяснять ничего не нужно, всё видно по эскизам и качеству оформления визитки.
Общее впечатление. Отличная работа, простая и элегантная.
9. Мебель из слэбов
Одностраничник принадлежит компании BeardLoft, которая занимается производством уникальной и экологичной мебели из слэбов и эпоксидной смолы. На сайте отсутствует товарная витрина, так как каждое изделие является уникальным и разрабатывается на заказ. В то же время пользователь может посмотреть образцы готовых изделий и их стоимость, что даст представление о ценовой политике компании.
В шапке сайта помимо меню размещена ссылка на форму обратной связи, указан номер телефона и WhatsApp, на первом экране слайдер с фотографиями изделий. Ниже расположены: блок с достоинствами компании, форма заказа, небольшое описание мебели и галерея готовых работ, лента постов в Instagram, краткое описание компании, отзывы клиентов, порядок осуществления заказа. Завершает страницу блок с контактами, интерактивной картой и ссылкой на аккаунт Instagram.
Общее впечатление – сайт с приятным дизайном, грамотной структурой и удобной для пользователя навигацией. Все детали продуманы до мелочей и наверняка обеспечивают данному проекту высокую конверсию.
10. Контрактное производство электроники
Компания Сити Электроникс представляет собой сервис, обеспечивающий производство электронных устройств любой сложности через сеть заводов-партнеров.
Стандартная шапка с логотипом, меню и номером телефона расположена поверх первого экрана с тематическим изображением и ссылкой на почту mail.ru для связи с администрацией. Ниже расположены логотипы известных компаний-клиентов, блок с видами предоставляемых услуг, инфографика развития компании и географического расположения партнерской сети, галерея с прокруткой со сферами применения выпускаемой продукции, блоки с преимуществами компании и логотипами поставщиков, контактные данные генерального директора. Внизу страницы выведены анонсы последних статей из имеющегося на сайте блога. В подвале – контактные данные, форма обратной связи, ссылки на соцсети, а также значок рейтинга компании в Яндексе.
Из функционала на сайте установлены виджет callback от сервиса Envybox в виде всплывающего окна и видеовиджет от Getreview в виде маленького экрана, закрепленного внизу страницы.
Общее впечатление – достойный сайт, выполнен на профессиональном уровне. Большим плюсом для целевой аудитории является наличие раздела FAQ и тематического блога.
11. Продукция для профессиональной косметологии
Российская компания Нероли владеет дилерской сетью по реализации профессиональных косметических средств и собственным учебным центром. Не совсем ясна цель создания данного сайта – расширение дилерской сети, популяризация продукции или продвижение образовательных программ, так как контент сайта представляет собой винегрет.
Изображение и надпись на первом экране не дают никакого представления о содержимом сайта. Под ним расположен слайдер с рекламой образовательных курсов, большинство из которых потеряли актуальность. Ниже в виде галереи размещены изображения с текстом и ссылками, среди которых и новинки косметических средств, и отзывы выпускников курсов, и отчет о проведенном съезде. Блоки Федеральная дистрибьюция и Подразделения также не несут никакой смысловой нагрузки.
Некая ясность присутствует только на странице учебного центра. Здесь можно посмотреть расписание проводимых в различных городах семинаров и оставить заявку на обучение. В то же время перейти к описанию курсов обучения можно только из меню.
Общее впечатление можно выразить одним словом – негативное. Чтобы выяснить интересующую информацию, посетителю придется связываться с менеджерами компании. Кстати, об обратной связи разработчики позаботились, на сайте присутствуют подробные контактные данные офиса и филиалов, форма обратной связи, виджет онлайн-чата.
12. Научно-конструкторское бюро вычислительных систем
Компания НКБВС является разработчиком систем автоматического управления, программных и электронных модулей для транспорта и специальных машин. Главная страница собрана из информационных блоков, шапки с меню и подвала, в котором размещены ссылки на документацию и соцсети. На отдельных страницах присутствует форма обратной связи через mail.ru. Адрес компании и контактные телефоны можно найти на соответствующей странице.
Для оформления сайта использованы различные виды контента – видео, перечни, в т.ч. с раскрывающимися пунктами, слайдер. Дизайн выполнен в стильной черно-белой цветовой гамме и имеет много свободного пространства.
Общее впечатление – дизайн и содержимое сайта соответствуют специфике деятельности компании. Возможно, не хватает каких-либо маркетинговых инструментов для более эффективного продвижения продукции.
Выводы
В дизайне представленных сайтов можно заметить шаблонность — в глаза сразу бросается жёсткая блочная структура интерфейса. Однако в некоторых примерах этого нет, что говорит о том, что Wix предоставляет достаточно инструментов для создания индивидуального внешнего вида — нужно только правильно ими воспользоваться.
С точки зрения скорости загрузки страниц и функциональности вопросов нет. Сайты не тормозят, все интерактивные элементы работают. Если на странице есть форма отзыва или бронирования номера, то ей можно без проблем воспользоваться.
В целом результаты работы на конструкторе производят положительное впечатление. Некоторые сайты требуют допиливания, но это вопросы к их разработчикам, а не к сервису. Единственная претензия — неизменяемая однотипность блоговых страниц. Блог, в отличии от того же WordPress, не получится сделать полностью уникальным. В этой части у Wix и правда не очень много возможностей для кастомизации, так что опытный глаз сразу узнает конструктор.
