Frontend Engineer – UI Designer, Developer Tooling

Wir suchen einen Builder-Designer-Hybrid, der ein entwicklerorientiertes Produkt hochwertig gestaltet. Sie entwerfen es in Figma und setzen es selbst in Hotwire um. Wenn Sie die 200 ms Ruckeln bemerken, die sonst niemand sieht, und sowohl den Geschmack haben, das Produkt zu gestalten, als auch die Fähigkeit, es in der Produktion zu bauen, ist diese Rolle für Sie.

Über SearchApi

SearchApi ist eine Echtzeit-SERP-API, die strukturierte Daten von über 100 Suchmaschinen und Quellen liefert, darunter Google Search, Google Shopping, Google Jobs, Bing, Baidu, YouTube, Amazon und viele mehr. Wir unterstützen Produktionslasten für Fortune-500-Unternehmen und schnell wachsende Startups, die zuverlässige Suchdaten in großem Maßstab benötigen.

Wir sind ein schlankes, profitables, bootstrapped Team. Kein Druck von Investoren, kein Übermaß. Nur Ingenieure, die echte Produkte an echte Kunden liefern.

Warum bei uns einsteigen?

• Sie besitzen, woran Entwickler uns messen. Das Dashboard, den API-Spielplatz, die Dokumentation, die Marketingseite. Der erste Eindruck unseres Produkts ist Ihre Arbeit.
• Designen und bauen, kein Übergabeprozess. Sie nehmen ein Feature von einem Figma-Mockup bis zu einem zusammengeführten PR selbst in die Hand.
• Echter Einfluss. Ein kleines Team bedeutet, dass Ihre Arbeit direkt in Anmeldungen, Aktivierungen und Einnahmen sichtbar wird.
• Die besten Nutzer, für die man designen kann. Sie entwickeln Entwicklerwerkzeuge für Ingenieure, das anspruchsvollste und lohnendste Publikum.
• Bootstrapped und profitabel. Wir antworten auf Kunden, nicht auf Investoren.

Technologiestack

• Ruby on Rails 8 mit Hotwire (Turbo + Stimulus)
• Tailwind CSS und ViewComponents
• esbuild für JavaScript
• Figma für Design
• Native HTML zuerst, Turbo Frames über Single-Page-App-Frameworks

Wir nutzen täglich Cursor, Claude, GitHub und Slack. Wir veröffentlichen mehrmals täglich mit CI/CD.

Sie kontrollieren KI, KI kontrolliert Sie nicht

Wir versenden schneller, weil wir KI-Tools aggressiv nutzen, Cursor und Claude. Sie erstellen Komponenten, generieren Layouts und iterieren über Designvariationen mit KI. Aber Sie besitzen jeden Pixel und jede Zeile, die landet. Sie können erkennen, wann ein KI-generiertes Layout generisch ist und es in etwas mit Geschmack verwandeln. Wenn Sie das nicht können, sind Sie für diese Rolle nicht bereit.

Was Sie tun werden

• Designen und versenden, nicht übergeben. Nehmen Sie ein Feature von Figma bis zu einem zusammengeführten PR: ViewComponents, Stimulus-Controller, Tailwind, das gesamte Paket.
• Besitzen Sie das Dashboard. Die angemeldete Erfahrung: Nutzungsanalysen, Anfrageverlauf, Abrechnung, API-Schlüssel. Machen Sie eine datendichte Konsole ruhig statt überladen.
• Bauen Sie interaktive API-Spielplätze. Wo ein Entwickler eine echte Anfrage sendet und live strukturiertes JSON zurückbekommt. Machen Sie es zu dem, was die Leute screenshotten und teilen.
• Besitzen Sie die Dokumentation und das Marketingerlebnis. Halten Sie das Komponentensystem kohärent, schnell und schön, während das Produkt Woche für Woche wächst.
• Bauen Sie ehrliche Datenvisualisierungen. Verwandeln Sie Rohmetriken in Diagramme, denen ein Entwickler auf einen Blick vertraut, unter Verwendung eines konsistenten, semantischen Farbsystems.
• Halten Sie die Linie beim Handwerk. Native HTML zuerst, Turbo Frames über clientseitigen Zustand, Tailwind über Inline-Stile. Drücken Sie Hotwire bis an seine Grenzen, bevor Sie auf eine Abhängigkeit zurückgreifen.
• Räumen Sie auf, während Sie arbeiten. Zähmen Sie das JavaScript-Bundle, beseitigen Sie tote CSS und einmalige Controller, bevor sie sich anhäufen.

Die Herausforderungen

