Пример сайтов на Wix: подборка для вдохновения
Одна из любимых частей нашей работы — видеть, как пользователи Wix создают уникальные, захватывающие, инновационные и просто красивые сайты. Именно поэтому мы разработали шаблоны сайтов на любой вкус: для ресторанов и спортзалов, онлайн-магазинов и салонов красоты, для дизайнеров, фотографов, музыкантов, моделей и многих других. Каждый из шаблонов настроить под себя, чтобы добавить сайту индивидуальности и наполнить его новыми идеями. Мы собрали примеры сайтов на Wix, которые действительно поражают воображение. Среди них — пример сайта дизайнера, интернет магазин нью-йоркского ювелира, сайт ресторана поке и многое другое. Статья может пригодиться как тем, кто только собирается создать сайт, так и тем, кто ищет примеры дизайна сайтов для уже существующей страницы.
1. Wendy Ju
Портфолио графического дизайнера Венди Жу представляет собой галерею из двух симметричных колонок, где каждое изображение является своеобразным превью для одного из проектов. Сайт пронизан едва уловимой анимацией, которая оживляет сайт, не перегружая его. Например, логотип-веер на обложке или курсор, оставляющий за собой изысканные узоры.
2. Animal Music
Лаконичный и прямолинейный сайт музыкального проекта Animal Music — один из тех редких примеров, когда все понятно и без копирайтинга. Сайт визуально разделен на две части: яркая анимированная обложка и обширная галерея проектов. Галерея демонстрирует, с каким огромным количеством знаменитых компаний сотрудничает Animal Music — включая Pepsi, Kia и Netflix.
3. Ravin AI
Компания Ravin AI предлагает высокотехнологичные решения в области искусственного интеллекта. Поэтому их сайт наполнен футуристичной анимацией продукта, динамичной инфографикой и другими элементами, превращающими экран вашего ноутбука почти что в командную панель космического корабля.
4. Mane
Не только дизайнеры и музыканты могут создать сайт для продажи услуг. Посмотрите на страницу Mane — этичной парикмахерской, которая разместила кнопку «Забронировать прием» прямо на середину главной страницы.
5. Poke Bowlz
Как выделиться среди конкурентов в такой популярной сфере, как поке-рестораны? Конечно, создать сайт для своего бизнеса. Страница Poke Bowls успешно интегрирует цветовую палитру логотипа в дизайн: яркие красные акценты здесь выгодно подчеркивают монохромный дизайн. Посетители сайта могут посмотреть меню, узнать расположение каждого филиала и даже сделать заказ онлайн.
6. Kunstrukt
Креативный дуэт Kunstrukt сделал галерею центральным — и чуть ли не единственным — элементом сайта. Чтобы привлечь внимание к красочным изображениям проектов, вся главная страница выполнена в черно-белой гамме.
Пример сайта креативного директора Сони ван Дельмен — это целый визуальный аттракцион. Насыщенные цвета, элегантная анимация, винтажные фильтры — все это сочетается с эффектом параллакса и аккуратным блочным дизайном, который глава за главой погружает читателя в деятельность Сони и ее агентства. Кроме того, Соня решила создать блог, в котором делится мнением о моде, дизайне, фотографии и искусстве.
Иллюстратор, аниматор и арт-директор Рафаель Варона создал один из самых удивительных сайтов на Wix. Всю обложку занимает целый короткометражный мультфильм из работ Рафаеля, которые динамично сменяют друг друга и надолго приковывают взгляд посетителя. Ниже — лаконичный рассказ о себе и галерея из статичных и анимированных изображений, которая не перегружает восприятие и дает в полной мере насладиться талантом иллюстратора.
В своем онлайн портфолио Мариела заигрывает с формами, цветами, шрифтами и эффектами, чтобы показать осведомленность в свежих трендах веб-дизайна. Обратите внимание, что текст «О себе» Мариела расположила в нижней части страницы, сразу после превью лучших проектов. Таким образом у читателей есть возможность составить первое впечатление о работах дизайнера, и уже после этого познакомиться с ней поближе.
10. TerraLiving
Сайт био-архитектурной дизайн-лаборатории TerraLiving — пример того, как даже незначительные элементы дизайна могут сделать сайт оригинальным и запоминающимся. Нейтральный фон и простые разделительные линии контрастируют с яркими фотографиями зеленых скульптур — делая последние еще более завораживающими. Кроме того, TerraLiving включили на сайт элегантный слайдер с отзывами клиентов — маленькая, но важная деталь, которая позволяет повысить уровень доверия посетителей и помогает с лидогенерацией.
11. Evolve Clothing
Стильное видео на обложке, красочная галерея с товарами, интуитивно понятное меню, разделенное по коллекциям — Evolve Clothing знают, как создать сайт для онлайн магазина. Особого внимания заслуживает голосовой поиск — к примеру, пользователь может нажать кнопку записи и произнести «Новые коллекции!», и сайт автоматически направит его на нужную страницу.
12. Roee Ben Yehuda
Рои решил создать сайт для своих многочисленных проектов: от брендинга и продуктового дизайна до собственной коллекции керамики. Чтобы гармонично уместить все это на главной странице, он чередует полноэкранные блоки с ассиметричными колонками, которые соединены с помощью эффекта параллакса.
13. Hila Rawet Karni
Еще один потрясающий сайт с эффектами прокрутки принадлежит Хиле Равет Карни. Помимо галереи с профессиональными фотографиями изделий Хила добавила на сайт виджет с фото из Instagram, который помогает ей создать вокруг бренда лояльное сообщество клиентов.
Примеры сайтов на HTML, с которых стоит начать
Этот шаблон создан для пользователей, которым необходимо продемонстрировать как можно больше фотографий в хорошем качестве: например, для фотографов, моделей или иллюстраторов. Кроме обширной галереи, в шаблоне есть блог, страницы «О себе» и «Контакты», а также панель с ссылками на социальные сети.
Яркий и функциональный шаблон, который подойдет для ресторана, бара или службы доставки. Шаблон включает возможность для онлайн заказа и отдельную страницу с настраиваемым меню еды и напитков.
Пример сайтов в сфере фитнес-бизнеса: для персональных тренеров, владельцев спортзалов, йога-инструкторов и так далее. Вы можете не только размещать видео и фото классов, но дать посетителям возможность забронировать занятие и приобрести абонемент. Всеми процессами можно легко управлять через мобильное приложение.
Этот шаблон помогает превратить потенциальных лидов в довольных покупателей. Пользователи могут посмотреть весь каталог товаров, или познакомиться со специальными категориями (например, скидки, новые коллекции или бестселлеры). Кроме того, шаблон включает функцию живого чата со службой поддержки, что позволяет решить любую возникшую проблему в кратчайшие сроки.
Недавно мы подробно писали о том, как создание блога может помочь вашему бизнесу. В этом шаблоне все готово для публикации интересных статей: от аккуратной верстки до раздела «Об авторе» с эффектом параллакса.
Сергей Букринский
контент-менеджер Wix.