Book a call

Book a call

Loading the calendar
← All projects

Benchmark Gastro

Healthcare · UX/UI Design · Webflow
Benchmark Gastro

Overview

Benchmark Gastro is a gastroenterology practice in Riverview, in the Tampa Bay area of Florida, led by Dr. Christopher Nobo. The practice treats digestive conditions and performs procedures at a surgery center and a hospital nearby, with a doctor who speaks English and Spanish.

The website presents the practice and its team, explains the conditions it treats and the procedures it performs, and gives the prep for each exam, with the phone number always close.

My Role

I designed and built the website in Webflow in 2024: the visual language, with its fonts, colors and images, the page layouts, and custom code where the pages needed it.

Key Contributions

  • A Calm Visual Language. Warm sand backgrounds, the deep teal and soft green of the logo, Merriweather for the titles and Ubuntu for the text.
  • Pages Patients Need. A home that explains the approach and the team, an About page with the doctor and the nurse practitioner, a page with the digestive conditions the practice treats, another with the procedures it performs, prep instructions and a contact page. Conditions and procedures appear as cards, each with an icon, a title and a short explanation.
  • Prep Instructions. A page that lists the prep for the main procedures, such as colonoscopy with each bowel prep product, upper endoscopy (EGD) and capsule camera tests, so patients find the right one before their appointment.
  • Clear Calls to Action. The pages end with a block to call for an appointment, with the phone number, email and address, and the footer repeats the contact and a link to schedule.
  • Mobile Versions. The pages work on the phone, with the condition and procedure cards and the provider photos in one column.

Impact

The website is live at benchmarkgastro.com and keeps the design I built in 2024.

Styleguide

Colors & Buttons

#045767
#4AAF86
#EEE7E3
#3C4253
#77829D
#FFFFFF
Typography · Merriweather & Ubuntu

Top-Notch Team Caring for the Tampa Bay area

ExampleNameFontSizeLine heightLetter spacing
CareH1Merriweather Bold48pxAuto0
ProceduresH2Merriweather Bold32pxAuto0
Our ApproachH3Merriweather Bold24pxAuto0
Patient careBodyUbuntu Regular16pxAuto0
YOUR HEALTHLabelUbuntu Medium12pxAuto0
Mobile
Made in Webflow
Design by joaomob