International expertise. A clear presence.

Techniservu

Techniservu: the home page

Techniservu: the home page

Techniservu: the home page on a phone

Techniservu: the home page on a phone

The client

Techniservu repairs ships. It was established in 2015, has its base in Perama and takes on steel and pipe work, the installation of ballast water treatment systems, riding teams and staging.

Client
Techniservu Ltd.
Sector
Maritime & technical services
Based in
Perama
Founded
2015
Languages
English
Platform
Framer

The brief

A corporate website for Techniservu, presenting ship repair services and technical projects for international shipping.

The challenge

A maritime technical partner needs to communicate its capabilities quickly. Services, projects and international support need clear organisation for professionals with specific requirements.

The approach

We organised the presentation around technical services and project experience. The art direction and structure connect the company identity with the practical information that precedes a business partnership.

The home page, top to bottom

The same page on a computer and on a phone.

Techniservu: the whole home page

Techniservu: the whole home page
  1. Techniservu: The first screen on a phone

    Techniservu: The first screen on a phone
    01

    The first screen

    Dark blue over a photograph of work on a ship, the title “Empowering Tomorrow” and one link to the services.

  2. Techniservu: The first project on a phone

    Techniservu: The first project on a phone
    02

    The first project

    The m/v Kiveli on a card of its own, with a photograph from above and the button “Go to project” to the project’s page.

  3. Techniservu: Guarantee and projects on a phone

    Techniservu: Guarantee and projects on a phone
    03

    Guarantee and projects

    Three short texts under “Our guarantee”. On a computer, twelve selected projects follow in small photographs.

  4. Techniservu: The services on a phone

    Techniservu: The services on a phone
    04

    The services

    Under “What we do”, the five services in a list and the link “Explore all services” to their page.

  5. Techniservu: The footer on a phone

    Techniservu: The footer on a phone
    05

    The footer

    Three lists of links and, at the end, two boxes, one with “Contact us” and one with the address, email and phone number.

01Services

Five services on one page.

The “Services” page opens with a short text about the company and continues with five sections, one for each service. Each section has a title in capitals, a paragraph and a photograph. The page ends with selected projects and an invitation to get in touch.

  • From “Water ballast treatment system” to “Staging”
  • “See our process” opens a separate page on ballast water systems
  • On a computer the text sits on the left, the photograph on the right

Techniservu: Services

Techniservu: Services

Techniservu: Services on a phone

Techniservu: Services on a phone

02Projects

Twenty projects, one under the other.

The “Projects” page is a list of twenty projects. Each row has the vessel’s name, a photograph and three figures: the size of the vessel in DWT, the duration of the work and the tons repaired. An orange arrow leads to the project’s page.

  • First on the list is the m/v Kiveli, last the m/v Captain George
  • Before each name comes the type of vessel, such as m/v, m/t or ro/ro
  • On a phone the name sits above the photograph, the figures below

Techniservu: Projects

Techniservu: Projects

Techniservu: Projects on a phone

Techniservu: Projects on a phone

03Project page

From the vessel’s figures to the photographs.

Every project on the list leads to a page of its own. The page of the m/v Kiveli opens with the vessel’s name and the same three figures it has on the list. A large picture with a play button follows, then twelve photographs of the work. The screens show this page.

  • Twelve photographs, alternating two side by side and one at full width
  • On a phone the photographs sit one under the other
  • At the end, other projects and the button “Let’s discuss your project”

Techniservu: Project page

Techniservu: Project page

Techniservu: Project page on a phone

Techniservu: Project page on a phone

04Company and contact

The company in three sections, and one form.

The “Company” page begins with the year the company was established, 2015, and its base in Perama. A text titled “A few words” follows, then three sections with a picture each. The “Contact” page has a form with three fields, the contact details and a map.

  • “Experience”, “Global operations” and “Modern tools & equipment”
  • A form with three fields and the button “Send”
  • An address, an email and a phone number, with a map underneath

Techniservu: Company and contact

Techniservu: Company and contact

Techniservu: Company and contact on a phone

Techniservu: Company and contact on a phone

On a phone

Same character. A different rhythm.

On mobile, project cards keep the photograph, name and link together. Multi-column company information becomes vertical, preserving reading order and the colour distinction between sections.

Techniservu: screen 1 on a phone

Techniservu: screen 1 on a phone

Techniservu: screen 2 on a phone

Techniservu: screen 2 on a phone

Techniservu: screen 3 on a phone

Techniservu: screen 3 on a phone

Techniservu: screen 4 on a phone

Techniservu: screen 4 on a phone

Colours

Making technical experience visible.

In maritime services, presentation needs to give complex technical work a clear context. Deep blue, clean surfaces and orange action points establish the identity. Ship and project photography gives the corporate narrative concrete subject matter.

What we delivered

  1. 01Complex technical service architecture
  2. 02Corporate identity and project presentation
  3. 03Custom design and web development

Screens from the public website, October 2026. Live-site content may change.

Visit the website
Let’s make something yours.Tell us your idea