Case study / Marketing agency

Upstrike

Upstrike is a Cairo marketing agency. I designed its site so every one of its services has its own page and visual.

Role
UI design
Through
Direct client
Duration
2 weeks
Industry
Marketing agency

The Brief

Upstrike is a marketing agency in Cairo that runs design, development and marketing in parallel. Its services are corporate websites, eCommerce stores, mobile apps, custom web apps, performance marketing and AI.

The site had to show each of those services clearly, give every one of them a page of its own, and still read as one agency. Every page keeps Schedule Meeting in the header, so a visitor can book a meeting from anywhere.

The Challenge

A corporate client, a shop owner and a founder with an app need different proof, so one template would not serve all three. Each service needed its own page and its own visual, without losing the agency behind them.

Key Decisions

I made the services a numbered list on the home page. The first, Corporate Website, shows its visual beside it. The rest are rows, and eCommerce Solutions and Mobile Apps each open their own page.

Upstrike home page: the six services as a numbered list, with Corporate Website open beside a laptop showing a client site
The service list on the home page.
The services accordion: every service opens on its own visual.

Each service page has its own visual. The corporate page opens on a laptop showing one of the client sites, the eCommerce page on a cart that offers free shipping, and the mobile page on phones. No two heroes share a visual.

Upstrike Corporate Website page: light blue hero with the headline Your Brand Deserves a Website That Actually Converts, and a laptop showing a client site
The Corporate Website page.
Featured Projects: each project swaps the big card and its title.

The mobile page is the darkest. It is black with white type and phones, while the corporate and eCommerce pages are light. The header and the buttons stay the same on every page.

Upstrike Mobile Apps page: black hero with the headline Mobile Apps Built for Real Users, Built to Scale, and app screens on phones
The Mobile Apps page.
The phone menu: the red panel slides down with the links.

The Screens

The Upstrike home page hero: the headline From Ambitious Idea To Revenue Engine with project screens around it
The home page hero.
Why Choose: the clock, search and flow illustrations animate.
The eCommerce Websites service page: the headline Built to Sell beside a cart panel with product cards
The eCommerce service page.
The eCommerce page scrolls into its project screens.
The Featured Projects section: the project list beside a car care website on a laptop
Featured Projects: the list and the selected project.
The Why Choose Up Strike section: cards with small illustrations for delivery, marketing and automation
Why Choose: four cards, each with its own illustration.

Outcome

The site is live. The client loved the innovation, and that every one of their services has its own page and its own visual.

Upstrike pages on a laptop and screens
The logo row, Featured Projects, the services and a service page.
Upstrike pages on phones
The site on phones.

Client feedback

The client loved the innovation, especially that every service has its own page and its own visual.