The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Back to feedPost
I built a booking experience for Bluebonnet Family Dental, a two-provider practice in Round Rock, TX. Patients pick a reason for their visit and see only the times that fit the right provider and appointment length. New patients complete their forms while booking, and reminders, cancellations, and short-notice refills run without front-desk effort.
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Related posts
Building a Modern Restaurant Management Dashboard with Lovable (Light ☀️ vs. Dark 🌙)
I’ve been working on the dashboard interface for ReserveTable (Eat Pro Japan), focusing on giving restaurant managers and users a clean, modern, and intuitive interface to manage bookings, tables, and analytics.
Using Lovable, I was able to rapidly prototype and construct a modern UI system complete with smooth component transitions and native theme switching.
✨ Key Design & Tech Highlights:
⚡ Built with Lovable: Leveraged AI-powered design-to-code workflows to assemble clean component hierarchies, responsive search/filter bars, and sleek cards rapidly.
🌗 Seamless Light & Dark Mode: Designed a flexible color system using modern CSS variables / Tailwind tokens so the entire interface gracefully shifts between an elegant light aesthetic and a moody, dark dining ambience.
🎯 Contextual UI Elements: Styled input controls, select menus, and primary CTA buttons to maintain legibility and contrast across both light and dark themes.
For reservation and table states, the same semantic color tokens need to stay clear in light and dark mode. Did you define status tokens once and map both themes to them, or tune those colors per component?
This is the kind of work I want to do more of.
A strong visual direction and plenty of room to get creative with the development. Built in Webflow, animated with GSAP.
Here’s a look around.
Outstanding Work❤️
Alder is a boutique dental studio website concept created to bridge the trust gap between healthcare providers and patients. The design replaces intimidating clinical layouts with an editorial, transparent digital experience that drives direct patient consult bookings.
The Problem:
Hidden Information and Anxiety: Traditional healthcare sites fail to display treatment fees or timelines upfront, creating hesitation during the decision making process.
Generic Visual Identity: Standard medical templates look repetitive and lack the luxury feel expected by modern boutique studio clients.
Friction in Conversion: Buried contact details and unclear clinic operating hours lead to high bounce rates.
The UX Strategy and Solution:
1. Transparency First UX Framework:
Integrated upfront callouts for fees and treatment breakdowns right in the primary hero section to remove patient fear and boost booking confidence.
2. Live Operational Indicators:
Added active status pills like "Open now until 6:30 pm" to provide immediate clarity on clinic availability without requiring extra navigation.
3. Empathetic Value Proposition:
Framed core studio values around patient comfort and clarity ("They fear not knowing... So we show you everything first") to establish immediate emotional connection.
4. Editorial Aesthetic and Layout Hierarchy:
Utilized dark obsidian themes, sophisticated glass textures, and clean sans serif typography to elevate Alder as a high end, luxury healthcare brand.
The Open now until 6:30 pm status pill is such a small but brilliant detail. Turning trust anxiety into transparent information is the whole thesis, and the dark obsidian editorial look makes it feel premium instead of clinical.