5d:I[333483,["/creators-assets/_next/static/immutable/chunks/356g_j0l71_46.js","/creators-assets/_next/static/immutable/chunks/15s1ft4k9lx-7.js","/creators-assets/_next/static/immutable/chunks/0x8sumr53pdkk.js","/creators-assets/_next/static/immutable/chunks/3pud1dqsw0-_7.js","/creators-assets/_next/static/immutable/chunks/1m75iqpnspynu.js","/creators-assets/_next/static/immutable/chunks/0c6romi9ma0is.js","/creators-assets/_next/static/immutable/chunks/3ohf-5_4hfjuq.js","/creators-assets/_next/static/immutable/chunks/2jjhfe7-w6y9a.js","/creators-assets/_next/static/immutable/chunks/325i2v5l4tnlq.js","/creators-assets/_next/static/immutable/chunks/0kisxyo3aw231.js","/creators-assets/_next/static/immutable/chunks/2b1mm8iiske-y.js","/creators-assets/_next/static/immutable/chunks/0i7m0zg6jfazw.js","/creators-assets/_next/static/immutable/chunks/3-hmotkz_bdv_.js","/creators-assets/_next/static/immutable/chunks/06bqtx1jsc1kz.js","/creators-assets/_next/static/immutable/chunks/3q5wansxm4vp6.js","/creators-assets/_next/static/immutable/chunks/14h9277o22-rl.js","/creators-assets/_next/static/immutable/chunks/3naniu4pnqfyw.js","/creators-assets/_next/static/immutable/chunks/2-y_r3u4wh2s3.js","/creators-assets/_next/static/immutable/chunks/456d4lcv9-syj.js","/creators-assets/_next/static/immutable/chunks/36-o7-3julke0.js","/creators-assets/_next/static/immutable/chunks/2xq6uu2rcdc2i.js","/creators-assets/_next/static/immutable/chunks/2y9gv91n8o3i9.js","/creators-assets/_next/static/immutable/chunks/41i4r4u9uolgz.js","/creators-assets/_next/static/immutable/chunks/02ciyo_cdpkrz.js","/creators-assets/_next/static/immutable/chunks/3e73rezw4k1a2.js","/creators-assets/_next/static/immutable/chunks/15q00pdqk0br3.js","/creators-assets/_next/static/immutable/chunks/293prjxu_wz0c.js","/creators-assets/_next/static/immutable/chunks/0l9v835j421-s.js","/creators-assets/_next/static/immutable/chunks/40oma2w708rd-.js","/creators-assets/_next/static/immutable/chunks/2x7-2b3jcc9x7.js","/creators-assets/_next/static/immutable/chunks/3_pg4jxj9aiiw.js","/creators-assets/_next/static/immutable/chunks/3k6sa9ujkqb5c.js","/creators-assets/_next/static/immutable/chunks/3l2h8slpbzxqo.js","/creators-assets/_next/static/immutable/chunks/2xgtw4s-tlhet.js","/creators-assets/_next/static/immutable/chunks/3b306xa-3tb7g.js","/creators-assets/_next/static/immutable/chunks/2fvzgkzqkig_w.js","/creators-assets/_next/static/immutable/chunks/3g6klxxyg4m8-.js","/creators-assets/_next/static/immutable/chunks/0qx5rzvbsd7bx.js","/creators-assets/_next/static/immutable/chunks/1cphzzg2t2qo2.js"],"PostDetailCard"] 5e:T79b,

Overview

The live website for Artone Studio, designed and built in Framer by our own team. It is where founders and product teams decide whether to book a call, so every page is built to answer one question: is this a team I can trust with my product?

Our approach

We treated our own site like a client project. We started with strategy, mapping the path from first visit to booked call, then gave each page one clear job. Design happens in Figma, the build happens in Framer, and motion and interactions are part of the same process.

The structure follows how a buyer thinks. The offer comes first, then proof, then how the engagement works, then price, then a direct path to talk to us.

What we built

Home: the offer, client logos, a case study carousel, our process, plans, testimonials, and FAQs in one clear scroll.
Our Work: a filterable case study grid by discipline, powered by the Framer CMS. Articles run on the same system.
Plans and quote flow: a four-step quote form for custom projects, so we get budget, timeline, and scope before the first conversation.
Booking: an embedded Cal.com calendar on the Contact page, side by side with the quote form.
Ask the AI: an assistant on the FAQ page that answers questions about working with us, with daily limits built in.
Analytics and privacy: PostHog tracking for booked calls and quote submissions, plus cookie consent and a full privacy policy.

Result

A fast, flexible site we update ourselves, without a developer in the loop. It is our main place for booking calls and quote requests, and we keep refining it based on how visitors actually use it.

