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

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

Wixпопулярный конструктор, который подходит для создания разных сайтов: от простых визиток до полноценных интернет-магазинов. Для работы с ним не требуются специальные навыки. Благодаря большому количеству профессиональных шаблонов и удобным инструментам кастомизации пользователи быстро собирают привлекательные сайты с неплохой функциональностью.

Wix предлагает всё необходимое для создания сайта: хостинг, шаблоны, визуальный редактор, встроенные приложения, интеграции со сторонними сервисами. Для начала работы вам нужно только зарегистрироваться и выбрать подходящий шаблон. Подробности создания Викс-сайта читайте в нашем обзоре.

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

1. Студия красоты Lakshmi

Студия красоты Lakshmi

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

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

Общее впечатление — возможности Wix не использованы даже наполовину.

2. Группа компаний The Fish Factory

Группа компаний The Fish Factory

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

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

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

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

3. Зоосалон «Стелла»

Зоосалон «Стелла»

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

Блог выглядит неряшливо на фоне других страниц сайта. У кнопки «Читать дальше» не хватает отступов, из-за чего первая буква не видна. Есть проблемы с оформлением постов и ошибки в вёрстке: на странице с открытой публикацией кнопка Facebook налазит на список тегов, а между текстом и комментариями — огромный разрыв. Все эти недостатки можно поправить стандартными инструментами конструктора Wix.

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

4. Зоогостиница Scandi Cat

Зоогостиница Scandi Cat

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

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

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

5. Andrea Miranda Salas

Andrea Miranda Salas

Личный сайт дизайнера из США с демонстрацией изделий и встроенным магазином. Этот пример показывает, как можно организовать продажу товаров с помощью конструктора Wix.

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

Дизайн сайта выполнен в минималистичном стиле. Интерфейс адаптирован под разные экраны, но остаются недостатки. Например, в мобильной версии меню раскрывается не на весь экран, а только на его половину, так что по нему не очень удобно перемещаться.

Общее впечатление — неплохое использование продающих возможностей конструктора сайтов Wix.

6. Ведущий Роман Орлов

Ведущий Роман Орлов

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

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

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

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

7. Сайт управляющей компании

Сайт управляющей компании

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

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

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

8. Виртуальная авиакомпания

Виртуальная авиакомпания

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

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

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

9. Музыкальная студия

Музыкальная студия

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

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

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

10. Сайт 3D-моделлера

Сайт 3D-моделлера

Стильное портфолио профессионального дизайнера 3D-объектов и художника по совместительству. Ювелирные изделия, иллюстрации, паттерны и всё остальное в таком духе. Сайт выглядит просто и классно, полностью оправдывая творческое направление деятельности его владелицы. Главная страница в 1 экран с красивой трёхмерной иллюстрацией, короткая самопрезентация и ссылка на портфолио. Больше ничего и не нужно.

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

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

Выводы

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

С точки зрения скорости загрузки страниц и функциональности вопросов нет. Сайты не тормозят, все интерактивные элементы работают. Если на странице есть форма отзыва или бронирования номера, то ей можно без проблем воспользоваться.

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

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