Back to Portfolio
The TrailerHome home page: the headline "Live your own space. Wherever you are.", its second sentence in red, beside a mobile home with glass walls, wood-look cladding and a timber deck under olive trees, with a red "See the models" button and an outlined phone button below the text.
Open trailerhome.gr in a new tab

TrailerHome by NIKITAS — Bilingual Website for a Mobile-Home Manufacturer

Overview

NIKITAS COMPANY has built garage equipment and special steel constructions in Provatas, Serres, since 1977, and has exported since 1981. TrailerHome is its line of mobile homes: complete small homes on a steel trailer chassis, with insulated walls and roof, windows, wiring, plumbing, a kitchen and a bathroom, delivered by truck and set in place by crane in Greece or abroad. They come in three lines — Modern, Classic and Nature — or are designed from scratch with the customer. The site has three jobs: show that range clearly, build trust in the factory behind it, and turn interest into a phone call or an email, because there is no shop and no online form.

Greek is the default and English is a complete second edition: the same fourteen pages under the same file names. The home page opens on three short films, one for each line, that dissolve into one another. Then comes the signature: the Modern Line's elevation, traced from a photograph of the real unit, draws itself line by line as you scroll and makes way for that photograph. Each line has its own page with photos, video and construction details, and a comparison table, a five-step process, a filterable gallery of real units and deliveries, a company timeline and an FAQ on sizes, permits and delivery do the rest. The photos and videos were prepared from the client's own archive, and no photo weighs more than 100 KB.

Challenges

The client had strong material but no words for the web: a phone archive of photos and videos, two flyers, a business card and the flyer from their old website. All of it had to be sorted into lines, uses and stages, then written from scratch in two languages. The product also invites easy promises — no permit needed, ready in weeks, a fixed price — that are not always true, so every sentence about permits, sizes, prices and lead times had to be careful without sounding evasive. And the site had to sell without a shop, a price list or a contact form, while staying fast on a weak mobile connection with a dozen videos on board, because people choosing a plot are often standing on it.

Solutions

Every page is written once as a source file and built into both languages by a small Python script: shared header, menu and footer, responsive images with their real dimensions, and the business details — phones, address, factory coordinates — kept in one place and written from there into the structured data, the map link, the sitemap and a full-text version for AI assistants. A checker tests links, alt text, heading order, canonicals, hreflang, structured data and the 100 KB image budget before every deploy. Animation runs on GSAP and ScrollTrigger and fails open: if the script never arrives, or the visitor prefers less motion, everything is simply shown. The Content Security Policy allows no inline styles and pins the one inline script by its hash. Accessibility was measured in the browser rather than assumed — 4,954 text nodes across every page at phone and desktop widths, with zero issues — and every product and delivery video comes with a text description of what it shows. On permits, the FAQ gives the honest answer: it depends on use, zoning and connections, so ask a local engineer.

Gallery

  • The TrailerHome home page: the headline "Live your own space. Wherever you are.", its second sentence in red, beside a mobile home with glass walls, wood-look cladding and a timber deck under olive trees, with a red "See the models" button and an outlined phone button below the text.

    A Home Page That Opens on the Homes Themselves

  • A white line drawing of the Modern Line on a dark grid, partly drawn, with numbered red markers on its openings and chassis, the dimension label "Length built to order" above it, and five numbered features listed underneath.

    The Signature: An Elevation That Draws Itself as You Scroll

  • Three cards under the heading "A home for every way of living": a unit with white panels and a dark frame on a stone terrace at sunset for the Modern Line, a white unit with a door and two windows in a meadow below mountains for the Classic Line, and a glass-walled unit with a timber deck for the Nature Line, each with a small line drawing above its name.

    One Construction, Three Characters

  • A comparison table headed "Which line suits you?", with columns for the Modern, Classic and Nature lines and rows for character, exterior, openings, roof and best use.

    Three Lines Compared in Five Rows

  • The Modern Line page: a breadcrumb, the line's name and a short description on a dark panel, a red "Ask for a quote" button and an outlined "Photos" button, and beside them a dark-framed unit with white panels and roller shutters on its trailer chassis in a factory yard.

    Each Line Gets Its Own Page, Opening on Film

  • The heading "From first conversation to the keys" above numbered steps on a red timeline — Your needs, Design & quote, Built in our factory — next to a video of a unit on a truck trailer, captioned as footage of a delivery.

    Five Steps, One Manufacturer, No Middlemen

  • The heading "Filter by line or stage" with filter chips for All, the three lines, Interiors, Transport and Drawings, above a grid of photographs of finished units.

    Real Units and Deliveries, Filtered by Line or Stage

  • Cards for the factory's address, with a link to directions, and for the company's Instagram account, above a satellite map with a red pin on the factory beside the main road at Provatas.

    No Form: Call, Write or Drive to the Factory

  • The home page on a tablet: a dark-framed mobile home with shutters on a stone terrace above a hillside at sunset, with the headline and buttons stacked below it and a pause button on the video.

    The Hero Plays the Three Lines in Turn, With a Pause Button

  • The section "White or wood-look" on a tablet: a photograph of a white unit with a door and two shuttered windows on its trailer, followed by a heading for the white panels, a short description and a list of features.

    Classic Line Finishes, Shown on the Real Unit

  • The section "See the home before it is built" on a tablet: a short text and three ticked points above two images, an elevation drawing of a unit with a pergola and a 3D study of a tiled roof with dimensions.

    Drawings and 3D Before Anything Is Cut

  • A timeline headed "Nearly half a century of making things", with red dates from 1977 to today: the founding, the first exports, two awards, ISO 9002, ISO 9001 and TrailerHome.

    Nearly Half a Century of Making Things, on One Line

  • Questions and answers under the heading "The product": the first two open, explaining what a TrailerHome mobile home is and how the three lines differ, the rest closed with plus signs, and the heading "Permits & placement" below.

    The Questions People Ask Before They Call

  • The home page on a phone: a wood-look unit with a red pitched roof beside a lake at sunset, then the headline, the introduction and a red "See the models" button.

    Same Story, Rebuilt for the Phone

  • The menu open on a phone: Home in red as the current page, Models with its three lines indented beneath, then Custom builds, Uses, Projects, Company, FAQ and Contact, with a phone button, an email button and a link to the Greek edition.

    A Full-Screen Menu That Keeps the Phone Number in Reach

  • The section "Drawn on paper. Built in Serres." on a phone: the elevation drawing laid over a photograph of the finished unit, a caption, and the first features listed below.

    On Phones the Drawing Plays Once, Then Rests on the Photo

  • A Modern Line card on a phone: a photograph of the unit on a stone terrace at sunset, a small line drawing, a one-line description, three feature tags and an "Explore the line" link.

    Every Line Introduced in a Single Card

  • The section "Holiday rentals & glamping" on a phone: a wood-look unit with a red roof by a lake, the label Tourism, a short text and a ticked list of uses.

    Written for the Use, Not Just the Product

  • The project gallery on a phone: the heading "Filter by line or stage", filter chips wrapping over three rows with All selected, and the first photographs of units below.

    Seven Filters That Still Fit a Thumb

  • Contact cards on a phone: two phone numbers in large type, the email address with a note inviting sketches and photos of the plot, and the start of the factory address card.

    Two Numbers and an Email, in Type You Can Tap