5a:[["$","$L5d",null,{"post":{"id":"0198d6ff-a2ba-73c8-a880-b22757b85f81","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"9e24ac9b-dad7-4aa6-a7fb-b0ff775a4296","name":"Artone Studio","slug":"artone","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/111550/avatar-Ockjhm60eKQLQqLaamIWkLLIbbJnMa.jpg","badges":["available","studio"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"7602","resolved":true,"title":"Artone Studio","body":"$5e","bodyJson":{"type":"doc","content":[{"type":"customHeading","content":[{"type":"text","text":"Overview"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"The live website for Artone Studio, designed and built in Framer by our own team. It is where founders and product teams decide whether to book a call, so every page is built to answer one question: is this a team I can trust with my product?"}]},{"type":"customHeading","content":[{"type":"text","text":"Our approach"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"We treated our own site like a client project. We started with strategy, mapping the path from first visit to booked call, then gave each page one clear job. Design happens in Figma, the build happens in Framer, and motion and interactions are part of the same process."}]},{"type":"paragraph","content":[{"type":"text","text":"The structure follows how a buyer thinks. The offer comes first, then proof, then how the engagement works, then price, then a direct path to talk to us."}]},{"type":"customHeading","content":[{"type":"text","text":"What we built"}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Home:","marks":[{"type":"bold"}]},{"type":"text","text":" the offer, client logos, a case study carousel, our process, plans, testimonials, and FAQs in one clear scroll."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Our Work:","marks":[{"type":"bold"}]},{"type":"text","text":" a filterable case study grid by discipline, powered by the Framer CMS. Articles run on the same system."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Plans and quote flow:","marks":[{"type":"bold"}]},{"type":"text","text":" a four-step quote form for custom projects, so we get budget, timeline, and scope before the first conversation."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Booking:","marks":[{"type":"bold"}]},{"type":"text","text":" an embedded "},{"type":"text","text":"Cal.com","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"http://Cal.com","target":"_blank"}}]},{"type":"text","text":" calendar on the Contact page, side by side with the quote form."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Ask the AI:","marks":[{"type":"bold"}]},{"type":"text","text":" an assistant on the FAQ page that answers questions about working with us, with daily limits built in."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Analytics and privacy:","marks":[{"type":"bold"}]},{"type":"text","text":" PostHog tracking for booked calls and quote submissions, plus cookie consent and a full privacy policy."}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Result"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"A fast, flexible site we update ourselves, without a developer in the loop. It is our main place for booking calls and quote requests, and we keep refining it based on how visitors actually use it."}]}]},"introduction":"Our own website, designed + built in Framer. \n\nArtone is a digital design agency built for early-stage startups. We deliver high-quality product, web and brand design for one monthly fee, without the overhead of hiring.","slug":"artone-studio","author":{"framerUserId":"9e24ac9b-dad7-4aa6-a7fb-b0ff775a4296","name":"Artone Studio","slug":"artone","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/111550/avatar-Ockjhm60eKQLQqLaamIWkLLIbbJnMa.jpg","badges":["available","studio"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/sites/7602/thumbnail-hZw6IXp3dvAnD21cDfl02KVGb5CTPh.jpg","metadata":{"tint":{"h":0,"s":0,"l":58},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/9e24ac9b-dad7-4aa6-a7fb-b0ff775a4296/01a105fd-3b5f-705d-9483-b23b4b99dec8.jpg","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/9e24ac9b-dad7-4aa6-a7fb-b0ff775a4296/01a105fd-3bc8-7779-a837-e707498bc390.jpg","metadata":{"tint":{"h":0,"s":0,"l":58},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/9e24ac9b-dad7-4aa6-a7fb-b0ff775a4296/01a105fd-3bc0-774f-982f-44ba5aac126e.jpg","metadata":{"tint":{"h":0,"s":0,"l":58},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/9e24ac9b-dad7-4aa6-a7fb-b0ff775a4296/01a105fd-3b6b-778f-a3d8-96813f783ac2.jpg","metadata":{"tint":{"h":0,"s":0,"l":58},"width":1600,"height":1200}}],"post":null,"createdAt":"2025-08-23T12:55:34.325Z","updatedAt":"2026-10-04T08:17:44.613Z","publishedAt":"2025-08-23T12:55:34.330Z","featuredAt":"2026-06-16T10:19:39.097Z","approvedAt":null,"type":"site","attributes":{"url":"https://artone.studio/","categories":[{"id":"4e292c6b-a094-4031-be7b-7affa4349187","name":"Agency","slug":"agency"}],"mainCategory":null,"tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":12,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2025-08-23T12:55:34.330Z","updatedAt":"2025-08-23T12:55:34.330Z","reported":false}}],"$L5f"]

Suggested for you