Designer mit Schwerpunkt Web (m/w/d)

Über uns

Droste Digital ist eine Boutique-Agentur aus Bielefeld. Wir bauen Websites für Industrie und produzierenden Mittelstand, fast immer als Relaunch: die Seite gibt es schon, sie ist nur zehn oder fünfzehn Jahre alt und bringt dem Betrieb nichts mehr ein.

Unsere Kunden sitzen im gesamten deutschsprachigen Raum, einzelne Auftritte bauen wir mehrsprachig. Von unseren 31 Projekten laufen 20 auf Next.js und React, dazu kommt unser Kundenportal als eigenes Produkt. Wir arbeiten remote und an wenigen Projekten gleichzeitig, und entschieden wird dort, wo die Arbeit gemacht wird.

Deine Rolle

Der Maßstab ist bei uns nicht, ob eine Seite dir gefällt, sondern ob der Geschäftsführer eines Zulieferbetriebs sich damit vor seinen eigenen Kunden zeigen will. Du übernimmst die Gestaltung, also Bildsprache, Typografie, Raster und Farbe, und bei manchen Projekten auch das Logo und den übrigen Auftritt.

Eine schöne Startseite reicht dafür nicht, weil die Entscheidung meistens auf einer Unterseite fällt.

Das erwartet dich

• Gestalte so, dass daraus gebaut werden kannDu arbeitest in Figma und übergibst vollständig. Abstände, Schriftgrößen, Zustände und das Verhalten bei anderen Bildschirmbreiten gehören zur Übergabe dazu.
• Bereite das Bildmaterial selbst aufFreistellen, Zuschnitt und die Ausgabe als WebP und AVIF laufen bei uns über sharp. Industriekunden haben viel Bildmaterial, und die Seite soll trotzdem schnell bleiben.
• Beschaff, was fehltWo brauchbare Fotos nicht existieren, arbeitest du mit Pexels als lizenzierter Quelle, mit KI-Bildern und mit Renderings. Du merkst selbst, wann ein Bild künstlich aussieht, und würfelst dann neu.
• Mach aus einer Vorlage eine FirmaWir kaufen Templates als Ausgangsraster und bauen sie in Next.js um. Deine Aufgabe ist, aus so einem Raster etwas zu machen, das nach dem Betrieb aussieht und nicht nach der Vorlage.
• Wisse, in welchem Raster du sitztIn der einen Baulinie ist das ein Bootstrap-Grid mit Sass, in der anderen Tailwind. Beides führt zu anderen Entscheidungen bei Abständen und Umbrüchen.
• Leg die Bewegung festAnimiert wird mit GSAP und Lenis. Du entscheidest, was sich wann bewegt, und sagst dazu, was passieren soll, wenn jemand Animationen im Betriebssystem abgeschaltet hat.
• Denk das Dreidimensionale mitWenn ein Produkt oder eine Anlage drehbar sein soll, kommen model-viewer und three.js ins Spiel. Bauen musst du das nicht, beim Entwurf mitdenken schon.
• Zeig im Browser, nicht in der PDFJeder Entwurf liegt als Vorschaulink auf Vercel. Der Kunde sieht ihn auf seinem eigenen Bildschirm und auf seinem Handy.
• Sitz im Kundentermin mit dabeiEin Geschäftsführer, der seit zwanzig Jahren Stahl verkauft, versteht von allein nicht, warum eine Seite viel Weißraum hat. Das musst du in normalen Worten begründen können.

Wen wir suchen

• Arbeiten, die du zeigen kannstDrei Websites, die du wirklich selbst gestaltet hast, sagen uns mehr als jede Mappe. Echte Kundenprojekte zählen bei uns mehr als ausgedachte Konzeptstudien.
• Webdesign, nicht Grafik allgemeinWenn dein Schwerpunkt bisher Broschüren, Messestände und Beiträge für soziale Netzwerke waren, wird es hier schwierig.
• Figma sicher, HTML und CSS lesbarEntwickeln musst du bei uns nicht. Du solltest aber verstehen, was dein Entwurf den kostet, der ihn baut.
• Gestalten für fremden GeschmackDas hier wird selten die Seite, die in Design-Ranglisten auftaucht, sondern die Seite, auf der ein Werksleiter das Kontaktformular ausfüllt.
• Deutsch im KundenterminAbgestimmt wird auf Deutsch, mit Leuten, die von Gestaltung nichts wissen müssen. Ohne die Sprache geht dieser Teil der Rolle nicht.
• BonuspunkteErfahrung mit Motion Design, mit einem gepflegten Designsystem oder mit Produktrenderings. Nichts davon ist Bedingung, alles davon hilft.

Was wir bieten

• Deine Handschrift, nicht fremde RasterBildsprache, Schriften und Farben legst du für ein Projekt selbst fest, und was du entscheidest, geht in aller Regel genau so live.
• Eine Freigabe statt vierDu legst deinen Entwurf vor, wir gehen ihn gemeinsam durch, danach wird gebaut. Nichts wandert über mehrere Ebenen.
• Zeit je ProjektDu hast an einer Website mehrere Wochen, statt fünf gleichzeitig durchzuschieben.
• Gebaut wird, nicht geklicktDeine Entwürfe landen nicht in einem Baukasten, sondern in Next.js, und du siehst jede Zwischenfassung als Vorschaulink statt als Bildschirmfoto.
• Remote, mit geteiltem BildschirmWir arbeiten remote und stimmen uns per Videokonferenz ab. Feste Zeiten in der Woche, in denen wir gemeinsam online sind, legen wir zum Start fest.

Bewerbungsprozess

1. 1Du schickst uns das FormularDas Formular auf dieser Seite verlangt deinen Namen und eine E-Mail-Adresse, alles Weitere ist freiwillig. Wenn du Arbeiten zeigen willst, reicht ein Link. Ein Anschreiben brauchen wir nicht.
2. 2Wir sprechen uns per VideoEin Gespräch mit geteiltem Bildschirm, so wie wir auch mit Kunden arbeiten. Wir zeigen dir, woran wir gerade sitzen, und du erzählst uns, was du bisher gebaut hast und was du davon wieder anders machen würdest.
3. 3Ein Fachgespräch und danach die EntscheidungWir gehen zwei oder drei deiner Arbeiten gemeinsam durch, und du erzählst uns zu jeder, warum sie so aussieht, wie sie aussieht. Danach sagen wir dir zu oder ab, und zwar so, dass du weißt, woran es lag.