SATECH

A technology company site where services and projects are content, not layout.

Overview

WordPress site for a Saudi technology company, in Arabic (right to left) with a language switcher.

Services and projects are stored as posts with their own fields and pulled into the pages with dynamic grids, so the team publishes a new service or case study from the dashboard and it appears on the home page, the services page and the related sections at once.

Some inner pages still carry placeholder text while the client finalises the content.

Details

Platform:
WordPress
Type:
Technology company website
Stack:
WordPress, Hello Elementor, Elementor Pro (Loop Grid), ElementsKit, Gum Addons, MetForm
Language:
Arabic (RTL) with a language switcher
Live Website:

The pages

Real screenshots of the key pages, split into sections. Switch pages with the tabs, swipe or use the arrows, and click the middle image to see it full size.

satech.sa
SATECH full home page screenshot

Hover to scroll through the whole home page

SATECH, Home page, part 1 of 10
SATECH, Home page, part 2 of 10
SATECH, Home page, part 3 of 10
SATECH, Home page, part 4 of 10
SATECH, Home page, part 5 of 10
SATECH, Home page, part 6 of 10
SATECH, Home page, part 7 of 10
SATECH, Home page, part 8 of 10
SATECH, Home page, part 9 of 10
SATECH, Home page, part 10 of 10

Inside the website

The parts of this build that do the actual work, and how each one is put together.

SATECH website screenshot

01

A technical identity, carried by the site itself

We analyse today, we build tomorrow, on a dark technical background with a 3D brand mark. For a technology supplier the site is the first sample of the work, so the client logos sit immediately under it.

How it is built
  • WordPress with Elementor Pro on Hello Elementor
  • Dark blue gradient identity with Alexandria typography, held in the global settings
  • Sticky header with a consultation button; client logos in monochrome so they sit on the dark background
SATECH website screenshot

02

Services stored as content, not typed into a layout

Digital transformation, custom systems, mobile apps, video and visual infrastructure, branding and technical support. Adding a seventh service is a new entry, and it appears on the home page and the services page at once.

How it is built
  • Elementor Loop Grid over a services post type
  • One card component shared by the home page and the services page
  • Each card opens its own service page
SATECH website screenshot

03

How a project runs, and which package fits

Three numbered steps from analysis to launch and delivery, then the solutions sorted by growth stage, so a startup and an established company each find the one meant for them.

How it is built
  • Step cards with icons beside a full-width photograph
  • Three-card section labelled by stage rather than by price
SATECH website screenshot

04

The questions asked before every brief

What the services cover, how a project is priced and how long it takes, answered on the page, followed by the closing call to action.

How it is built
  • FAQ accordion
  • MetForm contact section and a footer carrying the company address

Need something like this for your brand?

Tell me about your project. I will map the structure, the integrations and the launch plan.

Chat on WhatsApp