</noscript> <!-- End Google Tag Manager (noscript) --> <div style="display: contents"> <nav id="navbar" class="svelte-xvwf7r"><section class="nav_warpper svelte-xvwf7r"><div class="logo svelte-xvwf7r"><a href="/"><img src="/_app/immutable/assets/design_logo-2c7d3317.svg"></a></div> <div class="navbar-list svelte-xvwf7r"><a href="/#skills" class="svelte-xvwf7r">Skills</a><a href="/#expertise" class="svelte-xvwf7r">Expertise</a><a href="/#plans" class="svelte-xvwf7r">Plans</a><a href="/#process" class="svelte-xvwf7r">Process</a><a href="/results" class="svelte-xvwf7r">Case Studies</a> <span id="form" class="svelte-xvwf7r"><a href="#start_journey" class="svelte-xvwf7r">Start your Journey</a></span></div> </section></nav> <div class=" form_modal svelte-1m5h3lt" id="start_journey"><div class="form-wrapper svelte-1m5h3lt" id="form_wrapper"><div class="form-upper svelte-1m5h3lt"><div class="form-title svelte-1m5h3lt"><h2 class="svelte-1m5h3lt">Design with us.</h2></div> <div class="topics svelte-1m5h3lt"><h3 class="svelte-1m5h3lt">I'm interested in...</h3> <div class="topics_list svelte-1m5h3lt"><button id="UI" class="svelte-1m5h3lt">UX/UI design</button> <button id="brand" class="svelte-1m5h3lt">Branding</button> <button id="visuals" class="svelte-1m5h3lt">Visuals</button></div></div> <div class="svelte-1m5h3lt"><form id="form1"><airtcle class="form_body svelte-1m5h3lt"><section class="form_input svelte-1m5h3lt"><section class="inputs svelte-gfuu50"><div class="input_wrapper svelte-gfuu50"><label for="val1" class="svelte-gfuu50">Name *</label> <input id="name" placeholder="" required type="text" autocomplete="off" class="svelte-gfuu50" value=""></div> </section> <section class="inputs svelte-gfuu50"><div class="input_wrapper svelte-gfuu50"><label for="val1" class="svelte-gfuu50">Work Email * </label> <input id="email" placeholder="" required type="email" autocomplete="off" class="svelte-gfuu50" value=""></div> </section> <section class="inputs svelte-gfuu50"><div class="input_wrapper svelte-gfuu50"><label for="val1" class="svelte-gfuu50">Phone Number</label> <input id="phone" placeholder="" type="tel" autocomplete="off" class="svelte-gfuu50" value=""></div> </section> <section class="inputs svelte-gfuu50"><div class="input_wrapper svelte-gfuu50"><label for="val1" class="svelte-gfuu50">Company *</label> <input id="company" placeholder="" required type="text" autocomplete="off" class="svelte-gfuu50" value=""></div> </section></section> <section class="form_input svelte-1m5h3lt" id="input2"><section class="inputs svelte-gfuu50" id="textarea"><div class="input_wrapper svelte-gfuu50"><label for="val1" class="svelte-gfuu50">Brief</label> <textarea autocomplete="off" class="svelte-gfuu50"></textarea></div> </section> <div class="submit_button svelte-1m5h3lt"><button type="submit" class="svelte-1m5h3lt">Submit</button></div></section></airtcle></form></div></div> <section class="formFooter svelte-1m5h3lt"><div class="formFooter_wrapper svelte-1m5h3lt"><h3 class="svelte-1m5h3lt">Your Digital Journey deserves a great story.</h3> <div class="contact_links svelte-1m5h3lt"><a target="_blank" href="mailto:connect@antstack.com" class="svelte-1m5h3lt">connect@antstack.com</a> <span class="bullet svelte-1m5h3lt"></span> <a target="_blank" rel="noreferrer noopener" href="https://calendly.com/antstack/design-with-us" class="svelte-1m5h3lt">Schedule a call</a></div></div></section> <span id="modal-close" class="svelte-1m5h3lt"><span class="arrow svelte-1m5h3lt"></span></span></div> </div> <div class="mobNav svelte-xvwf7r" id="MobNavBar"><section class="mob_warpper svelte-xvwf7r"><div class="exploreItem svelte-xvwf7r"><p class="menuButton svelte-xvwf7r"><span class="svelte-xvwf7r"></span></p></div></section> <section class="dropMenu_wrapper svelte-xvwf7r"><section class="dropMenu svelte-xvwf7r"><div class="menuLinks svelte-xvwf7r"><a href="/#skills" id="anchor-0" class="svelte-xvwf7r">Skills</a><a href="/#expertise" id="anchor-1" class="svelte-xvwf7r">Expertise</a><a href="/#plans" id="anchor-2" class="svelte-xvwf7r">Plans</a><a href="/#process" id="anchor-3" class="svelte-xvwf7r">Process</a><a href="/results" id="anchor-4" class="svelte-xvwf7r">Case Studies</a></div> <div class="menuLinks svelte-xvwf7r"><h3 class="svelte-xvwf7r"><a href="#start_journey" class="svelte-xvwf7r">Design one with us.</a></h3> <div class="antDesign_Logo svelte-xvwf7r"><img src="/_app/immutable/assets/antDesign_footer-cd6e8807.svg" alt="Ant_Design_White" loading="lazy"></div></div></section></section> </div> <section class="results_wrapper svelte-167uqiv"><div class="marquee_wrapper svelte-13ykrc0"><div class="marquee svelte-13ykrc0"><div class="marquee-track svelte-13ykrc0">results</div> <div class="marquee-track svelte-13ykrc0">results</div> <div class="marquee-track svelte-13ykrc0">results</div> <div class="marquee-track svelte-13ykrc0">results</div> <div class="marquee-track svelte-13ykrc0">results</div> <div class="marquee-track svelte-13ykrc0">results</div></div> </div> <article class="results_container svelte-167uqiv"><section class="results svelte-167uqiv"><a rel="noreferrer" href="https://www.behance.net/gallery/143122371/iCrimeFighter" target="_blank"><div class="img_container"><img src="https://cdn.antstack.com/ICF_Des_5a9c490a16.png" alt="iCrimeFighter" loading="lazy" class="svelte-167uqiv"></div> </a><a rel="noreferrer" href="/case-studies/re-skill"><div class="img_container"><img src="https://cdn.antstack.com/re_Skill_Des_fab30d685e.png" alt="re:Skill -- A Developer Community Thriving on AWS" loading="lazy" class="svelte-167uqiv"></div> </a><a rel="noreferrer" href="/case-studies/konfhubs-journey-to-a-fresh-brand-image-and-intuitive-ui-ux"><div class="img_container"><img src="https://cdn.antstack.com/konfhub_Des_8a0ade68e9.png" alt="Konfhub's Journey to a Fresh Brand Image and Intuitive UI/UX" loading="lazy" class="svelte-167uqiv"></div> </a><a rel="noreferrer" href="/case-studies/InOffice"><div class="img_container"><img src="https://cdn.antstack.com/in_Office_Des_23e5585dc9.png" alt="InOffice" loading="lazy" class="svelte-167uqiv"></div> </a><a rel="noreferrer" href="/case-studies/designing-insight-the-art-behind-biz-os-s-financial-management-interface"><div class="img_container"><img src="https://cdn.antstack.com/Bizos_CS_Thumb_eccaa1a820.png" alt="Designing Insight: The Art Behind BizOS's Financial Management Interface" loading="lazy" class="svelte-167uqiv"></div> </a><a rel="noreferrer" href="https://www.behance.net/gallery/143123631/Divo" target="_blank"><div class="img_container"><img src="https://cdn.antstack.com/konfhub_Des_1_0e0aa71d78.png" alt="Divo" loading="lazy" class="svelte-167uqiv"></div> </a><a rel="noreferrer" href="https://www.behance.net/gallery/144040863/NEXUS" target="_blank"><div class="img_container"><img src="https://cdn.antstack.com/bfas_Des_1_ced05db528.png" alt="Nexus" loading="lazy" class="svelte-167uqiv"></div> </a><a rel="noreferrer" href="https://www.behance.net/gallery/144042671/Quiz-Hub" target="_blank"><div class="img_container"><img src="https://cdn.antstack.com/re_Skill_Des_2_4b5ec76f2f.png" alt="Quiz Hub" loading="lazy" class="svelte-167uqiv"></div> </a><a rel="noreferrer" href="https://www.behance.net/gallery/143123207/Foyernet" target="_blank"><div class="img_container"><img src="https://cdn.antstack.com/bfas_Des_2_f47fbdc483.png" alt="Foyernet" loading="lazy" class="svelte-167uqiv"></div> </a><a rel="noreferrer" href="https://www.behance.net/gallery/144154017/Koinworks" target="_blank"><div class="img_container"><img src="https://cdn.antstack.com/re_Skill_Des_3_fbd1a10b7b.png" alt="Koinworkds | Hitung Absen" loading="lazy" class="svelte-167uqiv"></div> </a><a rel="noreferrer" href="/case-studies/hoochat-express-freely"><div class="img_container"><img src="https://cdn.antstack.com/hoo_Des_85ad8eb50e.png" alt="Hoochat - Express Freely" loading="lazy" class="svelte-167uqiv"></div> </a><a rel="noreferrer" href="/case-studies/bfas-design-case-study"><div class="img_container"><img src="https://cdn.antstack.com/bfas_Branding_Des_1d0a4f7232.png" alt="BFAS Design Case Study" loading="lazy" class="svelte-167uqiv"></div> </a><a rel="noreferrer" href="/case-studies/asap-branding-and-visuals"><div class="img_container"><img src="https://cdn.antstack.com/asap_Des_c99267f23d.png" alt="ASAP Branding & Visuals" loading="lazy" class="svelte-167uqiv"></div> </a></section></article> </section> <div class="divider svelte-1hv1bu8"></div> <article class="footer_main"><article class="footer_hero_container svelte-1d7nxse"><section class="footer_hero svelte-1d7nxse"><p class="footer_text svelte-1d7nxse"><span class="text_2 svelte-1d7nxse">Your journey deserves<br> a great story.<br></span> <span class="text_1 svelte-1d7nxse"><a href="#start_journey" id="form" class="svelte-1d7nxse">Design one with us.</a></span></p></section></article> <div class="divider svelte-1hv1bu8"></div> <article class="footer_links_container svelte-1d7nxse"><div class="antDesign_Logo svelte-1d7nxse"><span class="asdlogo svelte-1d7nxse"><img src="/_app/immutable/assets/logo_white-3ba9c62a.svg" alt="antstack.design" class="svelte-1d7nxse"></span> <span class="bylogo svelte-1d7nxse"><img src="/_app/immutable/assets/by-0bda0028.svg" alt="by" class="svelte-1d7nxse"></span> <a href="https://antstack.com" target="_blank" class="aslogo svelte-1d7nxse"><img src="/_app/immutable/assets/antstack-de034e2b.svg" alt="antstack.com" class="svelte-1d7nxse"></a></div> <div class="footer-middle svelte-1d7nxse"><a href="/results" target="_self" class="svelte-1d7nxse">Case Studies</a> <a href="https://www.antstack.com/careers/" target="_blank" class="svelte-1d7nxse">Careers</a> <a href="/privacy-policy" target="_self" class="svelte-1d7nxse">Privacy policy</a></div> <div class="socials_rights svelte-1d7nxse"><div class="socials svelte-1d7nxse"><a href="https://twitter.com/antstack" target="_blank" rel="noreferrer"><img src="/_app/immutable/assets/social_twitter-7088f618.svg" alt="twitter_logo" loading="lazy"></a> <a href="https://www.behance.net/antstack" target="_blank" rel="noreferrer"><img src="/_app/immutable/assets/social_behance-8c074a01.svg" alt="behance_logo" loading="lazy"></a> <a href="https://www.instagram.com/lifeatantstack/" target="_blank" rel="noreferrer"><img src="/_app/immutable/assets/social_instagram-f6a5c9d6.svg" alt="insta_logo" loading="lazy"></a> <a href="https://www.youtube.com/c/Antstack" target="_blank" rel="noreferrer"><img src="/_app/immutable/assets/social_youtube-bf13b475.svg" alt="youtube_logo" loading="lazy"></a></div> <div><p class="rights_text svelte-1d7nxse">© 2019 - 2025 ANTSTACK ALL RIGHTS RESERVED</p></div></div></article> </article> <script type="module" data-sveltekit-hydrate="8cm6wd"> import { start } from "./_app/immutable/start-70d7a3eb.js"; start({ env: {"PUBLIC_DEV_STATE":"true","PUBLIC_API_KEY":"ccd95f176c4846f9aed8369d85019aba6de037044d04d73bf1919c9fe2f2698dd65c17424ffef87553318ada7ee2f5ebc7d360ac1251d9354bad47a4de0440237290b222cdbc21fcdf567fb40f5e94382a86bc0bd014c1bb96276e3ace5f7d1755fac23c6abc730f70e9986b41485166f721bed2988c7d67b61e17b0fba5bcf9","PUBLIC_API_URI":"https://strapi.antstack.org/graphql"}, paths: {"base":"","assets":""}, target: document.querySelector('[data-sveltekit-hydrate="8cm6wd"]').parentNode, version: "1737351081848", hydrate: { node_ids: [0, 5, 10], data: [null,null,{type:"data",data:{listCaseStudies:[{id:"12",attributes:{title:"iCrimeFighter",slug:"i-crime-fighter",headerImg:{data:null},thumbnail:{data:{attributes:{url:"https:\u002F\u002Fcdn.antstack.com\u002FICF_Des_5a9c490a16.png"}}},behanceLink:"https:\u002F\u002Fwww.behance.net\u002Fgallery\u002F143122371\u002FiCrimeFighter"}},{id:"5",attributes:{title:"re:Skill -- A Developer Community Thriving on AWS",slug:"re-skill",headerImg:{data:{attributes:{url:"https:\u002F\u002Fcdn.antstack.com\u002Fres_header_faa618d377.jpg"}}},thumbnail:{data:{attributes:{url:"https:\u002F\u002Fcdn.antstack.com\u002Fre_Skill_Des_fab30d685e.png"}}},behanceLink:null}},{id:"6",attributes:{title:"Konfhub's Journey to a Fresh Brand Image and Intuitive UI\u002FUX",slug:"konfhubs-journey-to-a-fresh-brand-image-and-intuitive-ui-ux",headerImg:{data:{attributes:{url:"https:\u002F\u002Fcdn.antstack.com\u002Fkonf_cover_f18db839a5.png"}}},thumbnail:{data:{attributes:{url:"https:\u002F\u002Fcdn.antstack.com\u002Fkonfhub_Des_8a0ade68e9.png"}}},behanceLink:null}},{id:"13",attributes:{title:"InOffice",slug:"InOffice",headerImg:{data:{attributes:{url:"https:\u002F\u002Fcdn.antstack.com\u002FHeader_img_78cf46018d.svg"}}},thumbnail:{data:{attributes:{url:"https:\u002F\u002Fcdn.antstack.com\u002Fin_Office_Des_23e5585dc9.png"}}},behanceLink:null}},{id:"14",attributes:{title:"Designing Insight: The Art Behind BizOS's Financial Management Interface",slug:"designing-insight-the-art-behind-biz-os-s-financial-management-interface",headerImg:{data:{attributes:{url:"https:\u002F\u002Fcdn.antstack.com\u002FBizos_CS_1_d05d91ff22.png"}}},thumbnail:{data:{attributes:{url:"https:\u002F\u002Fcdn.antstack.com\u002FBizos_CS_Thumb_eccaa1a820.png"}}},behanceLink:null}},{id:"7",attributes:{title:"Divo",slug:null,headerImg:{data:null},thumbnail:{data:{attributes:{url:"https:\u002F\u002Fcdn.antstack.com\u002Fkonfhub_Des_1_0e0aa71d78.png"}}},behanceLink:"https:\u002F\u002Fwww.behance.net\u002Fgallery\u002F143123631\u002FDivo"}},{id:"8",attributes:{title:"Nexus",slug:"nexus",headerImg:{data:null},thumbnail:{data:{attributes:{url:"https:\u002F\u002Fcdn.antstack.com\u002Fbfas_Des_1_ced05db528.png"}}},behanceLink:"https:\u002F\u002Fwww.behance.net\u002Fgallery\u002F144040863\u002FNEXUS"}},{id:"9",attributes:{title:"Quiz Hub",slug:null,headerImg:{data:null},thumbnail:{data:{attributes:{url:"https:\u002F\u002Fcdn.antstack.com\u002Fre_Skill_Des_2_4b5ec76f2f.png"}}},behanceLink:"https:\u002F\u002Fwww.behance.net\u002Fgallery\u002F144042671\u002FQuiz-Hub"}},{id:"10",attributes:{title:"Foyernet",slug:null,headerImg:{data:null},thumbnail:{data:{attributes:{url:"https:\u002F\u002Fcdn.antstack.com\u002Fbfas_Des_2_f47fbdc483.png"}}},behanceLink:"https:\u002F\u002Fwww.behance.net\u002Fgallery\u002F143123207\u002FFoyernet"}},{id:"11",attributes:{title:"Koinworkds | Hitung Absen",slug:"koinworkds",headerImg:{data:null},thumbnail:{data:{attributes:{url:"https:\u002F\u002Fcdn.antstack.com\u002Fre_Skill_Des_3_fbd1a10b7b.png"}}},behanceLink:"https:\u002F\u002Fwww.behance.net\u002Fgallery\u002F144154017\u002FKoinworks"}},{id:"2",attributes:{title:"Hoochat - Express Freely",slug:"hoochat-express-freely",headerImg:{data:{attributes:{url:"https:\u002F\u002Fcdn.antstack.com\u002FHoochat_cover_6aface24de.png"}}},thumbnail:{data:{attributes:{url:"https:\u002F\u002Fcdn.antstack.com\u002Fhoo_Des_85ad8eb50e.png"}}},behanceLink:null}},{id:"1",attributes:{title:"BFAS Design Case Study",slug:"bfas-design-case-study",headerImg:{data:{attributes:{url:"https:\u002F\u002Fcdn.antstack.com\u002Flambda_output_75209d41c5.png"}}},thumbnail:{data:{attributes:{url:"https:\u002F\u002Fcdn.antstack.com\u002Fbfas_Branding_Des_1d0a4f7232.png"}}},behanceLink:null}},{id:"3",attributes:{title:"ASAP Branding & Visuals",slug:"asap-branding-and-visuals",headerImg:{data:{attributes:{url:"https:\u002F\u002Fcdn.antstack.com\u002Fasap_1_4c0625f5ad.png"}}},thumbnail:{data:{attributes:{url:"https:\u002F\u002Fcdn.antstack.com\u002Fasap_Des_c99267f23d.png"}}},behanceLink:null}}]},uses:{}}], form: null } }); </script> </div> </body> <style> @import url('https://fonts.googleapis.com/css2?family=Inter&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Anton&display=swap'); @import url('https://use.typekit.net/afp8iof.css'); /* Proxima Nova */ @import url('https://fonts.googleapis.com/css2?family=PT+Serif:wght@400;700&display=swap'); /* PT Serif */ @import url('https://fonts.googleapis.com/css2?family=Anton&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700&display=swap'); /* Inter */ @import url('http://typekit.com/eulas/00000000000000007735b4fe'); /* balboa-plus-fill */ @import url('http://typekit.com/eulas/00000000000000000001518d'); /* nimbus-sans */ body { background-color: #010101; font-family: 'Inter'; margin: 0; padding: 0; -webkit-tap-highlight-color: transparent; } h1 { margin: 0; } p { margin: 0; } html { scroll-behavior: smooth; } </style> </html>