Логотип Nature Gradient
Красочный и современный логотип с градиентной заливкой, вдохновлённый природной эстетикой. Подходит для брендов в сфере экологии, wellness, образования, креативных агентств, интернет-магазинов и цифровых платформ.
100% векторный дизайн обеспечивает лёгкость редактирования и масштабирования без потери качества. Ссылки на бесплатные шрифты доступны в папке документации.
Формат файлов: #AI #CDR #EPS #PDF #PNG #PSD
Ссылка: Скачать логотип
Лучшие статьи от Станислава Хрусталёва (hardclient). Сумасшедшие гайдлайны и советы.
- Проектируем интерфейс корзины в интернет-магазине: 138 гайдлайнов.
- Проектируем цену и скидки на странице товара в интернет-магазине: 56 моментов, которые стоит учитывать. - Проектируем каталог товаров в интернет-магазине: 152 гайдлайна.
- Проектируем карточки товаров в листинге интернет-магазина: 173 гайдлайна.
🌐 Профиль на Habr.
👁 Шаринган дизайнера
HEARTZ Интернет-магазин одежды
Интернет-магазин - Одежда
Что дизайнеру нужно знать про A/B-тесты
#процессы
A/B-тест — это способ проверить, какая из версий интерфейса работает лучше. Пользователи разделяются случайным образом на когорты — одна часть видит текущую версию (А), другая — новую (B). Если вариантов больше, это уже ABCD-тест: каждый сегмент получает свой вариант. Затем сравниваются ключевые метрики: кто чаще нажал кнопку, купил, заполнил форму, вернулся через день и т.д.
Пример 1: В мобильном приложении ты меняешь онбординг.
A — 4 экрана с описанием.
B — 2 экрана и сразу вход в продукт.
Если B показывает выше конверсию в регистрацию — значит, гипотеза сработала.
Пример 2: Тестируем нейминг в кнопке на том же онбординге.
A — кнопка «Начать бесплатно»,
B — «Попробовать демо»,
C — «Получить доступ»,
D — «Зарегистрироваться».
Сравниваются клики и последующие действия. Это уже ABCD-тест.
Роль дизайнера в проектировании A/B тестов
✦ Формулирует гипотезу. Например: «Если показать преимущества тарифа в виде иконок, то пользователи будут чаще покупать». В следующем посте расскажу о том, как правильно формулировать гипотезы.
✦ Проектирует новый вариант. Это может быть один экран, флоу или отдельный элемент.
✦ Определяет метрику успеха. Часто вместе с аналитиком или продактом: что измеряем — клики, покупки, завершение шага?
✦ Передаёт вариант в разработку. После запуска отслеживает, как идёт тест.
✦ Анализирует результат. Сработало или нет? Почему? Что можно улучшить?
Примеры 3: Тестируем порядок шагов в оформлении заказа в e-commerce приложении.
A — сначала ввод адреса, потом выбор доставки.
B — сначала выбор доставки, потом адрес.
Если B даёт меньше отказов на втором шаге и выше завершение заказа — он выигрывает.
Пример 4: Тестируем дизайн карточки товара в интернет-магазине.
A — карточка с ценой и кнопкой «Купить» сразу под фото.
B — карточка, где сначала описание, потом кнопка.
Если A показывает выше кликабельность и больше покупок — оставляем этот вариант.
Пример 5: В приложении по подписке тестируем экран оплаты.
A — обычный экран с выбором тарифа.
B — тот же экран, но с иконками преимуществ тарифа и отзывами.
Если B даёт выше конверсию в оплату — UI работает лучше на принятие решения.
Мы в продукте проверяли каждый чих через AB. Это на самом деле супер удобная механика, но не у всех продуктов она есть. На старте в первые месяцы жизни продукта нормально просто катить фичи в прод и смотреть что из этого выходит. Небольшое количество пользователей и ограниченный функционал дают свои преимущества.
Тестировать с помощью AB можно от кнопки, до флоу. Мы делали тесты на редизайн целых разделов в продукте: порядка месяца набирали данные, чтобы потом принять решение о раскатке.
🔥 Жду твой огонёк.
—————————
Навигация
← Пост 3
@design_awesome
Старый-добрый интернет магазин можно сделать и по стандартной сетке. У ребят из Лиссабона получилось на пятерку
Вся информация отлично читается, все данные всегда перед глазами, навигация понятна, анимация быстрая и приятная.
Сайт тут
Web Design Inspiration
🧰 Shoppe - eCommerce
Шаблон интернет-магазина одежды
Dezzigners
Интернет-магазин Дизайнерских светильников
Тематика: #Оборудование_для_бизнеса
Формат сайта: #Интернет_магазин
Ссылка: Скачать макет
Макеты Figma
ИНТЕРНЕТ МАГАЗИН — ТОВАРЫ ДЛЯ ТАТУ МАСТЕРОВ
Есть десктопная и мобильная версии.
#оборудование_для_бизнеса #интернет_магазин #русский
Макеты Figma
Интернет-магазин - Косметики
Тематика: #Красота
Формат сайта: #Интернет_магазин
Ссылка: Скачать макет
Макеты Figma
Макетная Figma
Интернет-магазин - Одежды
ИНТЕРНЕТ МАГАЗИН — НОЖЕЙ
Содержание:
— Главная
— Карточка товара
— Десктопная и мобильная версии
#товары_для_дома #интернет_магазин #русский
Макеты Figma
Интернет магазин - Доставка стройматериалов
Тематика: #Строительство_и_ремонт
Формат сайта: #Интернет_магазин
Ссылка: Скачать макет
Макеты Figma
Макетная Figma
Интернет магазин - Доставка суши и роллов
Интернет магазин - Цветочный магазин
Интернет магазин - спортивного питания
Нужен веб-дизайнер для создания небольшого интернет магазина по продаже керамической посуды от предприятия в Новосибирске.
Откликнуться 👉 @sansannaaaaa
Продвигаются ли сайты на блочной теме?
Когда я задумывал сайт Trek-Kavkaz.ru это было чисто решение для школы, я просто показывал как сделать интернет-магазин без знания кода, как добавить его в поиск Яндекса, короче все по делу.
Но я не планировал продавать ботинки) (хотя может и надо раз магазин вышел в поиск)
Да конечно это минимальная выдача, да и трафика мало пока.
НО Я ЗАГРУЗИЛ ТУДА 7 товаров!
И он вышел в топ чуть выше CDEK в ТОП на главной.
Представьте себе что Яндексу все равно что там мало товаров.
Релевантность запросу есть - сайт открывается быстро - хорошо пошли в ТОП.
Я не покупал ссылки.
Я не продвигал сайт по рекламе.
Это учебный сайт.
Как видите блочные темы также хорошо продвигаются по SEO, нет никакой разницы с сайтами на коде, просто сайт на коде мы пишем кодом, а сайт на блочной теме тот же самый код зашит в кнопки редактора.
По сути одно и то же.
Так что ребята если нужен курс по магазину пишите мне @Nicecoderr и давайте выведем и ваш магазин в ТОП Яндекс поиска.