• Hotwire-zuerst, absichtlich. Wenn Ihr Instinkt bei jeder Interaktion darin besteht, nach React zu greifen, kämpfen Sie gegen den Stack, anstatt ihn zu nutzen. Der Spaß und die Herausforderung bestehen darin, SPA-ähnlichen Glanz aus Turbo, Stimulus und nativen HTML herauszuholen.
• Sie designen UND bauen. Viele Menschen machen eines gut. Die Messlatte hier ist Geschmack plus die Disziplin, es in Produktionscode zu versenden, mit Tests, die die Überprüfung bestehen.
• Entwicklerwerkzeuge sind unbarmherzig. Ihre Benutzer bemerken ein 200 ms Ruckeln, eine falsch ausgerichtete Monospace-Spalte oder ein Diagramm, das lügt. Es gibt keinen Ort, um ein schlampiges Detail zu verstecken.
• Breite der Oberfläche, ein Eigentümer. Dashboard, Spielplatz, Dokumentation, Marketing. Sie entscheiden ständig, was Sie polieren und was Sie lassen, ohne dass ein PM die Liste für Sie führt.
• Geschmack ist subjektiv. Sie verteidigen eine Designentscheidung schriftlich, versenden sie, beobachten die tatsächliche Nutzung und ändern Ihre Meinung, wenn die Daten Ihnen widersprechen.

Über Sie

• Sie designen und bauen. Sie haben Frontend entwickelt, das Sie auch entworfen haben, und es sah wirklich gut aus. Nicht "gut für einen Ingenieur." Gut.
• Hotwire-nativ oder nah dran. Fließend in einem servergerenderten, komponentenbasierten Stack (Rails + Hotwire ideal; Phoenix/LiveView, Django oder Laravel übersetzen). Sie greifen zuerst auf natives HTML zurück, bevor Sie JavaScript verwenden.
• Tailwind kalt. Echte Meinungen über Abstände, Typografie und Farbsysteme.
• Sie lieben Entwicklerwerkzeuge. Sie haben ein Lieblingsdashboard und eine API-Konsole, die Sie schön finden, und Sie können genau sagen, warum.
• Großer Schriftsteller. Sie können einen Designkompromiss in einer PR-Beschreibung erklären, ohne ein Meeting zu benötigen.
• Selbstgesteuert. Sie nehmen ein vages "machen Sie das schöner", verwandeln es in einen Plan und versenden es.
• Fließend in Englisch. Schriftlich und mündlich.

Erforderliche Erfahrung

• Produktionsfrontend, das Sie selbst entworfen und gebaut haben, mit Links, um es zu zeigen.
• Stark mit einem servergerenderten, komponentenbasierten Stack (Rails + Hotwire stark bevorzugt).
• Fließend in Tailwind (oder einem ähnlichen Utility-CSS) und einem echten Designtool wie Figma.

Wir suchen besonders nach

• Sie haben ein echtes SaaS-Dashboard oder eine Entwicklerkonsole entworfen oder neu gestaltet, die heute live ist.
• Erfahrung mit ViewComponent, Stimulus oder einem Designsystem, das Sie selbst gepflegt haben.
• Datenreiche Diagramme und ein Gefühl für ehrliche Datenvisualisierung, nicht nur hübsche Farbverläufe.
• Sie haben ein echtes JavaScript-Bundle bereinigt oder das Frontend-Fehlertracking eingerichtet, mit einem Vorher/Nachher, um es zu zeigen.
• Sie tragen zur Gestaltung in der Öffentlichkeit bei: eine Portfolio-Website, die Sie erstellt haben, oder Open-Source-UI-Arbeit.

Was wir suchen

Was eine starke Bewerbung ausmacht: Zwei Links zu UI, die Sie selbst entworfen UND gebaut haben, idealerweise eine Landing- oder Marketingseite und einen Produkt- oder App-Bildschirm. Für jeden einen Satz über die schwierigste Designentscheidung, die Sie getroffen haben, und wie Sie sie gelöst haben. Das Design spricht für sich selbst. Eine Vorlage oder die Unfähigkeit, ein einziges Detail zu benennen, das Sie durchlebt haben, zählt nicht.

Signale, nach denen wir suchen: Eine Portfolio-Website, die Sie erstellt haben. Ein Redesign mit einem Vorher/Nachher. Open-Source-UI-Arbeit. Eine Figma-Datei. Beweise für Geschmack plus die Disziplin, es in echtem Code zu versenden.

Einstellungsprozess

• 30-minütiger Anruf mit dem CEO. Lernen Sie sich kennen und gehen Sie Ihre Arbeit durch.
• Hausaufgaben-Herausforderung. Eine realistische Design- und Bauaufgabe, die zeigt, wie Sie denken.
• Folgeanruf. Diskutieren Sie Ihren Ansatz und die Kompromisse, die Sie gemacht haben.
• Referenzprüfung + Angebot.

Was Sie bekommen

• Vollständig remote. Arbeiten Sie von überall.
• Eigenkapitalanteil. Besitzen Sie einen Teil dessen, was Sie aufbauen.
• Gewinnbeteiligung. Wenn wir gewinnen, gewinnen Sie.
• Von dem Gründer lernen. Verstehen, wie ein echtes SaaS-Geschäft wächst.
• Jährliche Team-Retreats.