Назад к списку кейсов

Istoki (18+)

Интернет-магазин инсайтов YouTube-блогера Tsmok Blog: временная страница за пять часов, затем полноценный магазин на WordPress и WooCommerce.

Введение:

Сергей — активно набирающий популярность YouTube-блогер и мой хороший друг. Мы по-прежнему совместно развиваем Brutal Potion, процесс создания сайта которого описан здесь, однако этот кейс посвящён личному сайту блогера — «Istoki».

Сайт — магазин курсов и услуг канала. Заказ проходит сам, без ручного участия: подписчику не нужно писать в личку, а Сергею — вести каждую покупку руками.

Сергей — автор YouTube-канала Tsmok Blog
Сергей. Автор YouTube-канала Tsmok Blog.

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

Стадия 1. Разработка временной страницы.

1.1 Разместить существующие курсы и инсайты Сергея с подробным описанием.

1.2 Предоставить все доступные способы связи для оформления заказа.

1.3 Разместить отзывы Вконтакте и слайдер с отзывами.

Чтобы не терять время, для временной версии взял бесплатный шаблон по лицензии CC BY 3.0 — она разрешает править шаблон и использовать его в коммерции.

Совместно с Сергеем мы выбрали шаблон «Workshop» от Colorlib.

Бесплатный шаблон «Workshop» от Colorlib, взятый за основу временной версии Istoki
Шаблон «Workshop» от Colorlib.

Залили свой контент, я перебрал шрифты и добавил несколько своих блоков. Пять часов работы, не считая подготовки текстов.

Временная страница Istoki, собранная на шаблоне «Workshop»

Наведите или нажмите — сайт промотается. ⛶ — открыть целиком

Временная версия Istoki на шаблоне «Workshop»: страница целиком.

Стадия 2. Разработка сайта.

2.1 Разработать сайт на базе CMS WordPress и плагина электронной коммерции WooCommerce.

2.2 Переработать дизайн и вёрстку существующего лендинга.

2.3 Реализовать удобный вывод товаров Tsmok Blog на главной странице с возможностью фильтрации.

2.4 Настроить приём платежей через удобную систему оплаты.

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

Новая версия Istoki.
Видео опубликовано 28 февраля 2022 года.

Переделал навигацию и вынес на первый экран вступление с фотографией Сергея — витрине канала нужно лицо, а не абстрактная обложка.

Первый экран сайта Istoki с фотографией и вступлением Сергея
Первый экран сайта Istoki.
Карточка товара на сайте Istoki
Пример товара на сайте Istoki.

Разработка раздела с товарами длилась дольше всего. Все данные легко редактируются из админ-панели WordPress.

Процесс оформления заказа максимально прост для пользователя: заказ оформляется в три перехода по страницам проекта.

Дольше всего выбирали платёжку. Сначала подключили QiWi, потом заменили на Ю.Money — условия оказались выгоднее. Обе принимают карту любого банка без комиссии для покупателя.

Оформление заказа на сайте Istoki

Наведите или нажмите — сайт промотается. ⛶ — открыть целиком

Оформление заказа на сайте Istoki.

На данный момент сайт полностью доработан и регулярно обновляется самим Сергеем.


Отзыв о сотрудничестве:

Сергей рассказал о проекте в отдельном видео-интервью.

Видео-интервью с Сергеем Tsmok Blog о проекте Istoki.
Видео опубликовано 17 июля 2022 года.

На сайт!

Для тех, кому интересно посмотреть на сайт Сергея.

На YouTube!

Для тех, кому интересен канал Сергея Tsmok Blog на YouTube.