Skip to content
Back to work
04 / SmyrliadisIdentity · Website · Workshop system

Smyrliadis

A car-body workshop in Marousi that ran on two paper notebooks. I designed its ΣΘ identity, built its website, and built a shared digital version of the notebooks for repairs, parts and customers.

Website live at smyrliadis.gr. The workshop app is deployed at app.smyrliadis.gr and still in development; how much the workshop uses it day to day isn’t something I can verify.

smyrliadis.gr
  • IDENTITY
  • WEBSITE
  • FRONT-END
  • SYSTEM
01 / The business

A workshop that runs on two notebooks

Σμυρλιάδης Θεόδωρος is a car-body and paint workshop in Marousi. Work arrives by phone and by reputation, not by signage or search.

Every job was tracked in two paper notebooks: a register of customers and vehicles, and a sheet per car with the parts, the work and the price. The brief for everything that followed was to keep that system and make it harder to lose things in, not to replace it with software the shop would have to learn.

02 / ΣΘ identity

Six directions, one system

The shop had never had a logo. I explored six genuinely different directions, each tested in one colour, because a workshop sign is painted in one colour and an invoice is printed in one.

A written review cut two, kept two as references, and carried forward the Evolution wordmark with the ΣΘ mark as its companion for places where the full name doesn’t fit.

Identity guide page: direction 01 — The Wordmark
01 — The Wordmark
Identity guide page: direction 02 — The Sign
02 — The Sign
Identity guide page: direction 03 — The Mark
03 — The Mark
Identity guide page: direction 04 — The Line
04 — The Line
Identity guide page: direction 05 — The Plate
05 — The Plate
Identity guide page: direction 06 — The Evolution
06 — The Evolution
Identity guide: comparison table of the six directions against the brief
What survived the brief.
Identity guide: the final system — primary logo, compact horizontal and ΣΘ symbol
The final system.
Identity guide: horizontal version, positive and reverse, and small-size behaviour
Horizontal, reverse and small sizes.
ΣΘ symbol, ink
ΣΘ symbol, ink
ΣΘ symbol, oxide
ΣΘ symbol, oxide
ΣΘ symbol, reverse
ΣΘ symbol, reverse
Primary logo: ΣΜΥΡΛΙΑΔΗΣ wordmark with ΘΕΟΔΩΡΟΣ and descriptor
Primary logo, reverse
Primary logo, positive and reverse — exported files from the identity kit.
Identity guide: colour palette — Ink, Paper, Oxide, Steel
Palette: Ink, Paper, Oxide, Steel.
Identity guide: usage do's and don'ts
Usage rules.
Identity guide: concept applications — workshop fascia and business card
Concept applications from the guide (mockups, not photos).
Identity guide: concept applications — vehicle sticker, invoice header, social avatar
More concept applications (mockups).

The first real application is the workshop app below, which uses the ΣΘ mark, the palette and the type pairing. The website header still uses plain type until the new logo is swapped in.

03 / Website and local presence

What a neighbour needs: the number, the hours, the way in

A static site with no framework: Greek at the root, English at /en/, both generated from one data file. It carries the business’s address, opening hours and location as structured data for search, and leads with the phone number, because that’s how work arrives.

Smyrliadis website, Greek homepage hero with the workshop exterior
Homepage, Greek.
Smyrliadis website services: bodywork and paint lists
Services.
Smyrliadis website, English version
The English version at /en/.
Smyrliadis website: the workshop's story with photos and key facts
The workshop's story.
Smyrliadis website contact: phone, address and opening hours
Contact and hours.
Smyrliadis website on a phone
Mobile.
Languages
Greek (main) and English, linked with hreflang
Search
AutoBodyShop structured data: address, hours, coordinates
Stack
Static HTML, CSS and JavaScript, prerendered from one data file
Hosting
Cloudflare Pages, live at smyrliadis.gr
Accessibility
Skip link, reduced-motion support
Google Business Profile
None yet; not claimed here
04 / Workshop system

The notebooks, searchable and shared

Ψηφιακό Τετράδιο, “the digital notebook”: one board of active repairs, a page per car with its parts, work and costs, a list of parts still waiting, and a history. Search works by plate, name or phone. It’s in Greek with an English switch, and installs on a phone like an app.

The owner’s feedback changed it along the way: parts tracking mattered more than repair stages, so stages were played down and the parts list moved up; prices are typed as bare numbers, the way the paper notebook has them.

Workshop app: board of active repairs with plate, stage, car, customer and what each is waiting for
The board: active repairs, each with what it's waiting on. Sample data.
Workshop app: one repair record with parts, work and costs, notes, contacts and customer contact buttons
A repair record: parts with their order status, work and costs, notes, contacts.
Workshop app: new repair form
New repair: plate, car and customer first; everything else optional.
Workshop app: pending parts list with statuses Not ordered and Ordered
Parts still to arrive, by status.
Workshop app: history of delivered repairs
History of delivered cars.
Workshop app board in English
The same board in English.
  • Workshop app board on a phone
    Mobile board
  • Workshop app repair record on a phone
    Mobile repair record
  • Workshop app new repair form on a phone
    Mobile new repair

Data model

Workshop → Customer → Repair → Part · Work item · Contact · Photo

  • No separate vehicle table: plate, make and model live on the repair.
  • Part statuses are data, not code: Not ordered, Ordered, Received.
  • Deleting is reversible: a repair moves to Recently deleted until someone removes it for good.
  • Each workshop sees only its own data and photos, enforced in the database.
State of the workshop app (checked 2026-10-08)
PartState
Board, repair records, parts, history, searchGreek and EnglishBuilt
Demo mode (one device, works offline)Used for these capturesBuilt
Shared cloud modeSupabase database, live updates, row-level security, private photo storageConfigured
app.smyrliadis.grCloudflare Workers static assetsDeployed
Daily use by the workshopNo usage data; not claimedNot verified
Password reset, auto-expiry of deleted repairsNot built yetBlocked
05 / Output

An identity with its files and usage guide, a live bilingual website, and a deployed workshop app built around the way the shop already worked.