Theo Miracles
open source

Overview

Raven is a UK-based e-commerce company. With a primary target audience in the US (40%) and Europe (30%+). The goal was to revise the user experience and design of the previous website, add unique features to involve the target audience, boost conversions, and develop the product with Modern technologies

Problem Statement

Old site had bad user experience, with bad conversion. Client wanted to impove their e-commerce and gain revenue

Goal

The goal had been review user experience and design of the previous website, add unique features for engage the target audience, conversion rate and develop the product

Design process

PortScreen1
Role

Research, UX design, Visual Design, Motion

Client

RavenGG, E-Commerce
United Kingdom, US

Tools

Figma, Illustrator, After Effects, Photoshop

Research

Competitor Analysis

Due to that I have all the full research before from my team like User Persona, JOBTD and etc. That’s why I needed to understand how to create payment pages with better UX

Wireframes, Prototype,
Stakeholder test

After that I had best practices for my bundle of pages, it means I could make wireframes for pages, UserFlow, Prototype and Stakeholder interview. I’ve done 4 interview for our main user persona and implemented some edits for better UX

Implementation 3D models
to 3D Buillder

Also my task was to make all patterns and wrapper for 3D builder in Illustrator App

UI/UX design

Internal dashboard, profile, payment pages

I’ve done all the internal payment pages in the e-commerce with user in my mind during the process

PortScreen2

Shots of my part of design

PortScreen2
PortScreen3PortScreen5PortScreen6PortScreen7PortScreen8

I was implementing the new components
for the existing system design

PortScreen9
Result

I’ve done all internal payment pages and 3D builder, implemented each component to existing design system

What I have learned from this project

Before the work I didn't have illustrator in my skills, I've learned illustrator for 2 days through our work process, designer need to be problem solver, must using all existing design tools from 3D tools to illustration tools

open source

Other projects

RavenGG
FlagUS

E-Commerce for
E-Sports brand

RavenGGCaseIllustration
open case study
KinetikCare
FlagUS

Dashboard,
Design System, Website

KinetikIllustrationCase
open case study