Category Archives: Victorya Shi

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

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

IT Top Stars

PROJECT URL: IT Top Stars .

IT Top Stars is a company that conducts statistical research and makes infographics, based on them, of the most successful IT companies of Israel.

Most of the time we were concerned on making a big bunch of various animated charts with Charts.js.

All the rest work was also done: Web Design, HTML5+CSS3+Bootstrap, WordPress theme development, debugging, Google Analytics insertion.




Continue reading