In preparation for becoming a listed company, Wawasan Dengkil underwent a rebranding to reflect a stronger, more professional image. Their existing website was outdated, failed to showcase their full capabilities, and no longer aligned with the new brand direction.
Wawasan Dengkil Website Revamp
End-to-End UI/UX Designer
Goal
Transform the existing site to align with the company’s new rebranding guidelines, enhance the presentation of projects, and improve usability across devices
Project Context
Wawasan Dengkil needed a complete visual and functional overhaul of their website to reflect updated branding and better showcase their projects. The project required full-cycle involvement—from gathering requirements and designing concepts to building in Webflow and collaborating on additional integrations.
Objectives:
Implement the new rebranding guidelines into the website’s visual design
Create a clear and engaging layout to showcase company information and projects
Ensure mobile-first responsiveness for optimal viewing
Integrate external links and features required by the client
Improve the overall user journey for visitors exploring the company’s portfolio
Challenges:
Coordinating with the client to collect necessary materials, clarify project display methods, and align on content hierarchy or changes
Managing end-to-end design and build within a tight timeline
Ensuring Webflow build could accommodate external integrations
Have a look at landing page design below, or visit the live site for full experience.
Design Process
Requirements Gathering & Client Consultation
Collected all brand assets, guidelines, and documents
Discussed content strategy, including how projects should be displayed
Wireframing & Concept Development
Created draft of page structure, navigation flow, and project sections
Reviewed with client to confirm direction before moving to final Hi-Fi design
High-Fidelity Design
Applied rebranding elements (color palette, typography)
Designed clean, professional layouts focusing on clarity and brand presence
Webflow Build
Developed responsive layouts directly in Webflow (Desktop & Mobile)
Implemented animations and transitions for a polished user experience
Integration & Collaboration with Developer
Worked with a developer to integrate external links and functionality
Adjusted Webflow structure to support technical requirements
Check out the walkthrough video below.
Final Results
The revamped site strengthened Wawasan Dengkil’s brand presence with a polished, professional digital front, improved content clarity and the presentation of project showcases, and delivered a scalable Webflow build that allows for easy updates and future expansions.