M and R Shine
From brief to launch.
The end-to-end process behind M and R Shine — strategy, design, clean WordPress development, performance, and a smooth handover.
-
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."
-
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.
-
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.
-
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.
-
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.
-
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.
Want a site like M and R Shine?
The exact process you just read, pointed at your business — and you own the result outright.