Home & Decor — сайт школы интерьерного стайлинга Юлии Чеботарь. Изначально заказчица хотела внести небольшие улучшения в свой проект на Тильде — добавить слайдер, подключить систему оплаты. Со временем потребовался новый функционал — настроить отправку писем, создать личные кабинеты пользователей и биржу вакансий с модерацией через Telegram.

За доработкой проекта Юлия обратилась к фрилансеру-зерокодеру Александру Соловьеву. Новые возможности были реализованы с помощью стека no-code инструментов: Airtable, Collabza, Make, SendPulse. Общий бюджет проекта составил 150 тыс. рублей, а в целом на разработку ушло 2 месяца.

Об Александре

Привет! Меня зовут Александр Соловьев, мне 31 год, и я фрилансер. По образованию я маркетолог, но по профессии ни разу не работал. Долгое время был ведущим мероприятий, но потом мир накрыл коронавирус, пришлось искать новые возможности. Так основным делом стало мое хобби — разработка сайтов.

Первый сайт я создал ещё в 14 лет, для этого даже выучил HTML. Периодически возвращался к разработке, изучал разные инструменты, делал простые лендинги на заказ, проекты на Тильде.

Сейчас я создаю проекты, используя стек no-code инструментов. В совершенстве знаю Tilda и Collabza, работаю в AirTable, Make (Integromat), иногда делаю проекты на WebFlow, Botmother. Пробовал Zapier, Wappler, также могу писать код на JavaScript — использую его, когда возможностей зерокодинга не хватает для реализации сложных задумок.

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

О проекте Home & Decor

Один из проектов, с которыми я работал — сайт школы интерьерного стайлинга Юлии Чеботарь Home & Decor. Заказчица Юлия написала мне в чате «Тильдошной» — русскоязычном комьюнити платформы Tilda, где клиенты и разработчики часто находят друг друга.

Юлия самостоятельно создала с нуля сайт на Тильде и разместила там контент — курсы и мастер-класс.

Главная страница сайта Home & Decor
Главная страница сайта Home & Decor

От меня требовалось привести сайт в порядок, подключить сервисы оплаты и добавить на главную страницу слайдер. Но этим всё не ограничилось, так как проект постоянно развивался. В итоге вся работа была разбита на 4 этапа. Общий бюджет разработки составил 150 тыс. рублей.

Этап первый: помощь с дизайном

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

На тот момент на сайте было три страницы: расписание курсов по дизайну интерьера, основной курс и дополнительный.

Я сделал ей слайдер на главной странице, дизайн меню, подключил сервис оплаты, чтобы пользователи, которые заинтересовались курсами, могли их купить.

Этап второй: автоматическая отправка писем через SendPulse

Вскоре на сайте появился новый блок — видео с мастер-классами по сервировке. Несколько видеороликов были доступны к просмотру прямо на странице. Чтобы получить дополнительные бесплатные материалы, пользователи должны были заполнить форму и оставить email. Потребовался новый функционал, с помощью которого можно было бы настроить автоматическую отправку писем с видеороликами людям, оставившим заявку. Я реализовал эту возможность через сервис SendPulse.

Этап третий: создание клуба стилистов

Через некоторое время Юлия пришла с новой задачей — создать на сайте клуб стилистов, то есть закрытый блог с полезной информацией для интерьерных стилистов, включающий блок с вакансиями.

Клуб интерьерных стилистов
Клуб интерьерных стилистов

На тот момент я изучил Collabza и знал, как это можно реализовать. На сайте было создано два варианта личных кабинетов для двух ролей: интерьерный стилист и интерьерный дизайнер.

Кабинет дизайнера

Главное отличие личного кабинета дизайнера от личного кабинета стилиста — функционал создания заявки на поиск подходящего специалиста.

Кабинет дизайнера

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

Заявка на поиск интерьерного стилиста

Чтобы упростить процесс модерации, я реализовал интеграцию с Telegram — то есть все заявки, которые оставляют дизайнеры, сначала попадают в специальный канал Telegram, а Юлия или ее помощница в один клик либо одобряют заявку, либо отклоняют ее. Также одобрить заявку можно в Airtable.

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

Просмотр созданных заявок

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

Кабинет стилиста

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

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

Просмотр заявок в личном кабинете стилиста

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

Этап четвертый: создание мастер-классов и объединение всех пользователей в одну таблицу

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

Страница мастер-классов

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

  • стилист,
  • дизайнер,
  • просто посетитель, который хочет купить какой-то курс или мастер-класс.

После изменений появился стандартный личный кабинет с библиотекой мастер-классов и ответами на вопросы. Необходимость в разделении на роли осталась, поэтому для стилистов и дизайнеров доступ к клубу стилистов был реализован по-новому — через скрипт.

Что я понял, работая над сайтом? Такие большие сайты нужно проектировать заранее, чтобы не пришлось потом всё переделывать и искать новые возможности добавить новый функционал, не ломая старый.