Displace OS · Simplified View
Displace Agency
Senior web engineering agency in Madrid and Miami. We build websites, ecommerce systems and digital platforms. The full experience works like a Mac; this page is the accessible, no JavaScript version of the same content.
Work
- Draper Associates A venture capital website built for founders and a growing portfolio. Venture Capital Firm, 2024. Live site
- The Offsite Agency A portfolio website for our design partner. Creative Design Studio, 2024. Live site
- Kestrel Intelligence A website for autonomous sensing, research, and recruiting. Defense Technology, 2026. Live site
- Forma Strata A custom Shopify store for retail, trade, and made-to-order sales. Luxury Rugs & Furniture, 2025. Live site
- KURA Independent design shops, curated in one place. Multi-brand Commerce Network, 2026. Live site
- Chile Abierto Public data from every Chilean comuna, in one place. Civic Technology, 2026. Live site
- Auto Heritage An editorial archive of the cars that defined an era. Editorial Archive, 2026. Live site
- Todoweekend A weekend events map for 9 cities. Consumer Product, 2026. Live site
- Todoweekend App Your weekend, on a map. iOS App, 2026. Live site
- SearchVinyl A playable record collection built for discovery. Music Discovery Platform, 2026. Live site
- Driveway Paradise A custom Shopify store for sportswear and pickup culture. Sportswear DTC, 2025. Live site
- Driveway Paradise App A cleaner mobile app for finding and hosting pickup games. Mobile App Rebuild, 2026. Live site
- SOMA A concept store for a cognitive-wellness brand. Concept Store, 2024. Live site
- Vimcar In-house website and design-system work for fleet software. Fleet Tech, 2024. Live site
- VyB Capital A mobile-first website for an independent family office. Financial Services, 2026. Live site
- Nova Nexus Capital Fintech and regtech for strategic industries. Fintech Platform, 2026. Live site
- Displace Agency A working desktop that is also our portfolio. Agency Website, 2026. Live site
Journal
- What Is Headless Shopify, and When Is It Worth Building? A plain guide to what headless Shopify changes, what stays in Shopify, when a theme is better, and what a real custom storefront can support. (2026-07-16, 3 min)
- Security Is a Feature AI tools made the web cheaper to attack and more expensive to run. Here is how we keep client sites fast, safe, and unbothered by the bots quietly running up the bill. (2026-06-17, 3 min)
- How Clients Edit a Custom Displace Website Two editing options for custom websites: an inline editor with guardrails, or a guided code workflow for technical teams. (2026-04-05, 3 min)
Open source apps we built
- ClaudeBar A tiny macOS menu bar app for Claude Code usage. Token-first, native SwiftUI, no dependencies. (★ 1)
- Copy Translate Double-tap Cmd+C to translate any selected text on macOS via Claude
- Claude Statusline Enhanced Enhanced statusline for Claude Code with real-time token usage, costs, cache efficiency, and session metrics
- CPU Watchdog Lightweight macOS monitor that catches runaway processes before your machine overheats. Shell script + launchd. No dependencies.
- FocusGuard macOS website blocker that can't be bypassed by CleanMyMac. LaunchDaemon + menu bar app with escalating delays, daily budget, and immutable file protection.
Interactive demos
- Headless Shopify A custom storefront with Shopify behind it. Headless Shopify means a custom storefront with Shopify behind it. Your team keeps using Shopify for products, stock, orders, and checkout. We design and build the customer-facing site from scratch. Playable in the App Store (requires JavaScript).
- Product Configurator Customers choose options. The price and quote update. Customers choose a product, material, size, finish, and quantity. The price, lead time, and quote update as they make each choice. Playable in the App Store (requires JavaScript).
- Trade Portal Public shopping and trade pricing in one store. Public customers see the normal store. Approved trade buyers see their prices, product documents, and saved projects. Both use the same catalog. Playable in the App Store (requires JavaScript).
Changelog
- 2026-07-16 The Journal now helps buyers decide. The Journal is now reserved for clear guides about choosing and owning a website. Older tool stories lead to their products in the App Store, and the new headless Shopify guide uses the Forma Strata storefront to explain when custom commerce is worth building.
- 2026-07-16 Clearer words across the site. Notes now explains who Displace is, what we do, what we do not do, how we work, and where projects start. Mail, About, the App Store, and every Finder project use the same direct language. The Offsite Agency is named as our design partner.
- 2026-06-30 Client demos you can actually follow. The App Store demos are rebuilt as guided walkthroughs. Open Headless Shopify, the made-to-order Configurator, or the Trade Portal and a short three-step tour points you through the real interactions, filter a live storefront, price a custom piece, change a price in Shopify and watch the site sync, with a link straight to the real client feature at the end. The interface also loads a little lighter.
- 2026-06-27 SearchVinyl joins the portfolio. Finder now includes SearchVinyl, a music discovery product built around crate digging, record pages, genres, decades, and a searchable catalog. Several project pages also gained lightweight motion covers on desktop, with mobile kept video-free.
- 2026-06-24 Little touches that make it feel like a real Mac. Select and copy any text now, including straight out of the Terminal, and the highlight glows in our orange. The Terminal also autocompletes: type the start of a command, or 'open' and a project name, then press Tab. Links in Notes and in Terminal output are real now, and an email opens Mail right here. In Finder you can move between projects with the left and right arrow keys and copy a link to any project, and in Mail one click copies our address.
- 2026-06-24 A sharper way of saying what we do. A clearer through line across the site: websites that move. We build ecommerce, web experiences, and platforms, and the work is grouped simply as Brand, Build, and Grow. Less jargon, fewer words, same idea.
- 2026-06-22 A cleaner desktop to start. Open the site and the desktop greets you tidy. The widgets now sit together down the left side, with the clock and calendar up top and nothing else in the way. No windows spring open on arrival, so the first thing you see is the desktop itself. Everything is still yours to drag and rearrange.
- 2026-06-22 The Assistant got faster, sharper, and more hands on. The Displace Assistant now replies as it thinks, word by word, instead of making you wait for the whole answer. It also sees what you are looking at: open a project, ask how it was built, and it knows which one you mean. It can drive more of the machine for you now, change the wallpaper, play a track by name, show this site's live performance scores, compare two projects side by side, open a project's photos, or give you a quick tour. Where your browser allows it you can talk to it by voice, and its dock icon is now a living orb.
- 2026-06-22 Rearrange the desktop. The desktop is yours to arrange. Drag the widgets anywhere across the whole desktop and they snap into place, and the Projects, Journal, and README icons now drag around too, remembering where you leave them. Drop an icon on the Trash to clear it, the Trash grows as you bring a file close, and you can put it back any time from inside the Trash or by right clicking the desktop. We also smoothed the dock so it no longer jitters under the cursor, and removed a hitch on the first scroll after the page loads.
- 2026-06-17 Try ClaudeBar without leaving the site. ClaudeBar, our macOS menu-bar meter for Claude Code usage, now runs right here. Click the bar-chart icon in the menu bar, top right, to open its live popover with sample data: today's tokens, the active 5 hour block, usage by model, the busiest projects, and the week's history. There is a Demo button next to Get on its App Store page too. Desktop only.
- 2026-06-17 Settings, sharpened. Wallpaper works now: open Appearance and pick the dynamic gradient that follows light and dark, or one of the fixed Displace looks, and the desktop remembers it. Right click the desktop for Edit Background. The tech stack moved out of Bluetooth into a clearer Extensions pane, now with a Mobile and iOS section for the apps we build. Privacy and Security is now a full read on how we handle your site and your data.
- 2026-06-16 The Assistant moved into the dock. The Displace Assistant is now a normal app. Launch it from the dock and it opens as a standard window in the middle of the screen, with the usual traffic lights, drag, and resize. On mobile it has its own home-screen icon and opens full screen, like every other app. After each answer it offers a few things to tap, so you can keep going without typing. We also stopped the page from zooming when you tap a field on mobile, here and on the contact form.
- 2026-06-16 Meet the Displace Assistant. Say what you want and the desktop responds. The Displace Assistant opens apps and projects, switches the theme, plays the music, and answers what we do and how we work. Tell it about a project and it will draft a proposal you can email or take to a call. It shows work as cards, remembers your conversation, and opens and closes from the menu bar.
- 2026-06-16 Widgets you can rearrange. Desktop widgets now move. Drag any widget and it snaps to the grid, and your layout sticks between visits.
- 2026-06-15 Desktop widgets fill the desk. New visitors now get the calmer desktop widget stack: studio clocks, portfolio, Calendar, Journal, Displace FM and Open Source. Right-clicking near the widget stack now opens Edit Widgets instead of the browser menu.
- 2026-06-13 Awwwards polish pass. Finder, Mail, About This Mac and portfolio copy got a final craft pass before submission. Swooda is hidden for now, TodoWeekend is framed as a 10 city product, and Singular Heritage now links to the full heritage network.
- 2026-06-13 Light mode by default. The OS now opens in light mode, with dark still a click away in Settings and your choice remembered. Fixed the Music app, which had been stuck dark regardless of the setting.
- 2026-06-13 Safari actually browses. Clicking a site in Safari now opens it inside the window with a real address bar and back button, instead of popping a new tab. Sites that allow embedding load live; the rest show a full screenshot with an Open live site button. The Displace Agency screenshots were also re-shot clean off the live site.
- 2026-06-12 Pixel pass. Journal illustrations now fill their frame edge to edge instead of floating in a letterboxed black card. Photos albums no longer repeat the first image, and the Displace Agency screenshots lost the capture bar that was riding along on top.
- 2026-06-12 Headless Shopify demo. Our most requested build is now playable: a mini Shopify admin wired to a custom storefront through the Storefront API. Edit the product, watch the site react. Every demo now also links to the live client pages and Finder projects where the pattern ships.
- 2026-06-12 The stack shows its work. Every device in Settings > Extensions now lists the portfolio projects it is paired with; click one and Finder opens on that project. Finder thumbnails widened to the full screenshot.
- 2026-06-12 Journal, tightened. Every article rewritten in the house voice: roughly half the words, none of the filler. New generated illustrations throughout, reading times now honest at 2 to 3 minutes.
- 2026-06-12 Desktop widgets. Real macOS style widgets on the desktop: Madrid and Miami clocks, the measured Lighthouse score, portfolio stats, the latest journal entry, now playing, live weather in both studios and more. Add, remove and resize them from Edit Widgets; the layout is saved per visitor.
- 2026-06-12 Photos rebuilt as a real library. The gallery grew into macOS Photos: an album per project, curated category folders, a zoomable grid, and a filmstrip viewer. Clicking any image in a Finder project now opens it in Photos.
- 2026-06-12 App Store v2 and playable demos. Real icons, store descriptions and screenshot carousels for all 7 apps. New Demos section: Product Configurator and Trade Portal run live in the window, with a Mail handoff when you want one for your own site.
- 2026-06-12 App Store Log. The Updates tab grew into this Log: site ships, app pushes and journal publishes in one feed. Every app's product page also carries its own log, read live from the repo's commits.
- 2026-06-12 System Settings rebuilt. Ten panes of real Ventura grammar mapping how we work: reachability, cadence, uptime, storage, ownership and privacy. Sound and Appearance actually work.
- 2026-06-11 Displace OS goes live. The new site replaced v3 after months of experiments, prototypes and content migration. The portfolio is now a working macOS with 13 apps, a window manager, an iOS springboard under 768px, Spotlight, a screensaver and 5 easter eggs.
- 2026-06-11 Performance and SEO hardening. Static boot screen for instant first paint, deferred analytics loader, OG cards sitewide, llms.txt and a full redirect map from the previous site. Mobile Lighthouse measured at 98 with zero layout shift.
- 2026-06-11 www.displace.agency restored. The www subdomain now resolves and redirects to the apex. It had been dead since the v2 era.
- 2026-06-10 Launch candidate locked. The OS build moved from prototype to replacement candidate. Finder, App Store, Journal, Mail, Calendar, Photos and Settings were tested together so the site felt like one system instead of a collection of clever windows.
- 2026-06-09 Responsive OS pass. Desktop window behavior and the mobile springboard were tuned side by side. The goal was not a smaller desktop on phones, but a native-feeling second interface that kept the same apps and content.
- 2026-06-07 Mail and Calendar connected. The contact and booking paths stopped being mockups. Mail now posts to the real contact API, and Calendar opens the live booking flow inside the OS surface.
- 2026-06-05 Portfolio moved into Finder. Project pages were reshaped around folders, screenshots and metadata. The old portfolio content stayed, but the interaction model changed from scrolling a website to opening work inside Finder.
- 2026-06-03 App Store model lands. Open source tools became app product pages with icons, screenshots, repo metadata and commit logs. The App Store stopped being a metaphor and became a real distribution surface for our code.
- 2026-05-30 OS content migration. The v3 project data, journal articles, screenshots, service notes and stack entries were mapped into OS apps. This was the quiet part: moving the business into the interface without breaking URLs or search.
- 2026-05-24 Journal becomes paper. The journal reader moved away from a standard blog layout and into a document metaphor. Articles became paper-like pages inside the OS, with cleaner reading states and crawler-friendly routes behind them.
- 2026-05-18 Window manager prototype. The first usable window system came together: draggable windows, app registry, z-index rules, deep links and restored state. It was still rough, but it proved the site could behave like software.
- 2026-05-10 Mac direction chosen. Several portfolio directions were tested, then the OS route won because it could show the work and the working method at the same time. The site would not describe the agency. It would behave like the agency.
- 2026-04-27 v3 becomes the content base. The Supabase CMS, dashboard, journal and portfolio data from v3 became the source material for the OS build. v3 was no longer the final destination, but it gave the new site a real content spine.
- 2026-04-27 displace.agency v3. Supabase powered CMS with a local dashboard, the journal, and the portfolio metrics pipeline. Superseded by Displace OS.
- 2026-04-02 displace.agency v2. First Next.js rebuild of the agency site. Superseded.
- 2026-03-22 Portfolio system pass. Project entries were cleaned into a repeatable structure: screenshots, services, highlights, descriptions and live links. That work later made Finder possible.
- 2026-03-08 Journal architecture planned. The writing system moved from scattered case notes toward a real publishing surface, with article types, reading time, SEO routes and a voice that could support both build notes and tool launches.
- 2026-02-18 Agency site rebuild starts. The first rebuild work focused on replacing the older Webflow-era site with a code-owned foundation. The priority was speed, editable content, real project pages and fewer places for the site to drift.
- 2026-02-03 Content inventory. Every project, service claim, screenshot source and old route was reviewed before the rebuild. The site needed a cleaner operating model before it needed a visual trick.
- 2026-01-19 Positioning reset. The agency story was narrowed around design engineering, headless commerce, fast portfolio systems and internal tools. That positioning eventually became the OS metaphor.
- 2026-01-08 New site research. The year started with a simple brief: make displace.agency feel as engineered as the work it sells. Early research covered productized service pages, portfolio systems, developer tools and interface-led storytelling.
About
About Displace
Displace is a senior web engineering agency in Madrid and Miami.
We build websites, ecommerce systems and digital platforms.
We lead technical strategy and development.
For brand and visual design, we often work with our design partner, The Offsite Agency. They do great design. We turn it into a fast, useful product.
We work best with established brands whose website is part of how the business runs, not a brochure.
In one line
Fast, useful websites, built to keep improving.
Write to hello@displace.agency if that sounds like what you need.
How we work
1. Define the problem
We agree what must change, who decides, what success means and what the budget can support.
2. Price the real scope
Pages, features, products, languages, integrations, content and responsibilities go in writing before the contract.
3. Build working software
You review the real product as it takes shape. No long reveal after months of hidden work.
4. Launch and improve
We set up measurement, train your team and stay available through ongoing care when useful.
What we do
Three things, done properly.
Brand
Positioning, identity and website design. Often delivered with our design partner, The Offsite Agency.
Build
Marketing websites, Shopify, headless commerce (a custom storefront with Shopify behind it) and custom platforms. This is our core.
Draper Associates is a marketing website. Forma Strata is headless Shopify. Chile Abierto is a custom data platform.
Grow
Maintenance, analytics, SEO, experiments and ongoing engineering after launch.
Need all three? We assemble one team and give every deliverable a clear owner.
What we do not do
Not every project is a fit.
· Cheap template sites built as fast as possible.
· Open-ended builds with no written scope.
· Daily social media, content calendars or large paid-media campaigns.
· Technology added only to make a project sound impressive.
· Work where nobody owns decisions, content or budget.
We can recommend a partner when the need sits outside our work.
Pricing
Clear starting points. Final price follows the real scope.
Discovery and architecture
From $6,000 for complex projects that need requirements, structure and wireframes before build.
Marketing website
From $12,000.
Shopify storefront
From $15,000.
Headless Shopify
From $22,000.
Custom platform
From $28,000. Paid discovery required.
Ongoing care
From $2,250 per month.
Brand work is priced separately after the creative scope and partner are confirmed.
Pages, products, languages, integrations, content and timing can change the price. We confirm them before work starts.
Questions we always get
How do we start a project with Displace?
Send a short brief to hello@displace.agency or book a 30 minute call at cal.com/displace/30-min-meeting. Tell us what needs to change, your timing and your budget. We will tell you if we are a fit.
What does Displace Agency build?
Marketing websites, Shopify stores, headless ecommerce and custom digital platforms. We lead technical strategy and development. Real examples are linked in the What we do note.
How much does a project cost?
Marketing websites start at $12,000. Shopify builds start at $15,000. Headless commerce starts at $22,000. Custom platforms start at $28,000. Complex projects may begin with paid discovery from $6,000.
How long does a website take?
Most focused websites take 6 to 8 weeks. Commerce systems and custom platforms take longer. We confirm the scope and schedule before work starts.
Who handles brand and visual design?
Displace leads the digital product and technical build. Our design partner is The Offsite Agency at theoffsiteagency.com. We name every role before pricing the work.
What does Displace not do?
We do not take on cheap template sites, open-ended builds without a written scope, daily social media or large paid-media campaigns, technology added only to sound impressive, or work where nobody owns decisions, content or budget.
Who owns the code and the website?
You do. After full payment, you receive the source code, documentation and agreed deliverables. We may show the work in our portfolio unless we agree otherwise.
Where is Displace Agency located?
Madrid and Miami. We work with clients worldwide. Most communication is async, with calls when a decision needs one.
Why does this website look like a Mac?
Because the website is part of the portfolio.
We could say we build thoughtful digital products. This lets you use one.
Open apps. Move windows. Browse projects. Try the demos.
Every working detail shows how we think about interaction, speed and craft.
Live sites
- displace.agency The mothership. Our main site.
- draper.vc A venture capital website built for founders and a growing portfolio
- theoffsiteagency.com A portfolio website for our design partner
- kestrelintelligence.com A website for autonomous sensing, research, and recruiting
- formastrata.co A custom Shopify store for retail, trade, and made-to-order sales
- itskura.com Independent design shops, curated in one place
- chileabierto.cl Public data from every Chilean comuna, in one place
- autoheritage.eu An editorial archive of the cars that defined an era
- todoweekend.com A weekend events map for 9 cities
- searchvinyl.com A playable record collection built for discovery
- drivewayparadise.com A custom Shopify store for sportswear and pickup culture
- soma-headless.vercel.app A concept store for a cognitive-wellness brand
- vimcar.de In-house website and design-system work for fleet software
- vybcapital.com A mobile-first website for an independent family office
- novanexuscapital.com Fintech and regtech for strategic industries
Contact
Email hello@displace.agency or book a call at cal.com/displace/30-min-meeting. We reply within one business day.