Back to projects

Business website for structural engineering

Constructures

Constructures needed its first professional online presence. The goal was to present structural engineering services, showcase selected projects, and create a website that feels trustworthy when reaching new clients.

UX and structureLogo and visual directionDesignFrontend developmentPayload CMSSEO foundationFormsEmail notificationsHosting and deploymentDNS setup
Visit website
01

UX and structure

02

Logo and visual direction

03

Design

Context

The company needed to move from no online presence to a trustworthy digital presentation.

Challenge

The company did not have a website, logo, or clearly defined visual direction. It lacked a place to present services, showcase projects, and appear professional when communicating with potential clients.

Goal

The goal was to create a modern business website with a simple identity, clear service structure, project portfolio, contact form, and CMS so the client could manage selected content independently.

Project type

Business website

Industry

Structural engineering

Branding

Logo, colors, and typography

Content management

Payload CMS

Year

2025

What's included

From basic identity to a website with content management.

The project covered the full process from structure, simple logo, and visual direction to frontend, Payload CMS, media storage, SEO setup, form, email notifications, hosting, and DNS.

Logo and visual foundation

A simple logo, color direction, typography, and visual foundation were created as the base for the whole website.

UX, structure, and design

I designed the website structure to clearly present the company, services, projects, and contact path for potential clients.

Payload CMS

The CMS allows the client to edit selected parts of the website, including projects, services, contact information, images, and other content.

Media and documents via AWS S3

The CMS was connected to AWS S3 for storing images and documents, making content management more flexible and reliable.

SEO, indexing, and metadata

The setup included metadata, sitemap, indexing, and Google Search Console as the technical foundation for search visibility.

Form and email notifications

The contact form was connected to email notifications for both the client and the sender through AWS SES.

Decisions

What mattered most in the project

For a company without a previous online presence, the key was to create a foundation that feels professional, is easy to manage, and can be expanded over time.

01

Professional first impression

The website needed to help the company look trustworthy when reaching new clients and better present its expertise in structural engineering.

02

Portfolio as proof of work

Projects were an important part of the content, so the CMS allows adding and editing them together with images and project details.

03

Independent content management

The client did not need to depend on a developer for every content change. Selected website sections are manageable through the CMS.

04

Technical foundation for future growth

The website was prepared with focus on SEO, forms, hosting, media management, and the ability to expand further based on company needs.

Showcase

Key parts of the project

Selected screens showing the company presentation, services, project portfolio, project detail, and contact path.

Technologies

Technology used in the solution

The stack was chosen so the website could work as both a modern company presentation and a manageable system for projects, services, media, and contact inquiries.

Next.jsWebsite foundation, routing, rendering, and CMS integration.
Payload CMSManagement of projects, services, contact information, images, and selected content.
PostgreSQLDatabase foundation for content managed through the CMS.
TailwindCSSDevelopment of a responsive and consistent visual interface.
shadcn/uiComponent foundation for interface elements and forms.
MotionSubtle animations and transitions supporting a modern website feel.
PostHogAnalytics for traffic and user behavior.
AWS S3Storage for media and documents used in the CMS.
AWS SESSending email notifications from the contact form.
Google Search ConsoleIndexing, sitemap, and search visibility monitoring.
VercelHosting, deployment, and website operation.

Outcome

A professional online presence with room for future growth.

The result is a modern business website that created the company’s first online presence, presented its services, showcased projects, and gave the client the ability to manage selected content through a CMS.

Custom

website designed from scratch for a B2B company

Logo

simple visual identity, colors, and typography

CMS

management of projects, services, images, and content

SEO-ready

metadata, sitemap, indexing, and Search Console

AWS

S3 media storage and SES email notifications

Online

new digital company presence on the web

Next step

Planning a similar project?

Send a few sentences about your company, services, and what the new website should improve. I will get back to you with a recommended approach and estimated scope.

New inquirySimilar project

We need a clearer website, a better inquiry flow, and a technical foundation that can grow.

Reply with recommended scope

48 h