Project
Cymbal DLT
Development of a corporate portfolio website for a real estate investment and development firm, implemented in Webflow with a structured CMS architecture. The project included dynamic content systems for properties, team members, press, and careers, along with custom interaction logic such as alternating grid layouts and animated metric counters. The focus was on maintaining design precision while ensuring responsive performance across a content-rich interface.
Project Overview
Industry: Real Estate
Platform: Webflow
Scope: Marketing Website Implementation
Role: Front-End Development + CMS Setup
Collaboration: Completed in partnership with Trew Labs
This project involved developing a marketing and portfolio website for a real estate investment, development, and construction firm. The objective was to create a structured digital presence that clearly communicated the company’s expertise, leadership team, property portfolio, press features, and career opportunities.
The visual design incorporated large architectural imagery, requiring careful layout implementation to maintain text legibility across screen sizes. Dynamic CMS collections were configured to support ongoing updates to projects, team profiles, press mentions, and open roles. Subtle animations such as scroll-activated metric counters were implemented to reinforce key business highlights.
My Role
- Webflow development and technical implementation
- CMS architecture and dynamic content configuration
- Animation implementation and interaction refinement
- Responsive and mobile layout optimization
- Performance tuning and technical troubleshooting
Technical Scope
- Adaptive navigation behavior supporting light and dark logo variations across hero image contexts and mobile layouts
- Custom JavaScript logic to alternate grid layouts for dynamically generated CMS project entries
- Scroll-activated animated number counters on key informational pages
- Targeted mobile landscape layout refinements
- Custom CMS collections for project portfolio, team members, press coverage, and careers
- Responsive layout adjustments across breakpoints
- Image and video optimization to improve load performance
Key Outcomes
- Improved visual clarity and usability across image-heavy layouts
- Smooth interaction behavior aligned with premium brand presentation
- Precise implementation of design specifications
- Streamlined content management workflows for internal marketing updates
Platform Stack
- Webflow
- Custom HTML / CSS / JavaScript
Pages preview
A full-page view of the website structure and layout.
