Фронтенд разработка для федерации скалолазания России

project

Общероссийская общественная организация, объединяющая скалолазов на всей территории России. Целями Федерации являются всестороннее развитие и популяризация скалолазания в России и на международном уровне, повышение роли скалолазания в гармоничном развитии личности, формирование здорового образа жизни, укрепление здоровья граждан.

rusclimbing.ru

Кто я?

Веб-дизайнер и программист

Андрей Радюк

Веб-дизайнер и программист|

Задача

Мне посчастливилось стать частью команды для разработки сайта Федерации скалолазания России. Передо мной стояла задача реализовать верстку для последующей посадки сайта на битрикс.

Дизайн проект

Сложности в проекте

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

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

Структура проекта

Я отсортировал страницы по их структуре и сделал визуальную карту проекта. В итоге получилось следующие шаблоны:

  • Блог
  • Логриды
  • Content page или контентная страница, которая имеет свои модификации: --full, --hero, --infoblock
  • Service page или страницы для различных данных, таблиц

 

Наличие подготовленных шаблонов позволяет сократить время разработки и сам код сайта. Более того я поделил весь проект на отдельные компоненты по системе BEM. Но даже так их получилось 121!

Компоненты сайта БЭМ

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

Делигирование

Отмечу, что в этом проекте часть верстки я делигировал другому исполнителю. Это бесценный опыт! Сперва грустный опыт с первым исполнителем, потом приятный опыт со вторым. Здесь очень важна слаженная работа в команде и умение слушать, понимать что нужно делать в данном проекте и что делать не нужно. Все же помошь со стороны другого исполнителя была необходима, в одиночку сверстать такой проект оказалось довольно сложно.

Какие итоги?

По готовности я подготовил отдельную страницу с картой сайта для удобства дальнейших работ по переносу верстки. В итоге получилось 53 страницы сайта, где страницы "О федерации" и "О скалолазании" объемные лонгриды.

Карта сайта

Из минусов мы не уложились в срок, по определенным причинам.

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

Связаться со мной

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

Предзагрузка