Raycon - Prototypes
I created the Raycon website in Adobe XD with high fidelity wireframes. My design includes four pages created within the constraints of Shopify and Raycon's updated information architecture. Given the clear fact that there are higher bounce rates for e-commerce sites outside of big platforms (Amazon, eBay, etc.), the primary function is to get and keep attention through browsing and payment. Flow is critical.
Prototype Link
I provided an original prototype link below. Feel free to check it out:
Raycon Global Official website
All original designs by Jing Zhao
Information Architecture
Content Hierarchy:
- Be consistent
- Keep it simple
- Keep depth and breadth in check
Navigation:
While planning navigation, I adhered strictly to the following:
- Prioritize consistency: Dropdown menu
- Avoid deep navigation: No more than 3 layers
- Design responsive compatibility (device agnostic)
Content Hierarchy:
- Be consistent
- Keep it simple
- Keep depth and breadth in check
Navigation:
While planning navigation, I adhered strictly to the following:
- Prioritize consistency: Dropdown menu
- Avoid deep navigation: No more than 3 layers
- Design responsive compatibility (device agnostic)
UI/UX Design
Project: Raycon Global Official Website
Company: Raycon Gobal
MORE UI/UX DESIGN PROJECTS