Какие проблемы и задачи решал:

• дизайн и проектирование всего проекта
• создание и поддержка дизайн-системы
• отрисовка иконок и пиктограмм
• HTML&CSS верстка макетов под десктоп и мобилки (адаптив)
• микроанимации интерфейса на CSS
• создание лендингов для маркетинга
• дизайн-ревью при релизах
• коммуникация со стейкхолдерами и аналитиками
• создание и тестирование гипотез и дизайн-решений
• взаимодействовал с разработчиками
• проводил исследования и работал с отзывами пользователей

Пришел в стартап почти в самом начале. Так как я отвечал за дизайн и верстку проекта, то сразу сделал дизайн систему на основе Bootstrap для быстрой разработки и прототипирования. Из-за этого дизайн макетов в Фигме практически нет, так как все гипотезы проводились на сверстанных HTML макетах. Все скриншоты в этом кейсе это сделаны с продакшена treatstock.com

Виджет печати

Основа проекта — это виджет печати, который позволяет сразу вычислить стоимость загруженной 3D модели.

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

Дизайн система

На самом старте была сделана дизайн система на основе Bootstrap. Поэтому все макеты сразу делались в HTML/CSS и быстро проверялись на реальных данных. Это сильно ускорило разработку и проверку гипотез. Минусом этого стало отсутствие дизайн макетов как артефактов.

Структура проекта

Кроме виджета был реализован обширный каталог 3D принтеров с их описанием и возможностями. Список сервисов, которые предоставляют свои услуги. Маркетплейс, на котором сервисы могут выставлять свои изделия. Гайд по материалам. Большой центр поддержки (help center). Внутренние страницы для сервисов с обширными настройками.

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