vokich dsgn

проблема

– старый сайт было неудобно поддерживать: в прежней CMS каталог обновлялся сложно, а архив старых моделей продолжал создавать лишние сложности при заказах.
– сайт устарел визуально: перегруженные формы, лишние CTA и сложная структура путали пользователя и мешали бренду выглядеть актуально и дорого.

что было сделано

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

результат

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

задача

— с нуля спроектировать и собрать интерфейс сервиса — сайт для арендаторов, веб-приложение в Telegram и кабинет для риелторов.
— сделать интерфейс понятным без инструкций — на трех языках, и для экспата, и для местного риелтора.

что было сделано

я сооснователь проекта и отвечаю за дизайн и фронтенд: продумал ux, собрал общую визуальную систему для всех частей сервиса и сверстал интерфейс на React / Next.js.
ключевые сценарии проектировал от мобильного экрана: арендаторы ищут жилье в основном с телефона.

результат

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

проблема

– сайт не выглядел как единая система — расходилась сетка, отличалась верстка, адаптивы работали нестабильно, а внутренние разделы ощущались как части разных сайтов.
– проект было сложно развивать — визуальный уровень не соответствовал масштабу школы, а на создание новых страниц уходило много ручной работы.

что было сделано

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

результат

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

проблема

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

что было сделано

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

результат

– сайт стал точкой входа для заявок — с понятной структурой, портфолио по категориям, кейсами, описанием услуг и расчетом проекта.
– визуально проект стал собраннее и ближе к характеру продакшна — темная тема, крупная типографика, раскрытая айдентика и максимальный фокус на работы.
– команда может развивать сайт дальше — самостоятельно обновлять работы, добавлять статьи и кейсы

проблема

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

что было сделано

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

результат

– франшизу удалось быстро упаковать для запуска — с понятной логикой, аккуратной подачей и версиями под разные гео.
– у школы появился полноценный сайт с отдельными направлениями, страницами курсов, международным обменом и разделом для партнеров.

проблема

– картины раскрывали только часть мира S-CITY — для выставки нужен был дополнительный слой, который помог бы зрителю глубже понять историю, персонажей и атмосферу проекта.
– готовой структуры не было — были художественная вселенная, тексты, визуальные материалы и задача превратить их в цельный мобильный опыт.

что было сделано

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

результат

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