QroomStudio

Kevin Ezeojih

Web Designer
Webflow Developer
UI Designer
GSAP
three.js
Webflow

Qroom Studio

A visually dynamic website for an interior design studio designed to showcase a portfolio of thier modern living interior design projects with interactive elements, enabling clients to explore services, view past projects, and book consultations.
Hero Section
Hero Section
Footer Section
Footer Section

Technologies Used

Languages: HTML, CSS, JavaScript
Frameworks/Libraries: React.js, GSAP (GreenSock Animation Platform), Three.js
Design Tools: Figma, Adobe Photoshop
Platforms: Webflow

Implementation

Overview:
Developed a responsive and visually captivating website that features interactive animations and 3D elements to engage users while maintaining a clean and modern design.

My Process

Design Phase: Created detailed wireframes and high-fidelity prototypes using Figma, ensuring a user-friendly design that aligned with the brand’s style and modern aesthetic.
Development Phase: Built the website using webflow, with GSAP for smooth animations and transitions, and Three.js for 3D visuals such as rotating objects and immersive scene backgrounds.
Content Integration: Integrated the Contentful CMS on webflow to allow easy updates to the portfolio, blog, and service sections.
Interactive Features: Used GSAP for parallax scrolling effects and Three.js for interactive 3D elements, enhancing the user experience with dynamic visuals.
SEO Optimization: Implemented SEO best practices, including meta tags, optimized load times, and mobile-friendly design.

Challenges Faced

3D Performance Optimization:
Ensuring that the Three.js elements performed smoothly across all devices was challenging. This was managed by optimizing 3D models and using fallback content for less capable devices.
Animation Timing:
Synchronizing animations with GSAP for a smooth user experience required careful timing and testing.

Results Outcome

Successfully launched a visually striking website, leading to a 40% increase in client inquiries and consultations within the first three months.
Key Metrics:
Boosted user engagement, with a 50% increase in average session duration.
Achieved a 30% reduction in bounce rate due to improved interactivity and design.

Mini Preview

Link Preview

Conclusion

The project successfully combined modern design, interactive 3D elements, and smooth animations to create a compelling online presence that drives client engagement and business growth.
Partner With Kevin
View Services

More Projects by Kevin