• Роль UX/UI-дизайнер и HTML-верстальщик
  • Период 2012 — 2017
  • Сайт rozetka.ua
Rozetka - ScreenShot #1

О компании ROZETKA.ua

Интернет-магазин Rozetka.ua был создан в 2005 году в Киеве и начал набирать популярность на продаже электроники и бытовой техники. Широкий ассортимент товаров и хорошее покрытие доставкой всех регионов страны позволило этой компании стать неоспоримым лидером украинского е-коммерс.

В конце 2017 года в каталоге магазина находится 2,5 млн товаров, в декабре этого года посещаемость сайта составила 75 млн пользователей (источник).

На сегодняшний день Rozetka.ua стала маркетплейсом, на сайте которого другие продавцы создают витрины и продают свои товары. Rozetka.ua входит в ТОП-10 самых посещаемых сайтов Украины.

Rozetka - ScreenShot #2

Работа над проектом

Свою работу над проектом Rozetka я начал в 2008 году. Тогда в OWOX мы первые в Украине запустили сервис создания мобильных версий интернет-магазинов. Я занимался HTML-версткой этого проекта.

Rozetka - ScreenShot #3
Из PSD в HTML/CSS код

В 2010 году Rozetka переходит на наш движок OWOX Engine, и большая команда специалистов работает над запуском новой версии интернет-магазина с нуля. Я занимался HTML-версткой абсолютно всех страниц проекта и интеграцией ее в шаблоны Smarty. Следующие два года после запуска я выполняю задачи по поддержке сайта (дизайн и HTML-верстка).

С 2012 года я решил заниматься только UX/UI задачами и отойти от задач HTML/CSS-верстки. Сначала я проработал на разных клиентских проектах (это были как интернет-магазины, так и банковские сайты).

И только с 2013 года моим основным проектом стал Rozetka.ua. И в этом году одним из главных направлений для меня становится разработка дизайна iOS-приложения и его дальнейшее сопровождение.

Rozetka - ScreenShot #5
Rozetka - ScreenShot #6
Rozetka - ScreenShot #7

Редизайн проекта: от десктопной версии к мобильной

В 2014 году в роли дизайнера я принимаю участие над полным редизайном сайта Rozetka.ua. А чуть позже, после ухода из компании главного верстальщика проекта, возвращаюсь на позицию тим-лида в команду верстальщиков Rozetka. В начале 2015 года мы запускаем редизайн всего сайта и после этого конверсия на сайте начинает уверенный рост.

 

Я возвращаюсь в дизайн-команду OWOX. Учитывая мой положительный опыт с разработкой iOS-приложения, мне ставят новую задачу — спроектировать и нарисовать абсолютно новую мобильную версию сайта Rozetka.

В рамках этой задачи я проработал все основные пользовательские сценарии для новых мобильных экранов (потому что «бум» смартфонов на украинском рынке уже прошел), которые не учитывались в старой мобильной версии, и презентовал новый дизайн.

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

Rozetka - ScreenShot #9
Rozetka - ScreenShot #10
Rozetka - ScreenShot #11
Rozetka - ScreenShot #12
Rozetka - ScreenShot #13

Новый дизайн страницы товара и переход на адаптивный дизайн

В середине 2016 года я занялся задачей редизайна карточки товара на большом сайте. К этому моменту, мы начали задумываться о том, что пришло время сделать весь сайт адаптивным. Такое требование легло в основу этой задачи, и новая карточка товара получила дизайн, который отлично адаптируется и под мобильные экраны шириной 320 пикселей, и на широкоформатные экраны от 1600 пикселей.

В начале 2018 года новый дизайн карточки товара был опубликован на сайте в режиме А/Б-теста. Результаты этого теста всех очень удивили — новый дизайн значительно увеличил конверсию заказов по сравнению с текущим. Поэтому наш клиент принимает решение как можно скорее перейти на новый дизайн КТ.

Это была моя последняя крупная задача на проекте Rozetka.ua. После нее, мне сделали предложение стать продуктовым дизайнером в OWOX BI и я согласился.

Rozetka - ScreenShot #14
Rozetka - ScreenShot #15
Rozetka - ScreenShot #16
Rozetka - ScreenShot #17

Итого

Примеры задач, которые я решал

Design

  • Дизайн страниц сайта и новой функциональности (выполнение задач и требований клиента).
  • Разработка дизайна iOS-приложения для iPhone и iPad.
  • Разработка дизайна мобильной версии сайта, ее развитие и поддержка после запуска.
  • Дизайн email-рассылок.
  • Дизайн-ревью выполненных задач Frontend-разработчиками.
  • Поиск и анализ узких мест на сайте и предложения по их улучшению.
  • Создание кликабельных прототипов для тестирования пользовательских сценариев на сайте.
  • Создание презентаций дизайна для клиента.

HTML

  • Верстка проекта и поддержка (HTML5/SCSS).
  • Интеграция верстки в Smarty-шаблоны.
  • Ревью кода коллег верстальщиков.

Навыки, примененные в этом проекте

  • Работа в Photoshop и инструментах прототипирования Axure, Balsamic.
  • Следование принципам human-centered mobile design и гайдлайнам Apple Human Interface.
  • Опыт разработки адаптивного дизайна, Ecommerce UX, Mobile App design.
  • Создание анимаций пользовательских сценариев в интерфейсе интернет-магазина.
  • Верстка дизайна (семантический HTML 5, CSS, SASS/PostCSS, интеграция в шаблоны Smarty).
  • Работа по Agile и Scrum.
  • Самоорганизованность в постоянно меняющейся среде.
  • Командный дух мышления. Умею общаться с разработчиками и находить с ними общий язык.
  • Проактивный, эффективно решаю возникающие проблемы.
  • Всегда открыт для получения обратной связи и конструктивной критики.

В сентябре 2018 года Rozetka обновила бренд-стиль. Подробнее об этом можно почитать на Facebook или на сайте new.rozetka.ua.

Rozetka