Design & Entwicklung
Konzept, Gestaltung und technische Umsetzung. Findet, dass eine Website erst fertig ist, wenn sie auch auf einem vier Jahre alten Handy schnell lädt.
- UX/UI
- Designsystem
- HTML & CSS
- JavaScript
- Performance
02
Studio
Zwei Buchstaben, drei Handwerke, | *keine* Agentur-Folklore.
Webdesign R & L ist jung. Das merkt man — an kurzen Wegen, aktueller Technik und daran, dass ihr mit den Leuten sprecht, die auch tatsächlich bauen.
Der Name ist kein Kunstwort und keine Agentur-Erfindung: R & L sind zwei Anfangsbuchstaben, zwei Blickwinkel. Der eine kommt vom Gestalten und Bauen, der andere vom Bewegtbild. Zusammen decken sie genau die Lücke ab, an der die meisten digitalen Auftritte scheitern: Sie sehen gut aus, aber niemand sieht sie. Oder sie werden gesehen und sehen dann nach Baukasten aus.
Wir haben Webdesign R & L gegründet, weil wir es leid waren, dass Unternehmen für eine Website, ein Video und ein bisschen Social Media drei Dienstleister brauchen, die nie miteinander sprechen. Bei uns sitzt alles an einem Tisch.
Was das für euch heißt: ein Ansprechpartner, ein Zeitplan, eine Handschrift. Und jemand, der auch mal sagt, dass eine Idee schlecht ist.
Zwei Seiten, | die sich *gegenseitig* bremsen und antreiben.
Video & Motion
Schnitt, Farbe und Ton. Sortiert aus drei Stunden Rohmaterial die dreißig Sekunden heraus, die tatsächlich jemand zu Ende schaut.
- Schnitt
- Motion Graphics
- Color
- Sound
- Short Form
Woran ihr uns *messen* könnt.
-
01
Wir bauen keine Vorlagen um.
Jedes Projekt beginnt bei null — bei eurer Situation, nicht bei einem gekauften Theme, dem wir eure Farben verpassen.
-
02
Design, Code und Schnitt sitzen am selben Tisch.
Kein Ping-Pong zwischen drei Dienstleistern, die sich gegenseitig die Schuld geben. Ein Ansprechpartner, ein Zeitplan, ein Ergebnis.
-
03
Wir sagen, wenn etwas keinen Sinn ergibt.
Auch wenn es Umsatz kostet. Eine Animation, die nichts bringt, bauen wir nicht — und ein Projekt, für das wir die Falschen sind, nehmen wir nicht an.
-
04
Jung heißt nicht unerfahren. Es heißt schnell.
Kurze Wege, kurze Antwortzeiten, aktuelle Technik. Ihr redet mit den Leuten, die auch tatsächlich bauen.
Wie ein Projekt bei uns | *tatsächlich* läuft.
-
01Woche 0
Zuhören
Ein Gespräch, in dem wir mehr fragen als erzählen. Wir wollen wissen, wie ihr Geld verdient, wer bei euch kauft und was auf der alten Seite nie funktioniert hat.
-
02Woche 1 – 2
Konzept
Struktur vor Optik. Wir legen fest, welche Seiten es gibt, was auf ihnen passiert und in welcher Reihenfolge jemand etwas erfährt. Erst danach wird gestaltet.
-
03Woche 2 – 4
Gestaltung
Screens, Designsystem und Bewegungskonzept. Ihr seht früh echte Entwürfe mit echten Inhalten — keine Blindtexte, keine Stockfotos.
-
04Woche 4 – 7
Umsetzung
Entwicklung, Animation und — wenn Bewegtbild dazugehört — Schnitt. Alles entsteht parallel, damit Website und Video am Ende dieselbe Sprache sprechen.
-
05Woche 7 – 8
Live
Livegang, Übergabe, kurze Einweisung. Ihr bekommt Zugänge, Dateien und eine Anleitung, mit der ihr selbst Inhalte pflegen könnt.
-
06Laufend
Danach
Eine Website ist kein Möbelstück. Wir bleiben ansprechbar für Updates, neue Seiten, neue Videos — oder wir sind still, wenn nichts ansteht.
Womit wir _arbeiten_ — und warum das egal sein sollte.
Werkzeuge sind austauschbar, Handwerk nicht. Wir nennen sie trotzdem, weil Entwickler:innen und Designer:innen auf eurer Seite wissen wollen, worauf sie aufsetzen.
Design
- Figma
- Designsysteme
- Variable Fonts
- Prototyping
Entwicklung
- HTML & CSS
- JavaScript
- Headless CMS
- Barrierefreiheit
Bewegtbild
- Premiere Pro
- After Effects
- DaVinci Resolve
- Sounddesign
Kennenlernen
Genug von uns. | Erzählt von *euch*.
Ein kurzes Gespräch reicht meistens, um zu merken, ob es passt. Kostet nichts und verpflichtet zu nichts.