WeMAIdeОбсудить проект ↗

WEMAIDE / INSIGHTS / ПРАКТИКА

10 идей для сайта бизнеса, которые хочется попробовать

Квартира по виду из окна, занятие по готовой чашке и автомобиль по размеру багажника. Десять авторских концепций WeMAIde с макетами для ПК и смартфона и разбором первой версии.

Практика8 мин чтения
Макет сайта жилого дома на компьютере и телефоне

Представьте, что вы покупаете квартиру. У кухни с утренним солнцем и кладовки в цоколе одинаковые серые карточки. Где-то в каталоге есть окно, из которого вы будете смотреть на город каждое утро. Как быстро вы его найдёте?

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

1. Сайт недвижимости, где квартиру выбирают по окнам

Покупатель хочет кухню с утренним солнцем, а получает папку с четырнадцатью планировками. В ATRIUM он нажимает на этаж прямо на фасаде. Подсвечиваются окна, рядом появляется план квартиры. Когда человек записывается на просмотр, менеджер уже знает, какую именно кухню ему показать.

Сайт недвижимости, где квартиру выбирают по окнам — версии для компьютера и смартфона
Сайт недвижимости, где квартиру выбирают по окнам · Full size ↗
Explore a floor · sample data
3A · 54 m²One bedroom overlooking the courtyard. The kitchen faces east.
8B · 76 m²Two bedrooms with a corner balcony and morning light.
12C · 91 m²Three bedrooms and a west-facing terrace.

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

2. Интернет-магазин одежды с живым лукбуком

Жакет нравится. Но с чем его носить? В FOLD модель остаётся на месте, пока покупатель перебирает готовые сочетания. Сразу видно, как меняется силуэт с широкими брюками и другой обувью. Из образа можно забрать только жакет или выбрать размеры нескольких вещей.

Интернет-магазин одежды с живым лукбуком — версии для компьютера и смартфона
Интернет-магазин одежды с живым лукбуком · Full size ↗

Начать можно с одной капсулы и съёмки в фиксированной позе. На смартфоне лента образов ложится под портрет. При оценке бюджета стоит посчитать и следующую коллекцию: для неё потребуется новая серия кадров.

3. Сайт визажиста, где макияж становится заданием мастеру

«Хочу естественно, только чуть поярче» каждый читает по-своему. В TINT клиент выбирает образ на портрете, меняет оттенок губ и передаёт понравившийся вариант вместе с записью. У мастера появляется отправная точка для разговора.

Сайт визажиста, где макияж становится заданием мастеру — версии для компьютера и смартфона
Сайт визажиста, где макияж становится заданием мастеру · Full size ↗

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

4. Мебельный магазин, в котором каталог — это комната

На фото диван и торшер отлично смотрятся вместе. Обычно дальше начинается квест по поиску артикула. В FORM каждую вещь в комнате можно выбрать на месте. У дивана открываются ширина и обивка, у торшера — высота и цена. Из понравившегося собирается список для визита в салон.

Мебельный магазин, в котором каталог — это комната — версии для компьютера и смартфона
Мебельный магазин, в котором каталог — это комната · Full size ↗

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

5. Сайт ресторана с выбором любимого столика

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

Сайт ресторана с выбором любимого столика — версии для компьютера и смартфона
Сайт ресторана с выбором любимого столика · Full size ↗
Pick your table · sample data
Table 2 · seats twoDaylight, street view and level access from the entrance.
Counter 4 · seats fourHigh stools facing the open kitchen.
Table 9 · seats sixA covered outdoor table, one step down from the dining room.

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

6. Сайт отеля, на котором бронируют утро

У двух номеров одинаковый метраж и одинаковая кровать. Из одного видно рассвет над водой. Из другого дверь ведёт в тихий дворик к завтраку. В TIDE реальный вид из окна ведёт к выбору категории, дат и условий бронирования.

Сайт отеля, на котором бронируют утро — версии для компьютера и смартфона
Сайт отеля, на котором бронируют утро · Full size ↗

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

7. Сайт производителя с каталогом внутри изделия

Механик узнает повреждённую крыльчатку быстрее, чем вспомнит её артикул. В TORQUE насос раскрывается на детали. Нажатие на крыльчатку выдаёт номер, совместимые модели и чертёж для запроса поставщику.

Сайт производителя с каталогом внутри изделия — версии для компьютера и смартфона
Сайт производителя с каталогом внутри изделия · Full size ↗

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

8. Сайт школы керамики с записью по готовой работе

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

Сайт школы керамики с записью по готовой работе — версии для компьютера и смартфона
Сайт школы керамики с записью по готовой работе · Full size ↗

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

9. Сайт фитнес-студии, который помещается в расписание клиента

Сейчас вторник, а между офисом и электричкой есть сорок минут. В PACE посетитель задаёт этот промежуток и видит занятия, которые успеют закончиться вовремя. В карточке на телефоне время окончания так же заметно, как время начала.

Сайт фитнес-студии, который помещается в расписание клиента — версии для компьютера и смартфона
Сайт фитнес-студии, который помещается в расписание клиента · Full size ↗
Find a class that fits · sample data
18:10–18:30 · MobilityA twenty-minute stretch session in Studio B.
18:10–18:50 · StrengthA full-body circuit in Studio A, finished before seven.
18:10–19:10 · RideAn hour of coached cycling in the downstairs studio.

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

10. Сайт автосалона с тестом на чемодан

Объём багажника в литрах редко отвечает на вопрос «влезет ли наша коляска?». В MILE сравниваются две машины с одним и тем же предметом, снятым в одинаковом положении. Рядом указаны ширина проёма, глубина и высота порога.

Сайт автосалона с тестом на чемодан — версии для компьютера и смартфона
Сайт автосалона с тестом на чемодан · Full size ↗

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

Как уложить идею в срок и бюджет

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

Этот же бриф работает для любой из десяти тем. Запишите вопрос покупателя его собственными словами. Приложите материал, который вы обычно показываете в ответ. Укажите, какое действие человек сможет завершить сам. С таким примером команда WeMAIde сможет предложить первую версию и обосновать сроки разработки сайта.

Скачать бриф на разработку сайта ↓

Бесплатный редактируемый текст с примером: аудитория, материалы, законченный сценарий и критерии приёмки.

WeMAIdeДизайн и разработка цифровых продуктов.

ОТ ИДЕИ К САЙТУ

Обсудим ваш сайт?

Расскажите, что должен уметь ваш будущий сайт.

Написать в Telegram ↗