Rayphilly — Interior Design Website

Rayphilly is a contemporary interior design studio that needed a visually immersive website to showcase its portfolio and communicate its design philosophy. The objective was to create a premium digital experience that balances elegant aesthetics with intuitive navigation and high performance.

Role and Scope

• Webflow Development
• Responsive Development
• CMS Implementation
• Custom Interactions
• Performance Optimization

Objectives

• Showcase projects through a clean, image-driven layout.
• Create a premium first impression that reflects the brand.
• Guide visitors naturally toward inquiries and consultations.
• Ensure smooth performance across desktop, tablet, and mobile devices.

Audience

Homeowners, property developers, and commercial clients searching for professional interior design services. They value visual quality, attention to detail, and a seamless browsing experience.

Approach

The website is built around storytelling through imagery. A bold hero section introduces the studio, followed by featured projects, service offerings, client testimonials, and a clear contact section. Spacious layouts and subtle interactions keep the focus on the portfolio while maintaining an intuitive user journey.

Development Highlights

Hero: A full-width introduction with strong typography, immersive visuals, and a clear call to action.

Project Showcase: Responsive portfolio sections designed to highlight imagery while maintaining consistent spacing and hierarchy.

Services & About: Structured content blocks that communicate expertise without overwhelming the visitor.

Contact Section: A streamlined inquiry form with clear navigation to encourage consultations.

Visual Language

A minimal visual system with refined typography, generous whitespace, soft transitions, and a restrained color palette that allows project photography to take center stage.

Interactions

Purposeful animations enhance the browsing experience through smooth scroll reveals, refined hover states, and lightweight transitions that add polish without compromising performance.

Performance & Accessibility

Developed with semantic HTML, optimized images, responsive layouts, accessible color contrast, and efficient interactions to provide a fast, reliable experience across all modern devices.

‍

Outcome

The landing page improved first-screen comprehension and reduced friction in the path to sign up.

• +28% click-through on the primary CTA in the hero
• +19% time on page for visitors from ads
• −24% bounce on mobile

‍

“Clean, fast, and exactly the tone we wanted. The new page finally explains Auralis without getting in the way.”

‍

Services delivered

Website design, UI/UX design, visual direction, interaction design, design system setup, hand-off docs.

‍

Tools

Figma for design and prototyping, Webflow for build, lightweight motion for micro-interactions.