Previous Next

 

Digiproduct – сайт для компании, которая занимается веб-разработкой

PROJECT URL / ССЫЛКА НА ПРОЕКТ: https://digiproduct.co.il/

Сайт выполнен с использованием Three.js (3D для веб – крутящиеся шарики логотипа на Hero заставке), анимация логотипа – Adobe Animate. Эффекты на скролл – Greensock.js.

Design / Дизайн: Виктория Шидловская
Front-end / Фронт-енд: Виктория Шидловская
WP Theme Development / Базовое создание темы на Вордпрес: Виктория Шидловская

 

Continue reading

Топвыхлоп – сайт для замены катализаторов

PROJECT URL / ССЫЛКА НА ПРОЕКТ: https://topvihlop.ru

Design / Дизайн: Figma, Responsive / Фигма, респонсив

Web Development / Веб-разработка: HTML5, CSS3, jQuery, Bootstrap, Responsive development, WordPress.

Особенности проекта:

Сайт был разработан под руководством и совместно с СЕО-компанией. Была поставлена задача создать сайт на огромном количестве поддоменов (от 25 до 100), например spb.topvihlop.ru (Санкт-Петербург) или himki.topvihlop.ru, при этом чтобы сайт зеркалился с главного домена, но имел кастомизированные куски, которые относятся конкретно к данному региону. Таким образом были подняты позиции СЕО в Яндекс-выдаче по таргетированным запросам по регионам (городам). Например “замена катализаторов в Химках” и т.п.

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

Вебсайт Топвыхлоп использует wild-card домен, это значит, что любой поддомен будет работать без его физического создания на сервере. Поддомены (названия городов) таким образом создаются просто в той же админ-панели сайта.

Таким образом можно сказать, что была программно решена очень нетривиальная задача, причем на Вордпрессе. На ModX есть готовый плагин под такое дело, но на вордпрессе никаких готовых решений на рынке нет.

Continue reading

Moodo Smart Fragrancies

PROJECT URL: moodo.co

HTML5, CSS3, jQuery, SVG-animation, Bootstrap, Responsive development, WordPress.

The hardest part – animated fragrance badges with the expanding descriptions. They must push the surrounding ones on opening, move the whole canvas aside and back and be responsive for mobile devices. Also live round text was used.

How moving badges in Our Fragrancies section were made, my comprehensive tutorial on CSS and jQuery animation: An Object Expands, Moves, Pushing Other Objects Around.


Continue reading