2022

Widgetter

Сервис позволяющий на практике ощутить и погрузиться в разработанные компанией Villow виджеты для Mac OS как в черной, так и в белой теме.

цель.

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

Пример темы на Mac OS на десктопной и мобильной версии сайта

технологии.

Сервис разрабатывался на стандартных для нас технологиях, таких как React, для типизации JS использовали TypeScript. Библиотеку стилей выбрали Styled Components, которая довольно серьезно закрепилась в нашей компании. На ней же и реализовывали всю анимацию и переключения видов тем.

react

typescript

styled-components

проектирование.

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

процесс.

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

команда проекта.

Руководитель проекта

Авдеев Ю.В.

Руководитель технологий

Оганесян Р.Р.

Разработка

Зубарева А.М.

Гордеев Н.А.

результат.

Анимация

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

Смена тем

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

Адаптивность

Тут все просто, сервис полностью адаптивен абсолютно для любого вида экрана и устройства соответственно.

другие проекты

Villow

Информационный сервис, разработанный для пользователей приложений от студии Villow

react

typescript

react-final-form

css

Medcraft Fund

Веб-приложение с адаптивной версткой, предназначенное для привлечения инвесторов в медицинские стартапы

react

typescript

расскажите
о своем
проекте

Опишите кратко вашу задачу, и мы скоро свяжемся с вами