RESEARCH / WIREFRAME / UX DESIGN / USABLITY TESTING / VISUAL DESIGN
A world leader in B2B fashion wholesale, FashionGo, decided to expand their business by launching a new dropshipping application on Shopify called FashionGo Dropshipping. I was hired as the first UX designer on the product design team to work closely with cross-functional teams to plan, develop, and launch this new application. My work consisted of research, wireframe, design and prototyping for the main product. I was the designer responsible for the overall design direction, app interactions, and user flow of the interface. Once we had other UX designers join the team, they followed my design guide and applied it to the parts they were working on.
Figma, Photoshop, Illustrator, Dooray, Invision, Overflow
Understanding the Problem
For the first few days after I join the FashionGo Dropshipping project, I immediately started researching all the competitors and relevant users in the dropshipping space. Once we identified the leaders and user market for the dropshipping industry, we started digging deeper to see if there were any sort of inconvenience or a problem we can solve and apply into our new dropshipping platform.
My research encompassed:
Understanding the user goals and needs
Uncovering pain points with the existing user journey
Determining the success of the tasks measured
Understanding the dropshipping business model
Discovering competitor's strengths & weaknesses
Exploring influencers in dropshipping space
The next step was conducting a competitor analysis to determine the pros and cons of other similar apps and services. From there, we created user personas to better understand users’ needs and goals.
Using my findings from the inspiration phase, I created three user personas to represent users with different backgrounds and needs.
Our competitor analysis and user stories helped us determine the essential features the app would need to make it successful and useful. We also created a user flow diagram to map out these features and see what kind of screens would be necessary for the app.
Next, we sketched low-fidelity wireframes with pencil and paper. After we agreed on the general layouts of our screens, we turned to Figma for our mid-fidelity wireframes.
I've created a design guideline, compiling all of our components, colors, icons, and typefaces in our shared Figma file. So designers can take it and apply it on their pages.
Finally, we started creating hi-fidelity mockups and interaction prototypes to present to the development team. From there we had constant Q&A sessions to clarify our vision. I was responsible for Find Products, Import List, Product List, Settings, etc.