cover image

Доработки сайта ИПФ

  • Проект

    Доработки сайта ИПФ
  • Период

    (частичная загрузка)
  • Клиент

    Петродворцовый Часовой Завод /
    Санкт-Петербург, Россия

  • Тип сайта

    • интернет-витрина
    • сайт производителя
  • Индустрия

    • производство часов
  • Услуги

    • фронтенд разработка
    • бэкенд разработка
    • full-stack разработка
  • Технологии

    • Gatsby
    • React
    • TypeScript
    • Styled-system
    • Puppeteer
    • NestJS
    • Node.js
    • Figma
    • Github Actions
    • Docker
    • Caddy
    • Netlify
    • TypeORM
    • PostgreSQL
  • Объем работ

    21 пулл-реквест

Описание

Императорская Петергофская Фабрика (ИПФ) является подразделением Петродворцового Часового Завода (ПЧЗ), и производит эксклюзивные часы ручной работы. Часы декорируются натуральными камнями на выбор заказчика, а корпуса выполняются исключительно из золота. На сайте производителя представлен конфигуратор, который позволяет подобрать различные комбинации камня, корпуса, циферблата, ремня, а также дополнительно заказать запонки и гравировку собственных инициалов на оборотной стороне часов. Завод славится давней историей, и недавно отметил свой 300-летний юбилей.

В этом проекте, совместно с диджитал-агентством Pena, я помогал клиенту дорабатывать сайт, написанный на фреймворке Gatsby. Изменения затрагивали как клиентскую, так и серверную части. Таким образом в данном проекте я выступил в роли full-stack разработчика.

Доработки сайта заключались в следующем:

  • обновить дизайн сайта по макетам заказчика
  • реализовать механизм "плавающей" шапки сайта
  • реализовать раздел с запонками в конфигураторе
  • обновить шаблон PDF-презентации, генерируемой по запросу пользователя
  • реализовать сохранение заказов и подписок в сторонний сервис
  • реализовать требования закона 152-ФЗ в части обработки персональных данных
  • исправить: данные по UTM-меткам не уходили в Метрику

Сложности

Некоторые сложности заключались в довольно непростой конфигурации проекта, а также необходимости освоить новые технологии, такие как NestJS, TypeORM, PostgreSQL, Caddy, styled-system.

Результаты

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

Также клиенту были предложены и реализованы некоторые улучшения, такие как отказ от использования GatsbyLink в пользу использования традиционных ссылок (подробнее).

Дамп сайта (июль 2024)

Сайт построен с помощью Gatsby 🚀 и опубликован на Netlify .
Исходный код доступен на GitHub .

Сайт обновлен:

© Сергей Ермакович
Данный сайт не использует инструменты для отслеживания пользовательской активности 🙅‍♂️

WSSE - быстрые и надежные сайты