- Роль UX/UI-дизайнер и HTML-верстальщик
- Период 2012 — 2017
- Сайт rozetka.ua
О компании ROZETKA.ua
Интернет-магазин Rozetka.ua был создан в 2005 году в Киеве и начал набирать популярность на продаже электроники и бытовой техники. Широкий ассортимент товаров и хорошее покрытие доставкой всех регионов страны позволило этой компании стать неоспоримым лидером украинского е-коммерс.
В конце 2017 года в каталоге магазина находится 2,5 млн товаров, в декабре этого года посещаемость сайта составила 75 млн пользователей (источник).
На сегодняшний день Rozetka.ua стала маркетплейсом, на сайте которого другие продавцы создают витрины и продают свои товары. Rozetka.ua входит в ТОП-10 самых посещаемых сайтов Украины.
Работа над проектом
Свою работу над проектом Rozetka я начал в 2008 году. Тогда в OWOX мы первые в Украине запустили сервис создания мобильных версий интернет-магазинов. Я занимался HTML-версткой этого проекта.
В 2010 году Rozetka переходит на наш движок OWOX Engine, и большая команда специалистов работает над запуском новой версии интернет-магазина с нуля. Я занимался HTML-версткой абсолютно всех страниц проекта и интеграцией ее в шаблоны Smarty. Следующие два года после запуска я выполняю задачи по поддержке сайта (дизайн и HTML-верстка).
С 2012 года я решил заниматься только UX/UI задачами и отойти от задач HTML/CSS-верстки. Сначала я проработал на разных клиентских проектах (это были как интернет-магазины, так и банковские сайты).
И только с 2013 года моим основным проектом стал Rozetka.ua. И в этом году одним из главных направлений для меня становится разработка дизайна iOS-приложения и его дальнейшее сопровождение.
Редизайн проекта: от десктопной версии к мобильной
В 2014 году в роли дизайнера я принимаю участие над полным редизайном сайта Rozetka.ua. А чуть позже, после ухода из компании главного верстальщика проекта, возвращаюсь на позицию тим-лида в команду верстальщиков Rozetka. В начале 2015 года мы запускаем редизайн всего сайта и после этого конверсия на сайте начинает уверенный рост.
Я возвращаюсь в дизайн-команду OWOX. Учитывая мой положительный опыт с разработкой iOS-приложения, мне ставят новую задачу — спроектировать и нарисовать абсолютно новую мобильную версию сайта Rozetka.
В рамках этой задачи я проработал все основные пользовательские сценарии для новых мобильных экранов (потому что «бум» смартфонов на украинском рынке уже прошел), которые не учитывались в старой мобильной версии, и презентовал новый дизайн.
После продолжительной технической реализации, запуск m.rozetka.ua состоялся в 2016 году, и мы снова наблюдали хороший рост конверсии. Со временем новая удобная мобильная версия интернет-магазина начала оказывать положительный эффект на конверсию десктопной версии сайта.
Новый дизайн страницы товара и переход на адаптивный дизайн
В середине 2016 года я занялся задачей редизайна карточки товара на большом сайте. К этому моменту, мы начали задумываться о том, что пришло время сделать весь сайт адаптивным. Такое требование легло в основу этой задачи, и новая карточка товара получила дизайн, который отлично адаптируется и под мобильные экраны шириной 320 пикселей, и на широкоформатные экраны от 1600 пикселей.
В начале 2018 года новый дизайн карточки товара был опубликован на сайте в режиме А/Б-теста. Результаты этого теста всех очень удивили — новый дизайн значительно увеличил конверсию заказов по сравнению с текущим. Поэтому наш клиент принимает решение как можно скорее перейти на новый дизайн КТ.
Это была моя последняя крупная задача на проекте Rozetka.ua. После нее, мне сделали предложение стать продуктовым дизайнером в OWOX BI и я согласился.
Итого
Примеры задач, которые я решал
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.