Senior Brand
& Product-Oriented
Digital Designer

CLOSE
Hospitality Web Design

Trilogia Suites

A bilingual website for two suites and one apartment on Solonos Street in Athens. Every stay carries the same three facts, and every nearby place a walking time.

Client
Trilogia Suites
Role
Web Designer & Front-End Developer
Scope
Hospitality Web Design, Static HTML Website Development, Hospitality Content Architecture, SEO & AI Optimisation, Image Selection & Creation
Sector
Hospitality
Trilogia Suites website on a desktop screen, two tablets and a phone

Overview

Trilogia is two suites and one apartment at Solonos 96, five to seven minutes on foot from the Academy, the University and the National Library, the neoclassical ensemble known as the Athenian Trilogy. The name comes from there.

The name and the serif wordmark came from the client, and so did the photographs of the property. I designed and built the website in Greek and English, as static HTML and CSS with no CMS, and reworked the client's texts for quick reading and for search. From the property shoot I chose the frames the site uses and cropped each one for its place. The images of the neighbourhood are mine, selected or made for the site.

A property with three units does not need the machinery of a hotel website. It needs a site that does the front desk's job before the guest arrives, answering the questions a receptionist would get, in the order they come up.

Skills: Hospitality Web Design · Static HTML Website Development · Hospitality Content Architecture · Bilingual Content · SEO & AI Optimisation · Structured Data · Conversion-Aware Design · Image Selection & Creation

In the guest's order

The six screens follow a first visit, from the headline to the booking button. The first screen already answers the first question, what the property is and where: two suites and one apartment on Solonos Street, with walking times to six places.

Trilogia Suites home page with the headline, a booking button and a panel of walking times
01 / HomeThe headline arrives with the facts: what the property is, and how far everything is.
Cards for Suite Trilogia I, Suite Trilogia II and Apartment Trilogia III with guests, size and beds
02 / The three staysThree cards, one order: guests, size, beds.
Suite Trilogia I page with a room photograph, the three facts and the description
03 / Suite pageThe three facts come first, the description after them.
Home page location section with eight numbered places, walking times and a photograph of Panepistimio metro
04 / LocationEight places, each with its time on foot and its own image.
Gallery page with a grid of suite, bathroom and balcony photographs
05 / GalleryVertical and horizontal frames share one thumbnail format, so the grid reads as one set.
Frequently asked questions next to a booking button and a note about direct rates
06 / Useful informationEight short answers beside the booking button, from the metro to parking.

Which of the three?

Each card on the home page gives guests, size and beds in the same order, from 23 m² for two people to 42 m² for four, so the comparison happens before anyone opens a suite page. The suite pages repeat those three facts above the description.

How far?

Almost every listing in Athens calls itself central. A guest cannot check that word. They can check minutes on foot.

The client's text told the history of the neighbourhood. I added the walking times: 1 minute to the nearest cafés, 7 to Panepistimio metro, 20 to Monastiraki. The home page lists all eight, each with its own image, and the history stayed on the Location page because it explains the name.

How to book?

The booking button appears in the header, in the hero, beside the FAQ and in the footer, and every one of them opens the property's direct booking engine. The FAQ beside it settles the practical questions before the click: the metro, the balconies, self check-in, parking.

In which language?

Greek is the default at the root of the site and English sits under /en/, 23 pages in all. Each translated page points to its counterpart, so search engines can send every visitor to the right language.

Search engines and AI assistants ask the same questions on a guest's behalf. Every page carries the same structured description of the property in schema.org: the address, the coordinates, the three units with their size and capacity, and the booking engine as the reserve action. The home page FAQ is marked up as well. When an assistant is asked whether Trilogia is close to the metro, I would rather it quote the property than guess.

What does it look like?

The photographs of the property came from the client's shoot, 87 frames in all. The site uses 34, each cropped for the place it fills, so most of the editing was leaving things out.

The design decision

The structure of the site is the order of the answers. Which room, how big, how far, how to book: the pages answer in that sequence, with numbers a guest can check, and the booking button is there when the questions run out.

← All projects