BloomLex — Law Firm Website

BloomLex is a modern law firm that needed a professional website to communicate expertise, build credibility, and make it easy for potential clients to get in touch. The goal was to create a clean, trustworthy experience that reflects the firm's values while ensuring excellent performance across all devices.

Role and Scope

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

Objectives

• Establish trust from the first screen.
• Present legal services with a clear information hierarchy.
• Make contacting the firm simple and intuitive.
• Deliver a fast, accessible, and responsive experience.

Audience

Individuals and businesses seeking reliable legal support. Visitors expect a professional presentation, easy navigation, and clear access to information before reaching out.

Approach

The website is structured around a clear user journey, starting with a strong hero section, followed by practice areas, firm advantages, attorney profiles, client testimonials, and a straightforward contact section. Every layout decision is focused on readability and trust.

Development Highlights

Hero: A clean introduction with a strong headline, supporting copy, and a prominent consultation call-to-action.

Practice Areas: Well-organized service cards with consistent spacing and responsive layouts for easy browsing.

Attorney Profiles: Structured sections highlighting experience, qualifications, and areas of expertise.

Testimonials & Contact: Social proof paired with a simple contact form to encourage inquiries without unnecessary friction.

Visual Language

A refined visual system built with generous whitespace, modern typography, subtle interactions, and a restrained color palette that reinforces professionalism and confidence.

Interactions

Lightweight animations provide visual feedback while maintaining a polished user experience. Sections reveal smoothly on scroll, buttons respond naturally to hover, and transitions remain subtle to avoid distracting from the content.

Performance & Accessibility

Built with semantic structure, optimized assets, responsive images, keyboard-friendly navigation, and strong color contrast to ensure accessibility, fast loading times, and a seamless experience across desktop, tablet, and mobile 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.