Завод Точприбор
Сайт завода испытательных приборов - Точприбор
Главная
Из интересного на этой странице - на первом экране Lottie анимация работает в связке со слайдером. Анимация подвала работает на GSAP
Референции
Весь функционал (выбор страны, региона, фильтрация точек на карте и т.д.) страницы полностью написан на чистом JS, на входе JSON с данными.
О заводе
Тут из интересного схема завода (виртуальная экскурсия) с точками, привязанными к разделам подробного описания участков.
Карта сайта
Весь сайт получился интересным, так что вот список страниц)
Weather
Pet-проект направленный на тренировку навыков в React.
Приложение отображает текущую погоду. Умеет определять город пользователя по геолокации. Имеет функцию поиска города вручную. Показывает температуру по Цельсию и по Фарингейту. Сохраняет информацию о пользователе в LocalStorage
Приложение отображает текущую погоду. Умеет определять город пользователя по геолокации. Имеет функцию поиска города вручную. Показывает температуру по Цельсию и по Фарингейту. Сохраняет информацию о пользователе в LocalStorage
Vi Interiors
Сайт студии дизайна интерьеров. Весь построен с анимацией зависящей от скролла (GSAP).
Свёрстан с нуля под натяжку на CMS Bitrix.
Свёрстан с нуля под натяжку на CMS Bitrix.
Скоро релиз
Сайт аграгного университета
Стек: pug, SСSS, JS, jQuery
Сайт автодиллера
Стек: PUG, SСSS, JS, jQuery
SKY FISH
Сайт компании добывающей продающей морепродукты.
Я пришёл в проект когда он уже был сделан процентов на 40. Всё остальное делал я. На большинстве страниц присутсвует анимация при скролле.
Я пришёл в проект когда он уже был сделан процентов на 40. Всё остальное делал я. На большинстве страниц присутсвует анимация при скролле.
Страница О компании
Эту страницу и несколько других верстал и анимировал с нуля.
ОСК
Сайт компании ОСК (Объединенная сервисная компания) занимающейся проектированием, изготовлением, монтажом, наладкой, обслуживанием и ремонтом оборудования промышленных предприятий.
Свёрстан весь сайт с нуля под Битрикс.
Свёрстан весь сайт с нуля под Битрикс.
Русский завтрак
Сайт проекта Русский завтрак, призванного познакомить пользователей с современной русской кухней и сделать её основой сферы гостеприимства.
Сайт работате без CMS, поэтому вся информация получается по API в виде JSON и затем отрисовывается на странице при помощи JS. Функциональная часть, включая пагинацию, фильтрацию и т.д., также реализована на фронте.
Сайт работате без CMS, поэтому вся информация получается по API в виде JSON и затем отрисовывается на странице при помощи JS. Функциональная часть, включая пагинацию, фильтрацию и т.д., также реализована на фронте.
Hakort
Лендинг российского представаительства магазина автозапчастей.
Весь сайт построен с анимацией (GSAP) зависящей от скролла.
Весь сайт построен с анимацией (GSAP) зависящей от скролла.
Перейти на сайт
сайт часто бывает недоступен, по независящим от меня причинам. В галерее есть видео, с полным скроллом.
Календарь событий
Календарь событий медиахолдинга.
Весь фронт строится из JSON. Поэтому сортировка, переключение вида и фильтры так же работают на JS. Фильтры строятся автоматически на основании параметров приходящих в JSON, что позволяет легко масштабироваться управляя данными и не копаясь в коде.
Весь фронт строится из JSON. Поэтому сортировка, переключение вида и фильтры так же работают на JS. Фильтры строятся автоматически на основании параметров приходящих в JSON, что позволяет легко масштабироваться управляя данными и не копаясь в коде.
Калькулятор на React
Калькулятор окупаемости газопоршневых установок.
Само приложение не большое, просто форма с валидацией, но внутренние рассчёты довольно большие. Результат помимо таблиц содержит диаграммы постороенные на базе этих таблиц.
Дополнительная сложность была в том что нужно было написать React компонент встраиваемый в конструктор Framer. Это наложило некоторые ограничения, которые пришлось обходить.
Само приложение не большое, просто форма с валидацией, но внутренние рассчёты довольно большие. Результат помимо таблиц содержит диаграммы постороенные на базе этих таблиц.
Дополнительная сложность была в том что нужно было написать React компонент встраиваемый в конструктор Framer. Это наложило некоторые ограничения, которые пришлось обходить.
Меридиан
Сайт производителя промышленого оборудования.
Главная страница
Вообще сайт разрабатывался в команде, я тут делал блок отрасли и блок услуги. Использовал GSAP-анимацию и canvas. Фильтры на js самописные
Внутренние страницы
Делал не одну страницу на этом сайте. Из интересного хочу показать эту. Реализована так же с помощью GSAP.
Байк центр
Интернет-магазин спортивных товаров на Битриксе. В проект я пришёл когда он уже был натянут на CMS и работал, поэтому вёрстку правил прям в PHP-шаблонах. Моей задачей была перевёрстка под новый дизайн, правки старых багов и вёрстка новых страниц.
Главная страница
Тут можно посмотреть меню которое открывается кнопкой "Каталог" - делал с нуля. большинство блоков я тоже переделывал, но они не столь интересны.
Trade-in
Это пример страницы которую полностью с нуля делал. Из интересного форма с драг-н-дропом и валидацией.
