Goal 1
Strengthen brand recognition through a distinctive and consistent visual language.
Elevating PetaRay’s Digital Presence
Intro
PetaRay is a Taiwan-based deep-tech company at the forefront of photonic computing. The challenge was to turn complex technology into a digital experience that feels clear, distinctive, and forward-thinking.
My role was to design the website and establish a stronger digital presence for the brand—bringing PetaRay’s technology and vision to life through visual storytelling, clear information hierarchy, and a distinctive UI language.
- Time
- 2023
- Type
- Website
- B2C
- My role
- Product Manager
- UI Design
- Tools
- Figma
Goal 2
Make complex technology easier to understand through clear content structure
Goal 3
Improve information hierarchy so visitors can quickly understand PetaRay’s technology, solutions, and value proposition.
Design System
Typeface
Century Gothic
ABCDEFGHIJKLMNOPQRSTUVWXYZ
Boldabcdefghijklmnopqrstuvwxyz
Regular1234567890
RegularColour Style
The primary teal gradient creates a sense of depth and technological sophistication, while the secondary purple-to-blue gradient introduces a more energetic and progressive character. Together, the gradients create a dynamic visual language that feels fast, innovative, and future-oriented, helping the brand stand out within the deep-tech space.
UI Screens
Homepage
The homepage serves as an immersive introduction to PetaRay’s LiFiD® technology, combining clear storytelling with dynamic visuals to communicate complex innovation in an engaging way. The experience guides users from the core value proposition through key technological capabilities and product solutions, while establishing a distinctive, futuristic brand presence.
Products Introduction
A motion-driven transition guides users from the product overview into a dedicated product space, creating a seamless sense of movement and a more immersive product discovery experience.
Other Pages
News and Press, About Us and Contact Us
