CASE STUDY2026

Telamon

A construction company's website — from pitch to production

Telamon is a full-cycle Yerevan company: construction management, design, building, renovation and maintenance. We started with a concept presentation, the client gave the green light — and we built and shipped telamon.am.

The telamon.am home page on desktop: a dark hero reading «Construction management» over a blueprint and a site manager in a yellow hard hat
The telamon.am services page: the heading «What we build and manage» with Construction Management, Renovation and Technical supervision cards
The telamon.am home page on mobile: the «Construction management» hero and action buttons
The telamon.am project portfolio: a heading about documentation and a photo-video archive of stages, filters and a grid of real project cards
The telamon.am services page on mobile
telamon.am contacts: the heading «Let's discuss your project», direct contacts and an enquiry form
The telamon.am project portfolio on mobile: cards of real projects from the site
The telamon.am services page: the heading «What we build and manage» with Construction Management, Renovation and Technical supervision cards
The telamon.am home page on mobile: the «Construction management» hero and action buttons
The telamon.am project portfolio: a heading about documentation and a photo-video archive of stages, filters and a grid of real project cards
The telamon.am services page on mobile
telamon.am contacts: the heading «Let's discuss your project», direct contacts and an enquiry form
The telamon.am project portfolio on mobile: cards of real projects from the site
Client
Telamon
Industry
Construction · Project management
Geo
Yerevan, Armenia
Scope
Web · Design system · SEO

About the project

A full-cycle construction company

Telamon manages construction projects and delivers them itself: design, building, renovation and maintenance — for residential and commercial clients. Its stated positioning: «Construction management. Planning. Design. Building. Renovation. Maintenance».

The telamon.am services page: the heading «What we build and manage» with Construction Management, Renovation and Technical supervision cards

The brief

Move the concept from the deck to a live site without losses

It started with a pitch: we showed the concept of the site — typography, colour, rhythm — and got the green light. The task was to carry the approved design system into production one to one, not to water it down on the way.

The telamon.am home page on mobile: the «Construction management» hero and action buttons
The whole site works on mobile too

Our approach

The design system from the pitch — in code, one to one

The path started not with a brief but with a presentation: we showed the client the concept of the site and got the green light on it.

What was approved at the pitch reached production without shrinking: the typography, colour and rhythm from the slides are the same on the live site.

The site is built on Next.js with static generation — pages are served as ready HTML, fast and resilient; the enquiry form runs as a separate service.

  • 01

    Pitch → production

    The concept was approved at the presentation and reached the code one to one — nothing lost between the slides and the live site.

  • 02

    A portfolio of real projects

    Not a placeholder showcase: every project carries a category, an address, the types of work and a gallery of photos from the site.

  • 03

    An enquiry that arrives

    The form goes to the company's working inbox; the server carries spam protection and a submission rate limit.

The telamon.am project portfolio: a heading about documentation and a photo-video archive of stages, filters and a grid of real project cards

A portfolio of real projects — with photos from the site

The telamon.am project portfolio on mobile: cards of real projects from the site
The telamon.am services page on mobile
telamon.am contacts and the enquiry form on mobile

What we did

What we built

06 workstreams

  1. 01

    The entire site from scratch

    WebHomeServicesGuaranteesBlogFAQContacts
    The telamon.am home page on mobile: the «Construction management» hero and action buttons
  2. 02

    A portfolio of real projects

    PortfolioCategoryAddressTypes of workPhotos from the site
    The telamon.am project portfolio on mobile: cards of real projects from the site
  3. 03

    An enquiry form that reaches the inbox

    EnquiriesWorking inboxSpam protectionRate limit
    telamon.am contacts and the enquiry form on mobile
  4. 04

    The design system from the pitch deck — in code

    DesignTypographyColourRhythm
    The telamon.am services page on mobile
  5. 05

    Project pages with galleries

    Projects
    The telamon.am project page «Concert hall»: commercial category, Izmirlyan 3/8, reconstruction works
  6. 06

    Next.js SSG, nginx and PM2 on AWS

    InfraStatic generationAWS · nginx · PM2HTTPS telamon.am
    The telamon.am project page «Yandex office»: commercial category, Moskovyan 35, furniture installation works

Pitch → production

Off the slides — into production intact

The one case of ours that started with a concept presentation. The design system was approved at the pitch — and it reached the live site one to one, with the portfolio filled by the client's real projects.

  1. Pitch

    A concept presentation: typography, colour and rhythm. The client approved the design system in the meeting.

  2. Production

    What was approved reached the code one to one — what lived on the slides became the live telamon.am.

  3. Projects

    The portfolio filled with the client's real projects — address, types of work and photos from the site.

telamon.amProduction
The telamon.am home page on desktop: a dark hero reading «Construction management» over a blueprint and a site manager in a yellow hard hat

Production: telamon.am — the same design system that was approved at the pitch

Real projects in the portfolio

Concert hallIzmirlyan 3/8
The telamon.am project page «Concert hall»: commercial category, Izmirlyan 3/8, reconstruction works
Yandex officeMoskovyan 35
The telamon.am project page «Yandex office»: commercial category, Moskovyan 35, furniture installation works

Outcome

The concept made it to a live site

  • Telamon has a working site at telamon.am: services, a project portfolio, guarantees, a blog, an FAQ and contacts.

  • The design system approved at the pitch was carried into code one to one — nothing lost between the presentation and production.

  • The portfolio is built from real projects with photos from the site, and enquiries reach the company's inbox.

The telamon.am home page on desktop: a dark hero reading «Construction management» over a blueprint and a site manager in a yellow hard hat
The telamon.am project page «Concert hall»: commercial category, Izmirlyan 3/8, reconstruction works
The telamon.am project page «Yandex office»: commercial category, Moskovyan 35, furniture installation works

Let's start with the concept

We'll show the concept — and carry it to a live site

Tell us about the company or the project — we'll come back with a concept, approve it in a meeting and take it to production without watering it down.