Job brief
As a product designer at IoTeX, I worked with designers, product manager and engineers in a small team to generate and refine contents for webs, affiliated apps, and social media.
I was responsible for:
- Design and refine product concepts and prototypes in support of requirements.
​- Contribute to establish a consistent design system, which includes: visual, icon, and product iterations.
- Align product outcome with user expectations.
- Optimize user experience through iteration and refinement of current products.
- Brainstorm with Marketing team on building close connection with users through service touchpoint.
​​
Vitamart link
​
Design requirement: In order to boost user engagement using our VITA, one of IoTeX's native tokens, Marketing team came to us to discuss building an E-Commerce store to sell IoTeX's featured stuff and techy gadgets. Return users can trade in their native token for huge discounts on featured goods and free giveaways with leaving authentic reviews on Amazon.
​
My responsibility:
Visual, Information Architecture, localization, Prototype, Low & high fidelity mode
​
Challenge & Solution:
1. Design the visual system (banner, web content, propaganda) to be appealing (energetic, logical and authentic ) to tech-geeks, our major funs and users.
2. Use verbals and visuals to help clarify a rather complicated process (trading token from a third party app )without frustrating users.
​
​
​
​
​
​
​
​
​
​
​
​
​
To make the trading instruction friendly to people without coding background, we kept simplifying our written content and adjust layout and add clickable shortcuts.
​
3. Give credits and exposures to the product's Amazon page. Make the "Leaving Review" requirement less hush to users.
We used a lot of emojis to gamify the whole experience to relax the pace, simulating a task to complete in a gaming setting rather than a money transfer.
​
​
​
​
​
​
​
​
​
​
​
4. Usability testing with people with/without code background and refinement.
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
Iotex.io link
Design requirement : refine and add interactivity to visual content on IoTeX's website.
​
My responsibility:
Visual, Information Architecture
​
Challenge & Solution:
1. An authentic roadmap with specific highlights and service hierarchy
2. Good story-telling through graphic assistance to help elaborate business vision and company's faith.
iopay (android app)
Design requirement : PM wanted a consistent color code guideline, a brighten mode (based on the dark mode) and a logo in hexagon shape for this digital wallet app.
​
My responsibility:
Wireframe, Spec, Prototype, Low & high fidelity mode, Logo
​
Challenge & Solution:
1. Deliver security and authenticity. Color code + Visual design + Privacy protection on balance.
2. Multi- token management. Concise footnote to differentiate tokens in the history page.
3. Align with transection procedure on web.
4. Refine icons to make it more IoTeXish.
5. Avoid notification hazard.
Cisky (android app)
Logo & Icon
Design requirement : We used to use red dots to represent Inactive Delegates. Now the PM required to find a more friendly way to indicate status without discouraging participant.
​
My responsibility:
Icon, high fidelity mode
​
Challenge & Solution:
1. Removed the red dots, which channeled negativities to users.
2. Added Consensus Delegates Candidates category.
3. Award Active Delegates with special Budges.
Visual design
