From One Blog Post to a New Website for Kibbi

See the Live Work

The Starting Point

Kibbi is a Canadian hiring platform. Through its Restaurants Canada student initiative, school boards share Kibbi with students looking for their first job, so Kibbi needed a guide to help them spot fake employers and stay safe.

I wrote the post, "Your First Job: How to Spot a Fake Employer and Stay Safe", and built it in HubSpot. Once it was live, the founder looked at the rest of the blog and asked me to redesign it.

What I Did

I redesigned that first post as a sample in a bold new style: a cream grid background, strong uppercase headings, highlighted key lines and card-style sections, with a matching header image. It was approved straight away, and I applied the same style to the rest of the blog.

I set the style up in one central stylesheet, so all 20+ older posts took on the new look and every new post matches automatically. I designed 20 new header images in the same style, each with its own headline, topic tag and the post's original image.

I rebuilt the blog listing as a card grid with topic filters and full images, where clicking anywhere on a card opens the post. I also cleaned up the writing across the posts: removed 77 em and en dashes, fixed typos and title capitals, and fixed text that showed as code.

While fixing the blog, I found problems across the rest of the site. Pages ran on two different themes, so the header, menu and footer changed from page to page, some links went to the wrong place, and on phones pages scrolled sideways and buttons were different sizes.

I then revamped the whole site: moved every page onto one theme with the same header, menu and footer, reworked the layouts so each page fits any screen, and carried the new style across the homepage, partner pages and blog.

After the revamp, the founder sent me a mock-up of how she wanted the whole website to look and asked me to build it from scratch. I turned it into a full mock-up of every page, using the same style as the blog, and shared it with her for review.

Once she approved the mock-up, I built the new website in HubSpot CMS page by page to match it, and checked each page on phones and desktops before it went live.

Kibbi also hosted a webinar for trucking employers, Driving Ahead: AI Trends Every Trucking Employer Needs to Know. I built and customised the registration form in Jotform. It describes the event, asks for name, business, email and phone number, and asks two questions for the team: whether the person has heard about Kibbi, and which training would help their team most over the next 12 months.

What Went Into the Work

Why It Matters

A hiring platform asks students, employers and associations to trust it. A site that looks different from page to page, breaks on phones or links to the wrong place works against that trust.

Building the new site from an approved mock-up meant the founder saw and agreed on every page before any of it was built. Now the site looks like one brand on every screen, and the team can publish new posts that match the design without touching any code.

What the Client Said

"Night and day! Much better."

"So much better than me doing it."

"Why are you so amazing?!"

Tools and Skills Used

Blog writing, web design, website mock-ups, website builds, HubSpot CMS, form building in Jotform, responsive layout, content editing and on-page SEO clean-up.

Who This Is For

This case study may be useful to you if you are:

• ●A team whose website looks different from page to page.
• ●A business whose site breaks or scrolls sideways on phones.
• ●A business that has an idea of the website it wants and needs someone to design the mock-up and build it.