Portfolio / Fallstudie
KleinCASA: vom Briefing zur fertigen Website
Eine einseitige Website in drei Sprachen für ein Unternehmen, das Schiffscontainer in Wohnraum verwandelt. Hier zeigen wir den Weg dorthin: die geprüften Richtungen, die Farben, die Schriften, das Ergebnis.
- Kunde
- KleinCASA, eine Marke der Uniko Sagl, Losone (TI)
- Branche
- Tiny Houses aus Schiffscontainern
- Arbeit
- Einseitige Website und massgeschneiderte Verwaltung
- Sprachen
- Italienisch, Deutsch, Englisch
- Online
- Seit dem 22. September 2026
- Adresse
- kleincasa.com
01
Die Ausgangslage
KleinCASA verwandelt Schiffscontainer in hochwertige Wohnräume, gebaut in einer Werkstatt vor den Toren Genuas. Die Anfrage war klar: eine Website auf einer einzigen Seite, drei Sprachen und eine genaue Referenz für die Farben und die Aufteilung der Flächen.
Eine Referenz ist ein Ausgangspunkt, keine Vorlage zum Abpausen. Die Aufgabe war zu verstehen, was an diesem Beispiel wirklich gefiel (das helle Papier, die feinen Linien, die gerahmten Bilder), und darum herum eine Website zu bauen, die dem Kunden gehört, mit seinem Produkt und seinen Farben.
Eine Seite, sechs Abschnitte
Über uns, Lösungen, Investition, Galerie, Fragen und Kontakt: alles auf einer Seite zum Scrollen.
Drei echte Sprachen
Italienisch, Deutsch und Englisch. Deutsch ist keine Zusatzsprache: Es ist die Sprache des Hauptmarkts.
Computer und Handy, getrennt
Zwei Layouts, jedes für seinen Bildschirm gedacht, nicht eines, das einfach schrumpft.
02
Vier Richtungen, eine Wahl
Bevor wir eine Seite gezeichnet haben, haben wir vier verschiedene Richtungen ausgearbeitet, jede vollständig: Idee, Farben, Schriften, Bewegung. Dann haben wir sie an drei Fragen gemessen. Gefällt es dem Kunden? Ist es gestalterisch die richtige Wahl? Lässt es sich in der Zeit sauber bauen?
-
Die Wahl
Schweizer Editorial
Eine Architekturmonografie: Leinenpapier, Linien von einem Pixel, eine grosse, leichte Serifenschrift, eine einzige Tinte.
-
Filmisch
Eine Erzählung, die das Scrollen führt, mit den Fotografien als Szenen.
-
Architekturkatalog
Am nächsten an der Referenz: zwei Spalten, gerahmte Bilder, aufklappbare Tafeln.
-
Werkstatt
Das Wohnmodul als Stück Ingenieurarbeit, Schicht für Schicht betrachtet.
Gewonnen hat die erste, hauchdünn vor der dritten. Von den anderen haben wir die besten Ideen behalten.
03
Die Farben
Die Farben kommen vom Produkt, nicht aus dem Musterbuch. Leinen ist das Papier, auf dem alles liegt. Navy ist die Tinte, dasselbe Dunkelblau wie die Container. Rot ist die Farbe der zwei Schrägstriche «//», die der Kunde in seinen Unterlagen verwendet, und auf der Website erscheint es nur dort, als Satzzeichen.
Jedes Paar aus Text und Hintergrund wurde gemessen, nicht nach Augenmass beurteilt. Die Zahl neben einer Farbe ist ihr Kontrastverhältnis auf Leinen: Über 4.5 ist ein Text auch für Menschen mit Sehschwäche gut lesbar.
-
Leinen
#F3ECE4Seitenhintergrund -
Dunkles Leinen
#EAE1D6Zwei abgesetzte Bänder -
Navy
#1C2733Titel, Schaltflächen, Abschluss 12.9 Kontrast auf Leinen -
Grafit
#2B2B2BFliesstext 12.1 Kontrast auf Leinen -
Taupe
#645850Bildlegenden und Beschriftungen 5.9 Kontrast auf Leinen -
Stein
#C9BDB1Linien und Rahmen -
Rot
#B8352ANur die zwei Schrägstriche 5.0 Kontrast auf Leinen
Wie viel Farbe, und wo
Leinen fast überall, zwei dunklere Bänder als Absatz, Navy zum Abschluss. Rot ist ein Tropfen.
04
Die Schriften
Zwei Familien, jede mit einer Aufgabe. Cormorant Garamond für die Titel: eine leichte, grosse Serifenschrift, die der Seite den Schritt eines Architekturbuchs gibt. Jost für alles andere: eine klare Grotesk, die auch in kleinen Beschriftungen lesbar bleibt.
// Schweiz, Losone
Le grandi tiny houses
Wo Schweizer Ingenieurskunst auf italienische Handwerkskunst trifft.
05
Die fertige Website
Was Sie hier unten sehen, ist die Website, wie sie online ist, von der ersten Ansicht bis zum Kontakt, so wie sie Besucher am Computer und auf dem Handy vorfinden.
Im Fenster scrollen, um die ganze Seite zu sehen
kleincasa.com öffnen (öffnet in einem neuen Tab)
Von der Referenz bis online
-
Der Kunde zeigt uns seine Referenz.
-
Die erste bedienbare Vorschau, für Computer und Handy.
-
Die endgültigen Texte und Fotografien kommen hinein.
-
Deutsch und Englisch kommen dazu.
-
kleincasa.com ist online.
06
Hinter den Kulissen: die Verwaltung
Die Website hat eine massgeschneiderte Verwaltung. Um einen Satz zu ändern, öffnet der Kunde die Seite, klickt auf den Text und schreibt ihn dort neu, wo er steht. Dasselbe gilt für die Fotografien, in allen drei Sprachen.
Keine schweren Systeme und keine Erweiterungen von Dritten, die aktuell gehalten werden müssen: weniger, das kaputtgehen kann, leichtere Seiten, und der Kunde berührt nur, was er braucht.
Wir bauen auch massgeschneiderte Anwendungen für die tägliche Arbeit
Die Effizienz und Professionalität von Moesano Web haben uns wirklich beeindruckt. Lorenzo hat unsere Vorgaben sorgfältig umgesetzt und uns genau die Website geliefert, die wir uns gewünscht haben.