[+]

Cordonnerie Porte-Bonheur

Client
Cordonnerie Porte-Bonheur, cobbler, Villeray, Montréal
Role
Audit, design and development
Live site
cordonnerie-porte-bonheur-tcun.vercel.app
Previous site
cordonnerieportebonheur.ca
New Cordonnerie Porte-Bonheur home page with opening status, address, hours and a call button

The brief

Olivier runs a small cobbler's shop on rue Tillemont. His site had charm — a mascot, a strong pink — but it didn't help anyone decide to bring him a pair of boots.

What wasn't working

The home page opened on “On répare plein de trucs, surtout des chaussures.” and little else. No list of services, no prices, no way to call from the first screen.

Hours and address were further down the page, and a cookie banner covered the bottom of the screen on arrival, on a phone almost half of it.

The redesign

The first screen now answers the practical questions: whether the shop is open right now, the address with free parking, the hours, Instagram, and buttons to call or get directions.

Services are listed one by one with a starting price, and the free in-store evaluation is stated plainly. Vibram soles and designer pieces get their own space, since those are what set Olivier apart.

A real repair — Guidi boots, from worn sole to new — shows the work instead of describing it. The site is also available in English.

I kept his identity: the mascot and the hand-drawn logo stay, with a softer, warmer palette around them.

Before and after

Drag across each image to compare.

New home page: opening status, address, hours, call and directions buttons
Old home page: pink background, mascot, headline and a cookie banner
BeforeAfter
The first screen: from a slogan to everything a customer needs.
New site: list of services with starting prices
Old site: opening hours and address in large type
BeforeAfter
Further down: hours and an address, now a clear list of services and prices.
New site on a phone with the call button on the first screen
Old site on a phone with a cookie banner over the bottom half
BeforeAfter
On a phone: the call button is on the first screen.
Section showing a Guidi boot being resoled
A real repair, told in pictures.

Visit the live siteBack to the portfolio