Frontend Engineer & UI Designer (Developer Tooling)

SearchApi; Deutschland; Vor Ort; EUR 60.000 - 80.000; Vollzeit

Benefits dieser Stelle

Equity share

Profit sharing

Annual team retreats

Zusammenfassung

SearchApi is seeking a builder-designer hybrid to create premium developer-facing products. In this role, you will design features in Figma and ship them yourself using Ruby on Rails and Hotwire. Your work will focus on the developer's first impression of our API interfaces, requiring both design taste and production coding skills.

The ideal candidate is an experienced front-end developer with a passion for creating tools that developers love. Join a profitable, lean team and enjoy the benefits of a fully remote role with equity and profit sharing.

Qualifikationen

• Experience designing and building production frontend.
• Fluent in a server-rendered, component-based stack.
• Ability to create clean and efficient code.

Aufgaben

• Design and ship features from Figma to production.
• Enhance the logged-in user experience with analytics.
• Build interactive API playgrounds for developers.

Kenntnisse

Figma

Ruby on Rails

Hotwire

Tailwind CSS

JavaScript

HTML

Tools

Cursor

Claude

GitHub

Slack

Jobbeschreibung

We are looking for a builder–designer hybrid who makes a developer‑facing product feel premium. You design it in Figma and ship it yourself in Hotwire. If you sweat the 200ms of jank nobody else notices, and you have both the taste to design the thing and the skill to build it in production, this role is for you.

About SearchApi

SearchApi is a real‑time SERP API delivering structured data from 100+ search engines and sources, including Google Search, Google Shopping, Google Jobs, Bing, Baidu, YouTube, Amazon, and many more. We power production workloads for Fortune500 companies and fast‑moving startups who need reliable search data at scale.

We’re a lean, profitable, bootstrapped team. No VC pressure, no bloat. Just engineers shipping real products to real customers.

Why Join Us?

• You own what developers judge us by. The dashboard, the API playground, the docs, the marketing site. The first impression of our product is your work.
• Design and build, no handoff. You take a feature from a Figma mockup to a merged PR yourself. No designs thrown over a wall.
• Real impact. A small team means your work shows up directly in signups, activation, and revenue.
• The best users to design for. You build developer tools for engineers, the most demanding and rewarding audience there is.
• Bootstrapped and Profitable. We answer to customers, not investors.

Tech Stack

• Ruby on Rails8 with Hotwire (Turbo + Stimulus)
• Tailwind CSS and ViewComponent
• esbuild for JavaScript
• Figma for design
• Native HTML first, Turbo Frames over single‑page‑app frameworks
• We use Cursor, Claude, GitHub, and Slack daily. We ship multiple times a day with CI/CD.

You Control AI, AI Doesn't Control You

We ship faster because we use AI tools aggressively, Cursor and Claude. You scaffold components, generate layouts, and iterate on design variations with AI. But you own every pixel and every line that lands. You can tell when an AI‑generated layout is generic slop and turn it into something with taste. If you can’t, you’re not ready for this role.

What You’ll Do

• Design and ship, not hand off. Take a feature from Figma to a merged PR: ViewComponents, Stimulus controllers, Tailwind, the whole thing.
• Own the dashboard. The logged‑in experience: usage analytics, request history, billing, API keys. Make a data‑dense console feel calm instead of cluttered.
• Build interactive API playgrounds. Where a developer fires a real request and watches structured JSON come back live. Make it the thing people screenshot and share.
• Own the docs and marketing experience. Keep the component system coherent, fast, and beautiful as the product grows week over week.
• Build honest data viz. Turn raw metrics into charts a developer trusts at a glance, using a consistent, semantic color system.
• Hold the line on craft. Native HTML first, Turbo Frames over client‑side state, Tailwind over inline styles. Push Hotwire to its limits before reaching for a dependency.
• Clean up as you go. Tame the JavaScript bundle, kill dead CSS and one‑off controllers before they pile up.

The Hard Parts

• Hotwire‑first, on purpose. If your instinct for every interaction is to reach for React, you’ll fight the stack instead of using it. The fun, hard part is getting SPA‑grade polish out of Turbo, Stimulus, and native HTML.
• You design AND build. Plenty of people do one well. The bar here is taste plus the discipline to ship it in production code, with tests, that passes review.
• Developer tools are unforgiving. Your users notice a 200ms jank, a misaligned monospace column, or a chart that lies. There’s nowhere to hide a sloppy detail.
• Wide surface, one owner. Dashboard, playground, docs, marketing. You constantly decide what to polish and what to leave, with no PM holding the list for you.
• Taste is subjective. You’ll defend a design decision in writing, ship it, watch real usage, and change your mind when the data disagrees with you.

About You

• You design and build. You’ve shipped frontend you also designed, and it looked genuinely good. Not "good for an engineer." Good.
• Hotwire‑native, or close. Fluent in a server‑rendered, component‑based stack (Rails + Hotwire ideal; Phoenix/LiveView, Django, or Laravel translate). You reach for native HTML before JavaScript.
• Tailwind cold. Real opinions about spacing, type scale, and color systems.
• You love developer tools. You have a favorite dashboard and an API console you think is beautiful, and you can say exactly why.
• Great writer. You can explain a design tradeoff in a PR description without needing a meeting.
• Self‑directed. You take a vague "make this nicer," turn it into a plan, and ship it.
• Fluent in English. Written and spoken.

Required Experience

• Production frontend you designed and built yourself, with links to show it.
• Strong with a server‑rendered, component‑based stack (Rails + Hotwire strongly preferred).
• Fluent in Tailwind (or a similar utility CSS) and a real design tool like Figma.

We're Especially Looking For

• You’ve designed or redesigned a real SaaS dashboard or developer console that’s live today.
• Experience with ViewComponent, Stimulus, or a design system you maintained yourself.
• Data‑dense charts and a feel for honest data visualization, not just pretty gradients.
• You’ve cleaned up a real JavaScript bundle or wired up frontend error tracking, with a before/after to show.
• You contribute to design in public: a portfolio site you built, or open‑source UI work.

What We Look For

What makes a strong application: Two links to UI you designed AND built yourself, ideally a landing or marketing page and a product or app screen. For each, one line on the hardest design decision you made and how you resolved it. The design speaks for itself. A template, or an inability to name a single detail you sweated, does not.

Signals we look for: A portfolio site you built. A redesign with a before/after. Open‑source UI work. A Figma file. Evidence of taste plus the discipline to ship it in real code.

Hiring Process

• 30‑minute call with CEO. Get to know each other and walk through your work.
• Take‑home challenge. A realistic design‑and‑build task that shows how you think.
• Follow‑up call. Discuss your approach and the tradeoffs you made.
• Reference check + Offer

What You Get

• Fully Remote. Work from anywhere.
• Equity share. Own a piece of what you’re building.
• Profit sharing. When we win, you win.
• Learn from the founder. Understand how a real SaaS business grows.
• Annual team retreats.