Book a call

Book a call

Loading the calendar
← All projects

KBL Roche

Desktop · Mobile · UI · UX · Legal
KBL Roche

Overview

KBL Roche is an international full service boutique law firm founded in New York City. Its attorneys work in tax and corporate law, intellectual property and cross border operations, with partners who work between New York and Paris or New York and Munich.

KBL Roche was one of my first websites at RebelMouse, the company where I worked as a UX/UI designer from 2022 to 2024. RebelMouse builds websites on its own CMS, mostly for publishers.

My Role

I designed the website in Figma, from the structure of the menu to every page. The site runs on the RebelMouse platform.

Key Contributions

  • Site Structure. I organized the eight desktop pages as four questions about the firm: why (the home), how (how the firm works), who (the team) and what (the practice areas). Talent (careers), the blog, the article page and contact follow, and I also designed the mobile menu.
  • Attorney Bios. The attorney bios show the practice areas, education, the places where each one is admitted to practice law, and languages.
  • Contact Flow. The contact page has a form with a list to choose the lawyer, a confirmation message and a scheduling integration to book a free consultation.
  • Visual Language. Black and white with a warm orange accent, Montserrat type, and bright photos behind the page titles, such as the New York skyline on the home.

Impact

The client approved the design and was very happy with the result. The site is live at kblroche.com.

Styleguide

Colors & Buttons

#000000
#FFFFFF
#56534F
#EC8B5E
#ABA9A7
#D9D9D9
Typography · Montserrat

Adding value by understanding the why!

ExampleNameFontSizeLine heightLetter spacing
Why!H1Montserrat SemiBold48pxAuto0
BioH2Montserrat SemiBold32pxAuto0
PartnerH3Montserrat SemiBold24pxAuto0
In Trust We ServeBodyMontserrat Regular20pxAuto0
ENLabelMontserrat SemiBold16pxAuto0
Mobile
Made in Figma
Design by joaomob
Property of RebelMouse
Credits