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, где клиенты и разработчики часто находят друг друга.
Юлия самостоятельно создала с нуля сайт на Тильде и разместила там контент — курсы и мастер-класс.
От меня требовалось привести сайт в порядок, подключить сервисы оплаты и добавить на главную страницу слайдер. Но этим всё не ограничилось, так как проект постоянно развивался. В итоге вся работа была разбита на 4 этапа. Общий бюджет разработки составил 150 тыс. рублей.
Этап первый: помощь с дизайном
Юлия обратилась ко мне с задачей помочь с дизайном и сделать слайдер на главной. Когда я открыл сайт, то удивился — он не требовал серьезных доработок. Юлия до создания своего проекта никогда не притрагивалась к Тильде, но она — интерьерный стилист, у нее есть вкус, чувство стиля и композиции, поэтому она интуитивно понимала, как правильно расположить элементы. Даже люди, которые работают с Тильдой, не всегда могут сделать такой проект.
На тот момент на сайте было три страницы: расписание курсов по дизайну интерьера, основной курс и дополнительный.
Я сделал ей слайдер на главной странице, дизайн меню, подключил сервис оплаты, чтобы пользователи, которые заинтересовались курсами, могли их купить.
Этап второй: автоматическая отправка писем через SendPulse
Вскоре на сайте появился новый блок — видео с мастер-классами по сервировке. Несколько видеороликов были доступны к просмотру прямо на странице. Чтобы получить дополнительные бесплатные материалы, пользователи должны были заполнить форму и оставить email. Потребовался новый функционал, с помощью которого можно было бы настроить автоматическую отправку писем с видеороликами людям, оставившим заявку. Я реализовал эту возможность через сервис SendPulse.
Этап третий: создание клуба стилистов
Через некоторое время Юлия пришла с новой задачей — создать на сайте клуб стилистов, то есть закрытый блог с полезной информацией для интерьерных стилистов, включающий блок с вакансиями.
На тот момент я изучил Collabza и знал, как это можно реализовать. На сайте было создано два варианта личных кабинетов для двух ролей: интерьерный стилист и интерьерный дизайнер.
Кабинет дизайнера
Главное отличие личного кабинета дизайнера от личного кабинета стилиста — функционал создания заявки на поиск подходящего специалиста.
Дизайнер может составить вакансию, прописать, что на конкретное число планируется съемка и ему требуется интерьерный стилист, загрузить фото объекта. Заявка с вакансией после модерации появляется на сайте.
Чтобы упростить процесс модерации, я реализовал интеграцию с Telegram — то есть все заявки, которые оставляют дизайнеры, сначала попадают в специальный канал Telegram, а Юлия или ее помощница в один клик либо одобряют заявку, либо отклоняют ее. Также одобрить заявку можно в Airtable.
Все заявки хранятся в личном кабинете дизайнера. Их можно в любой момент просмотреть, выбрать исполнителя или изменить информацию в вакансии.
Также в личный кабинет дизайнера был добавлен блок с ответами на вопросы. Сделать удобный UX в рамках Тильды и этого стека не так просто, люди привыкли немного к другому интерфейсу, поэтому мы прописали ответы на вопросы, чтобы пользователи не запутались.
Кабинет стилиста
Для интерьерных стилистов был сделан отдельный личный кабинет с информацией, новостями, данными профиля, портфолио.
Также стилисты из личного кабинета могут просматривать заявки дизайнеров и откликаться на них.
Чтобы откликнуться на заявку, нужно прописать гонорар. На основе гонорара и портфолио дизайнер уже может выбрать того стилиста, который ему подходит.
Этап четвертый: создание мастер-классов и объединение всех пользователей в одну таблицу
Летом 2022 года на сайте появилась новая страница с мастер-классами — бесплатными и платными. Необходим был функционал, который бы позволил добавлять мастер-классы в корзину и оплачивать их.
Здесь возникла проблема — мастер-классы должны были видеть все пользователи после входа на сайт, а я, когда создавал клуб стилистов, разделил пользователей на два кабинета — стилиста и дизайнера. Соответственно, в Airtable я тоже создал две разные таблицы — для дизайнеров и стилистов. Пришлось всё переделывать, убирать роли, менять логику и объединять базы данных. Сейчас в Airtable одна таблица, в которой все пользователи делятся на три категории:
- стилист,
- дизайнер,
- просто посетитель, который хочет купить какой-то курс или мастер-класс.
После изменений появился стандартный личный кабинет с библиотекой мастер-классов и ответами на вопросы. Необходимость в разделении на роли осталась, поэтому для стилистов и дизайнеров доступ к клубу стилистов был реализован по-новому — через скрипт.
Что я понял, работая над сайтом? Такие большие сайты нужно проектировать заранее, чтобы не пришлось потом всё переделывать и искать новые возможности добавить новый функционал, не ломая старый.
