Skip to main contentSkip to footer
    Back to Case Studies
    Dr. CollinsFamily Dentist, Opelousas, LA
    HealthcareWixRedesign Concept

    Willie F. Collins DDS

    A family dentist in Opelousas, Louisiana, practising since 1987 and accepting Medicaid, on a Wix site that had never been given a real design system. We built one, coded it as a four-page reference site, and wrote the guide for rebuilding it inside the Wix Editor.

    Project Preview

    Live website preview - www.wfcollinsdds.com

    4
    Pages in the coded reference build
    11
    Colour tokens in the design system
    1987
    Year the practice opened
    2
    Site changes pushed through the Wix API

    Cream, baby blue and sand

    An eleven-token palette built around a warm cream page ground, baby-blue washes for tinted sections, and a primary blue checked for WCAG AA contrast on cream.

    Fraunces and Nunito Sans

    A soft serif for headings and a rounded sans for body and UI, each with a named built-in Wix fallback so the pairing survives the Editor's font limits.

    Four rebuilt pages

    Home, Our Clinic, Services and Contact, each mapped section by section so the existing copy carries over without a rewrite.

    WCAG AA reference build

    Semantic headings, labelled form fields with inline errors, keyboard-closable mobile navigation and reveals that respect prefers-reduced-motion.

    No new photography

    Every image is reused from the practice's existing Wix Media Manager, with fifteen optimised local copies for the mockup, so nothing new needs licensing.

    Apply-to-Wix guide

    A written procedure covering colour theme, text theme, shape language and page structure, because Wix does not let the API edit Editor layouts.

    The problem

    Dr. Willie F. Collins has practised dentistry in Opelousas, Louisiana since 1987. The practice takes new patients, accepts Medicaid and most insurance, and covers family, restorative and cosmetic work plus emergency care. Its website lives on Wix, built in the classic Editor, and the browser tab still read "My Site 3" after the practice name, the placeholder Wix assigns to a site nobody has renamed.

    The content was fine. The problem was the absence of a system underneath it: no defined palette, no type pairing, no shape language, and no way to give the site a consistent, warmer feel without redoing every section by hand and by eye. A practice with thirty-five years of history deserved to look like one.

    What the practice needed

    • A calmer, warmer look: Something closer to a well-kept waiting room than a template, without alarming long-time patients with a total rebrand.
    • No copy changes: The existing wording, service descriptions and testimonials were to be kept exactly as they were.
    • No new photos: The practice already had images in its Wix Media Manager and did not want a shoot or stock licensing.
    • Something a Wix editor can actually apply: The result had to be reproducible inside the Wix Editor, not just a pretty picture.

    What we built

    A design system first

    We started with tokens rather than pages. The palette is cream white for the page ground, a deeper cream and two sands for alternating bands and borders, two baby blues for tinted sections and icon chips, a primary blue and a deep blue for buttons and the CTA band, two inks for text, and a gold reserved for eyebrow labels and rating stars. The primary blue was chosen to pass WCAG AA on the cream background, which is where most of the site's text and buttons sit.

    Headings are set in Fraunces, a soft, slightly old-style serif that reads as established without being stuffy. Body and interface text use Nunito Sans. Because Wix's built-in font list is limited, the guide names a fallback for each (Playfair Display and Poppins or Avenir) so the pairing degrades gracefully if the fonts are not uploaded. Buttons are pill-shaped, cards use a 20 to 28 pixel radius, and hero and team images sit inside an arch-shaped mask, fully rounded at the top.

    Then a coded reference site

    Rather than deliver static mockups, we coded the four pages in plain HTML, CSS and a short vanilla script. The CSS file carries the whole token set as custom properties. The script handles a sticky header shadow, a mobile menu that closes on Escape and returns focus, scroll reveals through IntersectionObserver that are skipped entirely when the visitor prefers reduced motion, and a contact form that validates required fields and email format inline before composing a pre-filled message for the visitor's email app.

    Home: arched hero, welcome heading, trust chips (35+ years, new patients, Medicaid and insurance), three service cards, emergency banner, testimonials on a baby-blue band, three alternating Why Choose Us rows, deep-blue CTA band
    Our Clinic: page hero, bio split with checklist, stats band, three arched team cards, CTA band
    Services: page hero, three alternating feature rows for General and Family, Restorative and Cosmetic, emergency banner, CTA band
    Contact: white form card beside phone, email, address and hours cards, CTA band

    And the guide to put it in Wix

    Wix's REST API can change site properties but cannot edit the layout of a classic Editor page. So the visual redesign ships as the coded reference plus a written procedure: which hex values to enter under Site Design, Color Theme; which fonts to upload under Text Theme; the shape rules; and a page-by-page section map. An editor opens the reference build in one window and rebuilds each section in the Wix Editor in the other, with exact spacing and colours to match against.

    How it works

    Wix CLI and Velo

    The site's code lives in a Wix Velo repository connected through the Wix CLI, with a page-code file for each of the seven pages and a master page. That gives the practice version control for any future behaviour added in code.

    What the API could change, we changed

    Two site-property updates went through the Wix API: the display name from the placeholder to Willie F. Collins DDS, which fixes the tab-title suffix, and the business address to the practice's current location.

    A form with no backend

    The reference contact form needs no server. It validates, then opens the visitor's mail client with the enquiry already written, which is the same channel the practice already answers.

    Existing media, optimised

    Fifteen images were pulled from the site's own media library and optimised as local copies so the reference build renders faithfully offline; in Wix they are simply re-selected from the Media Manager.

    Where it stands

    What we can and cannot claim

    This is a redesign concept plus an implementation guide. The live site at wfcollinsdds.com is the practice's existing Wix build; the project documentation does not record the 2026 redesign as applied to it, and we do not claim that it is. The two changes recorded as pushed are the site display name and business address, made through the Wix API, with a note that the site must be republished once from the Editor for the new title to appear. The counts on this page (four pages, eleven tokens, fifteen images, seven Velo page files) are taken from the repository, and there are no traffic or patient figures to report.

    Gentle, personalized dentistry for every smile in the family, backed by more than 35 years of experience.

    — Willie F. Collins DDS, homepage

    What This Project Does Well

    A complete, responsive, four-page HTML/CSS implementation that a Wix editor can open beside the Editor and match pixel by pixel
    A named design system: eleven hex tokens, two typefaces with fallbacks, a 20 to 28 px radius scale and an arch-shaped image mask
    All existing copy and imagery preserved, so the redesign changes how the practice looks without changing what it says
    Site display name corrected through the Wix API, removing a placeholder suffix from every browser-tab title
    Business address updated through the Wix API to the practice's current location
    Contact form that validates first name, phone and email format before handing off to the visitor's email app
    Wix Velo repository connected through the Wix CLI so future code changes are versioned

    Technologies Used

    Wix classic Editor, Wix CLI and Velo (Git integration), Wix REST API for site properties, hand-written HTML5, CSS custom properties, vanilla JavaScript with IntersectionObserver, Google Fonts (Fraunces, Nunito Sans), Playwright for review captures

    Ready to Build Something Similar?

    Let's discuss how we can help transform your business with a custom digital solution.

    Visit wfcollinsdds.com📅 Schedule Consultation