GoDesign

О компании

GoDesign  это интернет-магазин офлайн-курсов по: дизайн и проектирование, маркетинг и продажи, иллюстрации и креатив, который основан на базе Института программных систем
godesign.school

Задача

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

В деталях

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

При разработке детальной страницы курса был реализован функционал миграции отзывов из группы в ВК на детальную страницу отзыва. Он раз в месяц подтягивает на сайт отзывы из ВК — управлять отзывами и добавлять новые стало проще.

Через сайт теперь можно записаться на курс или бесплатную консультацию.

Сложности при реализации

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

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

Чему научились

  1. Освоили принципы работы с API для сообществ и магазина ВК. Теперь можем провести миграцию любого контента из соцсетей на ваш сайт.
  2. Верстка элементов с CSS масками, Вы можете посмотреть на крутые кнопки на сайте, сделанные с помощью этого. 
  3. Использовать Cache Storage для эффективного хранения данных.