Sector: RWD design, Iteration
My Role: UI Designer
Research Time: 3 months
Project Overview
The purpose of redesigning the official website is to align with digital transformation, update collaboration projects and services, and address the outdated design of the previous version. The old site lacked modern visual elements, so the redesign focuses on creating a more visually appealing and user-friendly UI.
My responsibilities included creating and maintaining design components to ensure future scalability and ease of development. I collaborated closely with front-end engineers, delivering prototypes in Figma for a smooth handover. My focus was on refining details like colour consistency, font sizing, visual hierarchy, and iconography, all aligned with the company’s core values to deliver a cohesive, reliable interface.
Site Map
Design Concept
Opening: Dynamic visual effects showcase the company’s core identity, with scrolling elements guiding users through the interface. The company name appears in a typewriter effect to leave a lasting impression.
Landing Page: Highlights key points to quickly engage users, leading them to service and case studies.
Homepage: Focuses on business offerings, system operations, and partnerships to clearly understand the company.
Footer: Features clear navigation with balanced spacing for readability. A visible "Contact Us" floating button ensures easy access to input contact details.
Business Service
Service items are displayed as photo blocks. When the cursor hovers over an item, a flip-card effect reveals the details.
Specialist Cases
Display project cases using different coloured blocks and icons.
Enable expandable and collapsible options to show or hide item content.
