Brand Identity & Website Design for an IT Recruitment Firm
A complete brand identity and website UI/UX design for a Montreal IT recruitment firm — a circular monogram logo system, a 51-slide brand guideline, 9 designed website pages, and logo motion design across 4 aspect ratios.
Where they started
Tannous HR Solutions is an IT recruitment and staffing firm founded by Elsa Tannous, who brought 8 years of recruitment experience between France and Canada but no visual identity or website. The brand needed a mark that could scale down to a favicon and social avatar as easily as it worked full-size, a documented system her bilingual team could apply consistently, and a website that served two different audiences — employers hiring and candidates job-hunting — under one identity, while carrying the firm's stated focus on IT placements and encouraging more women into tech careers.
What we did
- 01
Identity: a circular monogram interlocking the letters T, H, and R inside a ring, with an arced 'Tannous HR Solutions' wordmark — built to work as a full lockup or collapse cleanly to a small circular favicon or social avatar.
- 02
Brand guideline: a 51-slide identity manual covering logo construction, the sky-blue/black/white color system (with CMYK, RGB, and hex specs), the Lemon Milk typeface across 8 weights, a brand pattern, and favicon rules.
- 03
Website UI/UX: 9 designed pages — home, about, team, testimonials, candidate services, employer services, blog, FAQ, and contact — structured around separate candidate and employer journeys.
- 04
Motion: the logo animated and exported in 16:9, 1:1, 9:16, and Story ratios plus a transparent-background loop, alongside a narrated English/French video walkthrough of the finished site.
What we shipped
Logo system
Circular 'THR' monogram + wordmark, in color (sky blue), black, white, and reversed-on-black variants. Delivered as AI, SVG, PNG, JPG, and PDF.
Brand guideline
51-slide identity manual: logo construction, color palette (sky blue/black/white with CMYK, RGB, hex), Lemon Milk typography system, brand pattern, and favicon design.
Website UI/UX design
9 fully designed pages — home, about, team, testimonials, candidate services, employer services, blog, FAQ, and contact — with separate candidate and employer paths.
Logo animation
Animated version of the mark exported in 16:9, 1:1, 9:16, and Story aspect ratios, plus a transparent-background loop.
Website presentation video
Narrated English and French walkthrough of the finished website across laptop and tablet mockups.
A closer look
The final video
The finished deliverable, not a still — watch it start to finish.
Website walkthrough — 0:58
Logo animation — 0:05