Web-приложение сайта TeamWork

  • Teamworkназвание компании
  • Санкт-Петербург, Россиялокация
  • Веб-разработка, дизайн, продвижениесфера
О проекте

Мультиязычное web-приложение, представляющее собой корпоративный сайт веб-студии.

project
Используемые технологии
  • React
  • Sass
  • Axios
  • Google Maps
  • React Helmet
  • PHP
2

frontend-разработчика

1

UI/UX дизайнер

1

тестировщик

Задача перед нами

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

Решение

На главной странице располагается карусель изображений кейсов с анимацией. На мобильных устройствах управление каруселью осуществляется с помощью перетаскивания слайдера диапазона.

Для карты использовали google api, которое позволило реализовать плавные переходы между регионами с анимацией приближения/отдаления.

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

Для большей совместимости с SEO использовали компонент React Helmet, который позволил добавить описание страниц. А для обработки и отправки данных формы связи написали код php.

screenshot
screenshot
screenshot
screenshot
screenshot
screenshot
screenshot
screenshot
screenshot
screenshot
screenshot
screenshot
Далее
Sovest

Промо-страницы карты рассрочки Sovest