Skip to content
WebsitesCorporate website

Corporate Business Website

A fast, multilingual company website with service pages, quote requests and a simple CMS — structured for search engines and easy for the team to keep up to date.

Project facts

Project type
Corporate website
Category
Websites
Industry
Industrial & professional services
Technology stack
  • Next.js
  • React
  • TypeScript
  • Tailwind CSS
  • next-intl
  • PostgreSQL
  • Prisma
Corporate homepage with headline, quote request button, featured service card and four service tiles

Overview

This demonstration project shows a corporate website for an industrial services company, built the way Saad builds business sites: every service gets its own page with a clear message, the quote form reaches the right person, and the team can edit texts, images and translations without calling a developer.

The site is available in several languages, including Arabic with a true right-to-left layout, and each language has its own URLs and search metadata rather than a translated copy under one address.

The challenge

Many company websites are brochures that no longer match the business. Services are described on one long page, the contact form lands in an unread inbox, updates wait for the agency, and the site is slow on phones. For companies that sell in several countries, adding a language often means a second, out-of-sync website.

The solution

The concept organises the site around what the company sells: a clear homepage, one page per service, industries, projects and a contact route that asks the right questions. A lightweight CMS lets the team manage pages, sections, images and translations, with search previews and length checks built in. Enquiries are validated, protected against spam and forwarded by email with the page they came from.

Key features

  • Homepage, service pages, industries, projects and careers
  • Quote request form with spam protection and email routing
  • CMS for pages, sections, images and navigation
  • Multilingual content with a genuine Arabic right-to-left layout
  • Search appearance preview and length checks per page
  • Automatic sitemap, canonical URLs and hreflang
  • Structured data for the organisation and its services
  • Fast loading on phones with optimised images

Who it is for

  • Service companies whose website no longer reflects the business
  • Businesses operating in more than one language
  • Teams that want to update their site without an agency
  • Companies that get leads from search and need a clear quote route

Technical approach

Next.js renders pages statically and revalidates them when content changes, so pages load fast and stay easy for search engines to crawl. Content is stored in PostgreSQL through Prisma with one row per language, and next-intl handles localized routing and hreflang. Structured data, a generated sitemap and canonical URLs are part of the build rather than an afterthought.

Backend
Database
Integrations
SMTPGoogle Search Console

Screens

Customer-facing interface

Service detail page with service navigation, process checklist and quote request form
Service detail page with service navigation, process checklist and quote request form

Admin interface

Website CMS listing pages with translation status per language and a page editor with search preview
Website CMS listing pages with translation status per language and a page editor with search preview

Mobile & responsive views

Three phone screens of the company website: English homepage, contact form and Arabic right-to-left homepage
Three phone screens of the company website: English homepage, contact form and Arabic right-to-left homepage

Services behind this project

The work in this case study maps onto these services. Each page explains scope, process and what you receive.

Related projects

All projects
  • Property search page with filters, a list of properties and a map with clustered price markers
    WebsitesReal estate platform

    Real Estate Listing Platform

    A property platform for a real estate agency: map search with filters, detailed listing pages, viewing requests, saved searches with alerts, and an agent dashboard for listings and leads.

    • Next.js
    • React
    • TypeScript
    • PostgreSQL
    • Prisma
    • +4
  • Dark portfolio homepage with a headline, availability status, profile badge and four selected-work tiles
    WebsitesPersonal portfolio

    Personal Portfolio Website

    A personal website for a designer or consultant: a strong introduction, case studies that explain the work, a writing section and a contact form — fast, accessible and easy to update.

    • Next.js
    • React
    • TypeScript
    • Tailwind CSS
    • MDX
    • +1
  • Storefront product listing with category filters, price range and eight product cards
    Online storesEcommerce platform

    Advanced Ecommerce Platform

    A custom online store with product management, fast search, customer accounts, a multi-step checkout and a complete order dashboard — built on Next.js, TypeScript and PostgreSQL.

    • Next.js
    • React
    • TypeScript
    • PostgreSQL
    • Prisma
    • +4

Questions about this type of project

Is this the website of a real company?

No. The company name and content are fictional and every screen is labelled as sample content. It demonstrates the structure and features Saad uses for corporate websites.

Can we edit the website ourselves after launch?

Yes. The CMS covers pages, sections, images and translations, so everyday updates do not need a developer. Structural changes — new page types or features — are handled as development work.

How is a multilingual company website handled for SEO?

Each language has its own URLs, titles and descriptions, linked with hreflang tags. A language is only published once its content is actually written, so search engines never index half-translated pages.

Want a similar project?

Tell Saad what you need. You get a clear scope, a phased plan and direct contact with the developer who builds it — no middlemen.

  • Direct, clear communication

    You talk directly to the engineer writing the code — no sales intermediaries, no vague delivery dates.

  • Fully custom solutions

    No ready-made WordPress themes or copied code — every line is written to fit your business's exact requirements and scale.

  • From idea to launch

    Help shaping the specification and turning a rough concept into a real, usable digital product.

The request form opens with this type of project already selected.