[{"data":1,"prerenderedAt":400},["ShallowReactive",2],{"blog-what-you-need-to-know-before-kickingoff-your-websi":3},{"id":4,"title":5,"body":6,"cover":388,"date":389,"description":372,"excerpt":390,"extension":391,"legacyUrl":392,"meta":393,"metaDescription":390,"metaTitle":390,"navigation":394,"ogImage":390,"path":395,"seo":396,"stem":397,"subtitle":390,"tags":398,"__hash__":399},"blog\u002Fblog\u002Fwhat-you-need-to-know-before-kickingoff-your-websi.md","What You Need to Know Before Kicking Off Your Website Project",{"type":7,"value":8,"toc":371},"minimark",[9,14,23,26,30,41,101,110,114,121,161,164,168,171,199,204,208,214,219,245,248,252,255,279,282,286,289,309,313,316,327,330,334,341,345,365],[10,11,13],"h2",{"id":12},"a-practical-guide-for-freelinestudio-clients-in-the-unitedstates","A practical guide for Freeline Studio clients in the United States",[15,16,17,18,22],"p",{},"Launching a new site is exciting, but the process runs smoothest when everyone—client and agency—knows exactly what happens when. Use this step‑by‑step guide to understand ",[19,20,21],"strong",{},"what we’ll deliver, what we’ll ask of you, and how to keep your project on schedule and on budget",".",[24,25],"hr",{},[10,27,29],{"id":28},"_1-contract-signed-greatnow-gather-your-assets","1. Contract Signed? Great—Now Gather Your Assets",[15,31,32,35,36,40],{},[19,33,34],{},"Why it matters:"," The sooner we have real content, the sooner you’ll see a prototype that feels like ",[37,38,39],"em",{},"your"," site.",[42,43,44,57],"table",{},[45,46,47],"thead",{},[48,49,50,54],"tr",{},[51,52,53],"th",{},"What we need from you",[51,55,56],{},"Examples & tips",[58,59,60,69,77,85,93],"tbody",{},[48,61,62,66],{},[63,64,65],"td",{},"Final (or near‑final) copy",[63,67,68],{},"Product\u002Fservice descriptions, shipping & returns, company story, legal pages.",[48,70,71,74],{},[63,72,73],{},"Media",[63,75,76],{},"High‑resolution photos, brand videos, slide decks, certifications.",[48,78,79,82],{},[63,80,81],{},"Legacy material",[63,83,84],{},"Old sites, brochures—anything we can repurpose.",[48,86,87,90],{},[63,88,89],{},"Contact details",[63,91,92],{},"Phone, email, social links.",[48,94,95,98],{},[63,96,97],{},"Hosting & domain info",[63,99,100],{},"Where the finished site will live; access credentials if you already have them.",[102,103,104],"blockquote",{},[15,105,106,109],{},[19,107,108],{},"Pro tip:"," Review the Statement of Work one more time. If something is unclear, ask your project manager now—changes get pricier later.",[10,111,113],{"id":112},"_2-lowfidelity-wireframe-gray-prototype","2. Low‑Fidelity Wireframe (“Gray Prototype”)",[15,115,116,117,120],{},"Think of this as a ",[19,118,119],{},"skeleton",": all structure, no skin.",[122,123,124,135],"ul",{},[125,126,127,130,131,134],"li",{},[19,128,129],{},"Where you’ll review:"," A share‑link in ",[19,132,133],{},"Figma"," (works right in your browser).",[125,136,137,140],{},[19,138,139],{},"Your checklist:",[141,142,143,149,155],"ol",{},[125,144,145,148],{},[19,146,147],{},"Copy accuracy"," – does the text read the way you want it published?",[125,150,151,154],{},[19,152,153],{},"Element placement"," – do sections flow logically?",[125,156,157,160],{},[19,158,159],{},"Text volume"," – if you expect more or less copy, tell us so we can show the impact.",[15,162,163],{},"Once you email or Slack “Approved,” we lock the layout and move on.",[10,165,167],{"id":166},"_3-visual-design","3. Visual Design",[15,169,170],{},"Now the personality shows up: colors, fonts, imagery, and micro‑interactions.",[122,172,173,179],{},[125,174,175,178],{},[19,176,177],{},"Review in Figma"," just like the prototype—only now it looks like a real site.",[125,180,181,184],{},[19,182,183],{},"Focus on big‑ticket items:",[122,185,186,189,192],{},[125,187,188],{},"Does the design support your goal (sales, lead gen, brand authority)?",[125,190,191],{},"Are colors and typography on‑brand and accessible?",[125,193,194,195,198],{},"Is copy still correct? This is the ",[37,196,197],{},"easiest"," stage to tweak wording.",[15,200,201],{},[37,202,203],{},"Heads‑up: After you sign off on design, later changes are billed as change orders.",[10,205,207],{"id":206},"_4-frontend-development-htmlcssjs","4. Front‑End Development (HTML \u002F CSS \u002F JS)",[15,209,210,211,22],{},"We turn flat designs into clickable pages and host them on a ",[19,212,213],{},"private staging URL",[215,216,218],"h3",{"id":217},"what-to-test","What to test",[122,220,221,227,233,239],{},[125,222,223,226],{},[19,224,225],{},"Pixel‑perfect match"," to approved mock‑ups.",[125,228,229,232],{},[19,230,231],{},"Responsive behavior"," on desktop, tablet, and phone.",[125,234,235,238],{},[19,236,237],{},"Cross‑browser rendering"," (Chrome, Safari, Firefox, Edge).",[125,240,241,244],{},[19,242,243],{},"Copy & links","—look for typos or broken anchors.",[15,246,247],{},"Confirm everything in one consolidated feedback list so we can fix fast.",[10,249,251],{"id":250},"_5-integration-backend-build","5. Integration & Back‑End Build",[15,253,254],{},"Here’s where we wire up the CMS, databases, APIs, and any third‑party services (CRM, email marketing, payment gateways).",[122,256,257,263],{},[125,258,259,262],{},[19,260,261],{},"Staging link"," still applies, but now forms submit and dashboards populate.",[125,264,265,268],{},[19,266,267],{},"You should:",[122,269,270,273,276],{},[125,271,272],{},"Submit test inquiries or orders.",[125,274,275],{},"Verify data lands in the right inbox or system.",[125,277,278],{},"Flag anything that doesn’t behave as specced.",[15,280,281],{},"Avoid asking for major design changes here—they ripple through code and cost extra.",[10,283,285],{"id":284},"_6-content-population","6. Content Population",[15,287,288],{},"Whether we’re loading content or you’re doing it in the CMS, timing is everything.",[122,290,291,297,303],{},[125,292,293,296],{},[19,294,295],{},"Deliver final assets early."," Late copy = delayed launch.",[125,298,299,302],{},[19,300,301],{},"Spot‑check pages"," for missing images, price typos, or outdated PDFs.",[125,304,305,308],{},[19,306,307],{},"Report errors immediately"," so we can correct in the same sprint.",[10,310,312],{"id":311},"_7-launch-handover","7. Launch & Handover",[15,314,315],{},"With your green light we:",[141,317,318,321,324],{},[125,319,320],{},"Migrate the site to your host (or recommend a rock‑solid U.S. provider if you need one).",[125,322,323],{},"Point the domain, install SSL, and run final performance checks.",[125,325,326],{},"Hand over admin credentials plus a quick‑start guide.",[15,328,329],{},"At this point the project is formally delivered.",[10,331,333],{"id":332},"_8-oneyear-warranty-ongoing-partnership","8. One‑Year Warranty & Ongoing Partnership",[15,335,336,337,340],{},"For ",[19,338,339],{},"12 months"," after launch we fix any bugs related to the approved scope—free of charge. Need new features, marketing landing pages, or a support retainer? Just ping your project manager; we love long‑term collaborations.",[10,342,344],{"id":343},"key-takeaways","Key Takeaways",[122,346,347,353,359],{},[125,348,349,352],{},[19,350,351],{},"Front‑load content","—it accelerates every subsequent phase.",[125,354,355,358],{},[19,356,357],{},"Approve decisively","—each stage sign‑off keeps the timeline (and budget) intact.",[125,360,361,364],{},[19,362,363],{},"Test early, test often","—your feedback is most valuable before launch.",[15,366,367,368],{},"Ready to build something great together? ",[19,369,370],{},"We’re just a call or email away.",{"title":372,"searchDepth":373,"depth":373,"links":374},"",2,[375,376,377,378,379,383,384,385,386,387],{"id":12,"depth":373,"text":13},{"id":28,"depth":373,"text":29},{"id":112,"depth":373,"text":113},{"id":166,"depth":373,"text":167},{"id":206,"depth":373,"text":207,"children":380},[381],{"id":217,"depth":382,"text":218},3,{"id":250,"depth":373,"text":251},{"id":284,"depth":373,"text":285},{"id":311,"depth":373,"text":312},{"id":332,"depth":373,"text":333},{"id":343,"depth":373,"text":344},"\u002Fuserfls\u002Fnews\u002Fmedium\u002F198_what-you-need-to-know-before-kickingoff-your-we.webp","2025-04-12",null,"md","\u002Fblog\u002Fwhat-you-need-to-know-before-kickingoff-your-websi\u002F",{},true,"\u002Fblog\u002Fwhat-you-need-to-know-before-kickingoff-your-websi",{"title":5,"description":372},"blog\u002Fwhat-you-need-to-know-before-kickingoff-your-websi",[],"HZvTtOdUMxCCOH-Np85tUVrAaAgvKuzcYc2H31ttubM",1783085020824]