О проекте Salon Sklad

Интернет-магазин профессионального оборудования для стоматологических клиник.
Основная задача — реализовать современный, быстрый и удобный интерфейс с корректным отображением на всех устройствах и последующей интеграцией с CMS.

Задачи

  • Сверстать дизайн из Figma с высокой точностью (pixel-perfect)
  • Обеспечить адаптивность для всех типов экранов (desktop, tablet, mobile)
  • Реализовать кроссбраузерную совместимость
  • Интегрировать вёрстку с движком интернет-магазина
  • Обеспечить стабильную работу каталога с большим количеством товаров (1000+)

Реализация

Дизайн был полностью перенесён из Figma с соблюдением всех отступов, типографики и визуальной иерархии.
Особое внимание уделялось адаптивной вёрстке: интерфейс корректно масштабируется и сохраняет удобство использования на любых устройствах.

В процессе разработки:

  • реализована гибкая адаптивная сетка
  • обеспечена корректная работа на всех популярных браузерах
  • оптимизирована производительность загрузки страниц
  • внедрена удобная структура каталога с фильтрацией и навигацией

После завершения вёрстки проект был интегрирован с CMS Webasyst Shop-Script, что позволило:

  • эффективно управлять товарами и категориями
  • обрабатывать большой каталог (1000+ позиций) без потери производительности
  • обеспечить стабильную работу интернет-магазина

Технологии

HTML5, CSS3, JavaScript, SCSS
Интеграция с Webasyst Shop-Script

Результат

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