нюансы прототипи-рования
и UX

school_flashfamily

тильда гуру

интернет-магазина

и UX

school_flashfamily

первый экран

тильда гуру

На главной странице должна быть навигация по страницам. Отдельно должен быть каталог и страница оплаты и доставки. Должна быть корзина в шапке и может избранные товары. Можно ли поиск на Тильде сделать? Должна быть возможность связаться. Еще нужно по-хорошему прописывать зону доставки.
Когда количество товаров больше чем на один экран, то лучше вынести товары на отдельную страницу

school_flashfamily

тильда гуру

На главной странице должна быть навигация по страницам. Отдельно должен быть каталог и страница оплаты и доставки. Должна быть корзина в шапке и может избранные товары. Можно ли поиск на Тильде сделать? Должна быть возможность связаться. Еще нужно по-хорошему прописывать зону доставки.
Когда количество товаров больше чем на один экран, то лучше вынести товары на отдельную страницу

Примеры первых экранов

school_flashfamily

иерархия в витрине товаров

тильда гуру

На главной странице должна быть навигация по страницам. Отдельно должен быть каталог и страница оплаты и доставки. Должна быть корзина в шапке и может избранные товары. Можно ли поиск на Тильде сделать? Должна быть возможность связаться. Еще нужно по-хорошему прописывать зону доставки.
Когда количество товаров больше чем на один экран, то лучше вынести товары на отдельную страницу

school_flashfamily

тильда гуру

На главной странице должна быть навигация по страницам. Отдельно должен быть каталог и страница оплаты и доставки. Должна быть корзина в шапке и может избранные товары. Можно ли поиск на Тильде сделать? Должна быть возможность связаться. Еще нужно по-хорошему прописывать зону доставки.
Когда количество товаров больше чем на один экран, то лучше вынести товары на отдельную страницу

Примеры оформления витрины в стандартных блоках

school_flashfamily

тильда гуру

На главной странице должна быть навигация по страницам. Отдельно должен быть каталог и страница оплаты и доставки. Должна быть корзина в шапке и может избранные товары. Можно ли поиск на Тильде сделать? Должна быть возможность связаться. Еще нужно по-хорошему прописывать зону доставки.
Когда количество товаров больше чем на один экран, то лучше вынести товары на отдельную страницу

Примеры оформления витрины в стандартных блоках

school_flashfamily

витрина в зеро-блоке

тильда гуру

Витрину возможно оформить в зеро-блоке. Это можно сделать, когда нужно интересно подать информацию на сайте с небольшим количеством товаров

В кнопке такой карточки укажите ссылку вида: #order:productname=price. Например: #order:Наушники=700

Через каталог такая витрина редактироваться не будет

На главной странице должна быть навигация по страницам. Отдельно должен быть каталог и страница оплаты и доставки. Должна быть корзина в шапке и может избранные товары. Можно ли поиск на Тильде сделать? Должна быть возможность связаться. Еще нужно по-хорошему прописывать зону доставки.
Когда количество товаров больше чем на один экран, то лучше вынести товары на отдельную страницу

school_flashfamily

тильда гуру

На главной странице должна быть навигация по страницам. Отдельно должен быть каталог и страница оплаты и доставки. Должна быть корзина в шапке и может избранные товары. Можно ли поиск на Тильде сделать? Должна быть возможность связаться. Еще нужно по-хорошему прописывать зону доставки.
Когда количество товаров больше чем на один экран, то лучше вынести товары на отдельную страницу

Примеры оформления витрины в зеро-блоках

school_flashfamily

карточки товаров

тильда гуру

Карточка товара по умолчанию открываться как поп-ап

На главной странице должна быть навигация по страницам. Отдельно должен быть каталог и страница оплаты и доставки. Должна быть корзина в шапке и может избранные товары. Можно ли поиск на Тильде сделать? Должна быть возможность связаться. Еще нужно по-хорошему прописывать зону доставки.
Когда количество товаров больше чем на один экран, то лучше вынести товары на отдельную страницу

• Внутри карточки товара важно указать всю необходимую информацию о товаре: название, характеристики, артикул и так далее
• Важно продумать все варианты товара, выбор цвета, размера, дополнительных опций
• Если объём текста большой, то можно заполнить информацию в раскрывающихся табах
• Также в карточке товара полезно добавить возможность просмотра товаров, которые возможно заинтересуют пользователя и сделают кросс-продажу

Настройки блока → Секция «Смотрите также»

school_flashfamily

карточки товаров

тильда гуру

Карточка товара по умолчанию открываться как поп-ап

На главной странице должна быть навигация по страницам. Отдельно должен быть каталог и страница оплаты и доставки. Должна быть корзина в шапке и может избранные товары. Можно ли поиск на Тильде сделать? Должна быть возможность связаться. Еще нужно по-хорошему прописывать зону доставки.
Когда количество товаров больше чем на один экран, то лучше вынести товары на отдельную страницу

Карточка товара по умолчанию открываться как поп-ап, но есть возможность сделать её отдельной страницей. На отдельной странице возможно сделать более сложную структуру карточки.

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

school_flashfamily

тильда гуру

На главной странице должна быть навигация по страницам. Отдельно должен быть каталог и страница оплаты и доставки. Должна быть корзина в шапке и может избранные товары. Можно ли поиск на Тильде сделать? Должна быть возможность связаться. Еще нужно по-хорошему прописывать зону доставки.
Когда количество товаров больше чем на один экран, то лучше вынести товары на отдельную страницу

Карточка отдельной страницей

Карточка поп-ап

school_flashfamily

навигация

тильда гуру

На каждой странице должны быть хлебные крошки, они дают пользователю понимание, на каком уровне сайта он находится

На главной странице должна быть навигация по страницам. Отдельно должен быть каталог и страница оплаты и доставки. Должна быть корзина в шапке и может избранные товары. Можно ли поиск на Тильде сделать? Должна быть возможность связаться. Еще нужно по-хорошему прописывать зону доставки.
Когда количество товаров больше чем на один экран, то лучше вынести товары на отдельную страницу

school_flashfamily

корзина, избранное, поиск

тильда гуру

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

На главной странице должна быть навигация по страницам. Отдельно должен быть каталог и страница оплаты и доставки. Должна быть корзина в шапке и может избранные товары. Можно ли поиск на Тильде сделать? Должна быть возможность связаться. Еще нужно по-хорошему прописывать зону доставки.
Когда количество товаров больше чем на один экран, то лучше вынести товары на отдельную страницу

school_flashfamily

тильда гуру

Корзина виджет

Корзина в зеро-блоке

school_flashfamily

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

тильда гуру

school_flashfamily

страница успеха и ошибки

тильда гуру

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

На главной странице должна быть навигация по страницам. Отдельно должен быть каталог и страница оплаты и доставки. Должна быть корзина в шапке и может избранные товары. Можно ли поиск на Тильде сделать? Должна быть возможность связаться. Еще нужно по-хорошему прописывать зону доставки.
Когда количество товаров больше чем на один экран, то лучше вынести товары на отдельную страницу

school_flashfamily

тильда гуру

https://school.flashfamily.ru/success-zenclass

school_flashfamily

договор оферты

тильда гуру

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

school_flashfamily

доставка и оплата

тильда гуру

Во всех интернет-магазинах важно добавлять страницу «Доставки и оплаты», где указываются все условия оформления заказа, возврата, гарантии и так далее

school_flashfamily

ограничения магазина на тильде

тильда гуру

flash_family

спасибо :)

school_flashfamily

flashfamily

school.flashfamily

тильда гуру