• Services
  • Reviews
  • About
  • Blog
  • # switch theme Hire me on Upwork
    ← all projects
    $ open m-and-r-shine-website-design

    M and R Shine

    client: M and R Shine shipped: December 2022 Home Services
    Visit live site 🔒mandrshineexhaustcleaning.com
    🔒mandrshineexhaustcleaning.com
    live 
    M and R Shine desktop website screenshot
    M and R Shine mobile website screenshot
    // how it was built

    From brief to launch.

    The end-to-end process behind M and R Shine — strategy, design, clean WordPress development, performance, and a smooth handover.

    1. 01

      The brief

      M and R Shine cleans commercial kitchen exhaust systems in Winnipeg, and the pitch had to hit the restaurant owner's real fear: the hero reads "Keep Your Restaurant kitchen up to code" and promises to "pass your next fire and health inspections with flying colors."

    2. 02

      Strategy & Wireframing

      A blue gradient strip of four icon links — Kitchen Equipment Cleaning, Hood and Appliance Cleaning, Hood Exhaust Cleaning, Stainless-Steel Cleaning — sits right under the hero, and I placed the before/after photo grid ahead of the service copy, because grease removed is the whole argument.

    3. 03

      Design & Branding

      I let real job photos carry the visuals: split-frame shots of grease-caked ducts next to the same metal polished, set against blue-to-cyan gradient bands and a stainless-steel kitchen hero — nothing stocky pretending to be their work.

    4. 04

      Development & Integration

      I built the checklist-style Our Services section (hood cleaning of built-up oils and grease to cut fire risk, degreasing, equipment and floor cleaning, stainless back walls and gas pipes), a "What You Can Expect" block covering Maintenance Plans at 3, 6 and 12-month intervals, a free-estimate CTA band, a blog, and the footer Request Quote form with Name, Email and Message.

    5. 05

      Responsive & Speed

      On a phone the four-icon service strip restacks into a tappable list and the before/after split photos go full-width, so the grime-to-shine contrast survives the small screen.

    6. 06

      Launch & Delivery

      The company launched with its before/after gallery live, the 3/6/12-month maintenance plans explained, and the quote form wired up next to the Winnipeg address in the footer.

    let's-build

    Want a site like M and R Shine?

    The exact process you just read, pointed at your business — and you own the result outright.