# 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.