Что такое «ЛоскЛана»
«ЛоскЛана» — проект Светланы Лоскутовой, посвящённый йоге, гвоздестоянию, телесным практикам, обучению и путешествиям.
Моя задача заключалась в том, чтобы собрать всю информацию в одном месте и сделать сайт, которым действительно удобно пользоваться.
Не просто страницу с фотографиями и контактами, а полноценный ресурс, где человек может познакомиться с преподавателем, выбрать направление, посмотреть расписание и оставить заявку.
Как я подошёл к разработке
Сначала определил визуальное направление проекта.
Здесь не хотелось делать обычный коммерческий лендинг с яркими кнопками и навязчивыми предложениями.
Поэтому выбрал спокойный минималистичный дизайн:
- Светлые кремовые фоны и природные оттенки зелёного.
- Крупную выразительную типографику.
- Фотографии Светланы и материалы практик.
- Отдельные блоки со скруглёнными углами.
- Ненавязчивые растительные элементы и анимации.
Важно было сохранить ощущение пространства и спокойствия, но при этом сделать навигацию понятной.
Более 20 страниц вместо одного лендинга
По мере разработки сайт постепенно расширялся.
Сейчас в проекте есть отдельные страницы:
- О Светлане.
- Йоги, гвоздестояния и телесных практик.
- Обучения.
- Календаря мероприятий.
- Видеоматериалов.
- Контактов.
- Шести видов регулярных занятий.
- Шести ретритов с отдельными программами.
Для каждой страницы я прорабатывал структуру, адаптацию под мобильные устройства, внутренние ссылки и оформление.
В итоге получился не набор разрозненных страниц, а связанный сайт, по которому можно последовательно переходить от знакомства с практикой к записи.
Интерактивный календарь занятий
Одной из наиболее интересных задач стал календарь.
Обычного списка с датами здесь было недостаточно. Нужно было объединить регулярные занятия, разовые мероприятия и многодневные ретриты.
В результате реализовал:
- Просмотр мероприятий списком или календарной сеткой.
- Цветовое выделение дней с занятиями.
- Отображение нескольких мероприятий в один день.
- Фильтрацию по направлениям.
- Переключение месяцев и возвращение к сегодняшней дате.
- Переходы на отдельные страницы практик и ретритов.
В расписании предусмотрены 18 еженедельных записей, распределённых по шести видам занятий.
При этом расписание используется сразу в нескольких разделах сайта, без необходимости вручную создавать отдельные копии для каждой страницы.
Посмотреть календарь мероприятий
Отдельные страницы ретритов
Для путешествий сделал полноценный раздел с отдельными страницами.
На каждой странице предусмотрены информация о поездке, даты, программа по дням, условия участия, подготовка и возможность связаться с организатором.
Отдельно пришлось продумать работу с прошедшими мероприятиями: их страницы сохраняются, но посетителю не предлагается записаться на уже завершившуюся поездку.
Что пришлось переделывать
Разработка не обошлась без проблем.
Например, календарь пришлось дорабатывать несколько раз: сначала мероприятия отображались маленькими точками, затем появились полноценные цветные ячейки, группировка событий, фильтры и корректное отображение многодневных поездок.
Были и технические сложности. После отдельных обновлений возникали ошибки 502, а новые страницы занятий некоторое время возвращали 404, поскольку изменения существовали локально, но не были опубликованы на сервере.
Пришлось разбираться с маршрутизацией, синхронизацией файлов и процессом публикации.
Для снижения риска подобных ситуаций добавил автоматические проверки основных страниц перед развёртыванием изменений.
SEO и скорость загрузки
Отдельное внимание уделил технической оптимизации.
Настроил SEO-заголовки и описания, canonical URL, sitemap.xml, robots.txt, внутренние ссылки и структурированные данные для подходящих страниц.
Также оптимизировал изображения, декоративные элементы и их загрузку на мобильных устройствах.
Один из измеримых результатов — главная страница:
В мобильном тесте Lighthouse оценка производительности выросла с 74 до 97 баллов, а LCP сократился с 7,0 до 1,6 секунды.
Это лабораторные показатели, а не гарантия одинаковой скорости для каждого посетителя.
Сайт технически подготовлен к индексации. Фактические позиции и присутствие отдельных страниц в Яндексе и Google требуют отдельной проверки через инструменты поисковых систем.
Что получилось
«ЛоскЛана» выросла из идеи сайта о практиках в полноценный многостраничный digital-проект.
Сейчас у сайта есть единая визуальная система, каталог направлений, календарь, страницы занятий и ретритов, видеоматериалы и формы обратной связи.
Для меня этот проект стал хорошим примером того, почему разработка сайта не заканчивается на красивом первом экране.
Настоящая работа начинается тогда, когда все страницы, данные и действия пользователя должны работать вместе.
Коротко по теме
- Разработал многостраничный сайт «ЛоскЛана» для йоги, практик и ретритов.
- Создал более 20 страниц с единым адаптивным дизайном.
- Реализовал интерактивный календарь с фильтрами и регулярными занятиями.
- Настроил формы заявок, внутреннюю навигацию и техническое SEO.
- Оптимизировал изображения и улучшил скорость мобильной версии.
Нужен сайт для вашего проекта?
Если вам нужен сайт услуг, личного бренда, образовательного проекта или бизнеса, могу помочь с разработкой.
Я занимаюсь не только внешним видом, но и структурой, функциональностью, адаптацией под мобильные устройства и технической частью.
Посмотрите другие мои проекты или оставьте заявку. Обсудим вашу задачу и определим, какой сайт вам действительно нужен.
