AHMED ZAKI

UI/UX Technical Lead | Front End Development, User Research

Available for Work

Flairstech

The project covered the full website — homepage, all service pages, about, contact, blog, careers, and a dedicated page for their AI product AIMY — built as a cohesive system with shared components and a consistent design language.

Website Link

FlairsTech — AI-powered managed services website

Designing a full-scale marketing and service website for a global technology managed services provider — spanning homepage, service pages, about, blog, careers, contact, and a custom AI product (AIMY).

Platform

Web (Desktop)

My role

UI/UX Designer

Type

B2B · Tech · Enterprise

Languages

English


Overview

A complete digital presence for a global tech partner

FlairsTech is a technology-driven managed services provider delivering end-to-end solutions — from application maintenance and technical support to digital transformation and custom software. With 100+ global partners, 5 delivery centers, and 1,000+ certified professionals, they needed a website that communicated enterprise credibility while staying approachable.The project covered the full website — homepage, all service pages, about, contact, blog, careers, and a dedicated page for their AI product AIMY — built as a cohesive system with shared components and a consistent design language.


Design decisions

The thinking behind the choices

Dark hero, light content

The page opens dark and transitions to white — visually communicating the journey from complexity to clarity, matching FlairsTech's "simplify lives" positioning.

Blue as the authority signal

Electric blue (#2563EB) is used exclusively for CTAs, links, and active states — creating a clear visual hierarchy and trust signal consistent with enterprise tech brands.

Metrics as visual anchors

Key performance numbers (98% CSAT, 97% SLA) are placed prominently on the service page hero — turning compliance data into a conversion tool.

Global map, local
copy

The "Global Services, Local feel" section uses a dotted world map with location pins — a visual that scales globally while the copy stays regionally specific (US, GCC, Egypt, Poland).

AIMY as a product, not a feature

AIMY AI gets its own section on homepage and a full dedicated page — elevating it from a supporting detail to a flagship product with its own visual identity within the brand.

Consistent nav
system

A shared nav with Solutions, Services, Industries, About, Blog, Contact + "Schedule a Call" CTA repeats across every page — including a dedicated menu section with mega-menu variants.

Grid and layout
Responsive 
Screens