[{"data":1,"prerenderedAt":1616},["ShallowReactive",2],{"header-nav":3,"footer-primary":155,"footer-secondary":232,"footer-description":258,"header-nav-data":260,"github-stars":262,"8f849cd0-a47b-4e32-bb19-b478973c90f7":366,"dfd79d2b-7af5-4cdb-aa94-3f73de97ebd8":372,"74634853-196b-4ce3-b256-4534c054838f":379,"site-banner":408,"358b0659-1f05-4427-bd1c-4bc03a43c182":412,"9df3f40e-6272-4ec6-a0d7-cc29265e087c":419,"1b444c23-b593-4391-9410-4ca5d2c7a7cb":423,"/built-with-directus":426,"8b5f8a57-ffe8-497b-bdbf-d66a39464b48":447,"8e92a28b-1bb9-4bc2-b38f-5ecf4363659f":456,"cards-8b5f8a57-ffe8-497b-bdbf-d66a39464b48projects[object Object]":463},{"items":4},[5,74,136,141,148],{"id":6,"title":7,"url":8,"callout":9,"callout_title":10,"children_title":11,"page":8,"children":12},"62c04c6c-5793-4702-8ed1-73dd563fd605","Product",null,"8f849cd0-a47b-4e32-bb19-b478973c90f7","Project Showcase","Use Cases and Features",[13,21,29,37,43,51,59,67],{"id":14,"title":15,"url":16,"description":17,"image":8,"icon":18,"page":19},"e7d7d5ed-89b1-4455-8b4a-8ae92c70e3a0","Headless CMS","/solutions/headless-cms/","Manage and deliver content with ease","code_blocks",{"permalink":20},"/solutions/headless-cms",{"id":22,"title":23,"url":24,"description":25,"image":8,"icon":26,"page":27},"60bdefd9-95e6-45a3-9f81-4748d07c59d3","Backend-as-a-Service","/solutions/backend-as-a-service/","Build and ship applications faster","speed",{"permalink":28},"/solutions/backend-as-a-service",{"id":30,"title":31,"url":32,"description":33,"image":8,"icon":34,"page":35},"5f9aebeb-4f89-445e-9850-5b1261a2743c","Headless Commerce","/solutions/product-information-management/","A single source of truth for products","shopping_cart_checkout",{"permalink":36},"/solutions/product-information-management",{"id":38,"title":39,"url":40,"description":41,"image":8,"icon":42,"page":8},"49e46134-80be-470e-8c73-afb1417fa9b6","100+ More Use Cases","https://directus.io/blog/100-tools-apps-and-platforms-you-can-build-with-directus","Build anything (or everything)","lightbulb",{"id":44,"title":45,"url":46,"description":47,"image":8,"icon":48,"page":49},"a589ac77-a5ce-45c5-a054-e43111e19158","Instant APIs","/products/connect/","Connect a database, get REST + GraphQL APIs","api",{"permalink":50},"/toolkit/connect",{"id":52,"title":53,"url":54,"description":55,"image":8,"icon":56,"page":57},"4a0f129a-c546-4493-b0a9-306e51692e90","Granular Policy-Based Auth","/products/auth/","Provide secure, autonomous data access","lock_person",{"permalink":58},"/toolkit/auth",{"id":60,"title":61,"url":62,"description":63,"image":8,"icon":64,"page":65},"f9250f2c-93a4-4108-80db-011bbe391ecf","Visual Automation Builder","/products/automate/","Automate content and data workflows with ease","build",{"permalink":66},"/toolkit/automate",{"id":68,"title":69,"url":8,"description":70,"image":8,"icon":71,"page":72},"f1ae4e40-5b05-42a4-9cd3-33dda35cc939","50+ More Features","Get everything you need out-of-the-box","auto_fix",{"permalink":73},"/features",{"id":75,"title":76,"url":8,"callout":77,"callout_title":78,"children_title":79,"page":8,"children":80},"2f6ad0d1-6dd3-4f17-b5c8-9f2abf71409a","Resources","dfd79d2b-7af5-4cdb-aa94-3f73de97ebd8","Watch Directus TV","Learn More",[81,88,96,102,109,116,122,129],{"id":82,"title":83,"url":84,"description":85,"image":8,"icon":86,"page":87},"0a3bf9f5-1ef2-43f4-bc09-7ff7488241c5","Blog","/blog","Read our latest articles and guides","library_books",{"permalink":84},{"id":89,"title":90,"url":91,"description":92,"image":8,"icon":93,"page":94},"165e3dc2-e51b-4456-8382-99c5775b0412","Case Studies","#","Case studies and success stories","magic_button",{"permalink":95},"/case-studies",{"id":97,"title":98,"url":99,"description":100,"image":8,"icon":101,"page":8},"5ae324b6-bf44-4c21-95ad-e6dc0c1c1f40","Community Forum","https://community.directus.io/","Questions and conversations","comment",{"id":103,"title":104,"url":91,"description":105,"image":8,"icon":106,"page":107},"b1db03f0-e537-490e-8c0f-c61c401d1024","Agency Directory","Browse our list of agency partners ","handshake",{"permalink":108},"/agency-directory",{"id":110,"title":111,"url":112,"description":113,"image":8,"icon":114,"page":115},"991731c8-eb40-4eec-85a5-6e977bcd7ec9","About Us","/about","Learn more about Directus and the team","supervised_user_circle",{"permalink":112},{"id":117,"title":118,"url":119,"description":120,"image":8,"icon":121,"page":8},"52aebf38-b3ad-4a27-807d-ce52398cd509","Wall of Love","https://testimonial.to/directus/all","See what others are saying about us","heart_plus",{"id":123,"title":124,"url":91,"description":125,"image":8,"icon":126,"page":127},"a86eca65-d5ae-4263-b7d9-4f1a1c50a0b1","Contact","Have a general inquiry or question for us?","mark_email_unread",{"permalink":128},"/contact",{"id":130,"title":131,"url":8,"description":132,"image":8,"icon":133,"page":134},"28225825-8d41-4809-9032-192fbf5c6e5d","Support","Reach out to Directus support","support",{"permalink":135},"/support",{"id":137,"title":138,"url":139,"callout":8,"callout_title":8,"children_title":8,"page":8,"children":140},"a3f1275d-b088-4b11-99bf-143fcbf39104","Developers","/docs",[],{"id":142,"title":143,"url":144,"callout":8,"callout_title":8,"children_title":8,"page":145,"children":147},"fae8fded-d2e2-468e-a68b-82abec7a7225","Enterprise","/solutions/enterprise/",{"permalink":146},"/solutions/enterprise",[],{"id":149,"title":150,"url":151,"callout":8,"callout_title":8,"children_title":8,"page":152,"children":154},"5c5e2fbc-49fd-4e41-a71e-e4f8db2b00cf","Pricing","/pricing/",{"permalink":153},"/pricing/self-hosted",[],{"items":156},[157,174,193,212],{"id":158,"title":159,"url":8,"page":8,"children":160},"522e608a-77b0-4333-820d-d4f44be2ade1","Solutions",[161,164,167,171],{"id":162,"title":15,"url":8,"page":163},"fcafe85a-a798-4710-9e7a-776fe413aae5",{"permalink":20},{"id":165,"title":23,"url":8,"page":166},"79972923-93cf-4777-9e32-5c9b0315fc10",{"permalink":28},{"id":168,"title":169,"url":8,"page":170},"0fa8d0c1-7b64-4f6f-939d-d7fdb99fc407","Product Information",{"permalink":36},{"id":172,"title":173,"url":40,"page":8},"63946d54-6052-4780-8ff4-91f5a9931dcc","100+ Things to Build",{"id":175,"title":76,"url":8,"page":8,"children":176},"8ab4f9b1-f3e2-44d6-919b-011d91fe072f",[177,181,185,189],{"id":178,"title":179,"url":180,"page":8},"f951fb84-8777-4b84-9e91-996fe9d25483","Documentation","https://docs.directus.io",{"id":182,"title":183,"url":184,"page":8},"366febc7-a538-4c08-a326-e6204957f1e3","Guides","https://docs.directus.io/guides/",{"id":186,"title":187,"url":188,"page":8},"aeb9128e-1c5f-417f-863c-2449416433cd","Community","https://directus.chat",{"id":190,"title":191,"url":192,"page":8},"da1c2ed8-0a77-49b0-a903-49c56cb07de5","Release Notes","https://github.com/directus/directus/releases",{"id":194,"title":131,"url":8,"page":8,"children":195},"d61fae8c-7502-494a-822f-19ecff3d0256",[196,200,204,208],{"id":197,"title":198,"url":199,"page":8},"8c43c781-7ebd-475f-a931-747e293c0a88","Issue Tracker","https://github.com/directus/directus/issues",{"id":201,"title":202,"url":203,"page":8},"d77bb78e-cf7b-4e01-932a-514414ba49d3","Feature Requests","https://github.com/directus/directus/discussions?discussions_q=is:open+sort:top",{"id":205,"title":206,"url":207,"page":8},"4346be2b-2c53-476e-b53b-becacec626a6","Community Chat","https://discord.com/channels/725371605378924594/741317677397704757",{"id":209,"title":210,"url":211,"page":8},"26c115d2-49f7-4edc-935e-d37d427fb89d","Cloud Dashboard","https://directus.cloud",{"id":213,"title":214,"url":8,"page":8,"children":215},"49141403-4f20-44ac-8453-25ace1265812","Organization",[216,220,225,229],{"id":217,"title":218,"url":112,"page":219},"1f36ea92-8a5e-47c8-914c-9822a8b9538a","About",{"permalink":112},{"id":221,"title":222,"url":91,"page":223},"b84bf525-5471-4b14-a93c-225f6c386005","Careers",{"permalink":224},"/careers",{"id":226,"title":227,"url":228,"page":8},"86aabc3a-433d-434b-9efa-ad1d34be0a34","Brand Assets","https://drive.google.com/drive/folders/1lBOTba4RaA5ikqOn8Ewo4RYzD0XcymG9?usp=sharing",{"id":230,"title":124,"url":8,"page":231},"8d2fa1e3-198e-4405-81e1-2ceb858bc237",{"permalink":128},{"items":233},[234,240,246,252],{"id":235,"title":236,"url":8,"page":237,"children":239},"8a1b7bfa-429d-4ffc-a650-2a5fdcf356da","Cloud Policies",{"permalink":238},"/cloud-policies",[],{"id":241,"title":242,"url":91,"page":243,"children":245},"bea848ef-828f-4306-8017-6b00ec5d4a0c","License",{"permalink":244},"/bsl",[],{"id":247,"title":248,"url":91,"page":249,"children":251},"4e914f47-4bee-42b7-b445-3119ee4196ef","Terms",{"permalink":250},"/terms",[],{"id":253,"title":254,"url":91,"page":255,"children":257},"ea69eda6-d317-4981-8421-fcabb1826bfd","Privacy",{"permalink":256},"/privacy",[],{"description":259},"\u003Cp>A composable backend to build your Headless CMS, BaaS, and more. \u003C/p>",{"header_cta_buttons":261},"74634853-196b-4ce3-b256-4534c054838f",{"id":263,"node_id":264,"name":265,"full_name":266,"private":267,"owner":268,"html_url":285,"description":286,"fork":267,"url":287,"forks_url":288,"keys_url":289,"collaborators_url":290,"teams_url":291,"hooks_url":292,"issue_events_url":293,"events_url":294,"assignees_url":295,"branches_url":296,"tags_url":297,"blobs_url":298,"git_tags_url":299,"git_refs_url":300,"trees_url":301,"statuses_url":302,"languages_url":303,"stargazers_url":304,"contributors_url":305,"subscribers_url":306,"subscription_url":307,"commits_url":308,"git_commits_url":309,"comments_url":310,"issue_comment_url":311,"contents_url":312,"compare_url":313,"merges_url":314,"archive_url":315,"downloads_url":316,"issues_url":317,"pulls_url":318,"milestones_url":319,"notifications_url":320,"labels_url":321,"releases_url":322,"deployments_url":323,"created_at":324,"updated_at":325,"pushed_at":326,"git_url":327,"ssh_url":328,"clone_url":329,"svn_url":285,"homepage":330,"size":331,"stargazers_count":332,"watchers_count":332,"language":333,"has_issues":334,"has_projects":334,"has_downloads":334,"has_wiki":267,"has_pages":267,"has_discussions":334,"forks_count":335,"mirror_url":8,"archived":267,"disabled":267,"open_issues_count":336,"license":337,"allow_forking":334,"is_template":267,"web_commit_signoff_required":267,"has_pull_requests":334,"pull_request_creation_policy":342,"topics":343,"visibility":284,"forks":335,"open_issues":336,"watchers":332,"default_branch":362,"temp_clone_token":8,"custom_properties":363,"organization":364,"network_count":335,"subscribers_count":365},7122594,"MDEwOlJlcG9zaXRvcnk3MTIyNTk0","directus","directus/directus",false,{"login":265,"id":269,"node_id":270,"avatar_url":271,"gravatar_id":272,"url":273,"html_url":274,"followers_url":275,"following_url":276,"gists_url":277,"starred_url":278,"subscriptions_url":279,"organizations_url":280,"repos_url":281,"events_url":282,"received_events_url":283,"type":214,"user_view_type":284,"site_admin":267},15967950,"MDEyOk9yZ2FuaXphdGlvbjE1OTY3OTUw","https://avatars.githubusercontent.com/u/15967950?v=4","","https://api.github.com/users/directus","https://github.com/directus","https://api.github.com/users/directus/followers","https://api.github.com/users/directus/following{/other_user}","https://api.github.com/users/directus/gists{/gist_id}","https://api.github.com/users/directus/starred{/owner}{/repo}","https://api.github.com/users/directus/subscriptions","https://api.github.com/users/directus/orgs","https://api.github.com/users/directus/repos","https://api.github.com/users/directus/events{/privacy}","https://api.github.com/users/directus/received_events","public","https://github.com/directus/directus","The flexible backend for all your projects 🐰 Turn your DB into a headless CMS, admin panels, or apps with a custom UI, instant APIs, auth & more.","https://api.github.com/repos/directus/directus","https://api.github.com/repos/directus/directus/forks","https://api.github.com/repos/directus/directus/keys{/key_id}","https://api.github.com/repos/directus/directus/collaborators{/collaborator}","https://api.github.com/repos/directus/directus/teams","https://api.github.com/repos/directus/directus/hooks","https://api.github.com/repos/directus/directus/issues/events{/number}","https://api.github.com/repos/directus/directus/events","https://api.github.com/repos/directus/directus/assignees{/user}","https://api.github.com/repos/directus/directus/branches{/branch}","https://api.github.com/repos/directus/directus/tags","https://api.github.com/repos/directus/directus/git/blobs{/sha}","https://api.github.com/repos/directus/directus/git/tags{/sha}","https://api.github.com/repos/directus/directus/git/refs{/sha}","https://api.github.com/repos/directus/directus/git/trees{/sha}","https://api.github.com/repos/directus/directus/statuses/{sha}","https://api.github.com/repos/directus/directus/languages","https://api.github.com/repos/directus/directus/stargazers","https://api.github.com/repos/directus/directus/contributors","https://api.github.com/repos/directus/directus/subscribers","https://api.github.com/repos/directus/directus/subscription","https://api.github.com/repos/directus/directus/commits{/sha}","https://api.github.com/repos/directus/directus/git/commits{/sha}","https://api.github.com/repos/directus/directus/comments{/number}","https://api.github.com/repos/directus/directus/issues/comments{/number}","https://api.github.com/repos/directus/directus/contents/{+path}","https://api.github.com/repos/directus/directus/compare/{base}...{head}","https://api.github.com/repos/directus/directus/merges","https://api.github.com/repos/directus/directus/{archive_format}{/ref}","https://api.github.com/repos/directus/directus/downloads","https://api.github.com/repos/directus/directus/issues{/number}","https://api.github.com/repos/directus/directus/pulls{/number}","https://api.github.com/repos/directus/directus/milestones{/number}","https://api.github.com/repos/directus/directus/notifications{?since,all,participating}","https://api.github.com/repos/directus/directus/labels{/name}","https://api.github.com/repos/directus/directus/releases{/id}","https://api.github.com/repos/directus/directus/deployments","2012-12-12T01:35:36Z","2026-03-18T14:36:38Z","2026-03-18T15:43:33Z","git://github.com/directus/directus.git","git@github.com:directus/directus.git","https://github.com/directus/directus.git","https://directus.io",438225,34516,"TypeScript",true,4638,385,{"key":338,"name":339,"spdx_id":340,"url":8,"node_id":341},"other","Other","NOASSERTION","MDc6TGljZW5zZTA=","all",[48,344,345,346,347,348,265,349,350,351,352,353,354,355,356,357,358,359,360,361],"app","cms","composable","data-visualization","database","graphql","headless-cms","javascript","mariadb","mssql","mysql","no-code","node","postgresql","sql","sqlite","typescript","vue","main",{},{"login":265,"id":269,"node_id":270,"avatar_url":271,"gravatar_id":272,"url":273,"html_url":274,"followers_url":275,"following_url":276,"gists_url":277,"starred_url":278,"subscriptions_url":279,"organizations_url":280,"repos_url":281,"events_url":282,"received_events_url":283,"type":214,"user_view_type":284,"site_admin":267},326,{"id":9,"title":367,"description":368,"image":369,"external_url":8,"icon":8,"badge":8,"page":370,"resource":8},"Built With Directus","See what everyone's been building with Directus","e658de72-fb08-4ed2-8029-215c712c789e",{"permalink":371},"/built-with-directus",{"id":77,"title":373,"description":374,"image":375,"external_url":376,"icon":377,"badge":378,"page":8,"resource":8},"Directus TV","Go down the rabbit hole with hours of original video content from our team. ","ab70faf5-fc28-4608-a7e7-74fd4f020a9d","/tv","connected_tv","Video",{"alignment":380,"style":381,"experiment_enabled":267,"experiment":8,"experiment_variant":382,"buttons":385,"variants":395},"center","default",{"id":383,"key":384,"experiment":8},"8c4951b4-a6f9-4c06-9f71-fd39a3bdad1e","control",[386,389,392],{"id":387,"block_button_id":388},15,"358b0659-1f05-4427-bd1c-4bc03a43c182",{"id":390,"block_button_id":391},16,"9df3f40e-6272-4ec6-a0d7-cc29265e087c",{"id":393,"block_button_id":394},232,"1b444c23-b593-4391-9410-4ca5d2c7a7cb",[396],{"id":397,"alignment":380,"style":381,"buttons":398,"experiment_variant":405},"e1885d45-3119-41a3-8294-3cd796ea6f02",[399,402],{"id":400,"block_button_id":401},203,"ade37731-147d-48c4-864a-cec007576362",{"id":403,"block_button_id":404},202,"1cb4e89f-f7de-4b46-bbb8-080191517a72",{"id":406,"key":407},"66d2be4f-2492-4944-8060-039c15515918","variant",{"id":409,"icon":377,"content":410,"link":411},"812bf73d-ebfb-4246-9538-937a09a0c795","Learn more about our native MCP","https://directus.io/mcp",{"id":388,"external_url":8,"label":413,"color":414,"outline":267,"icon":8,"size":415,"target":416,"ph_event":8,"page":417,"resource":8},"Book a Demo","primary","medium","_self",{"permalink":418},"/demo",{"id":391,"external_url":420,"label":421,"color":422,"outline":267,"icon":8,"size":415,"target":416,"ph_event":8,"page":8,"resource":8},"https://directus.cloud/account/register","Get Started","secondary",{"id":394,"external_url":211,"label":424,"color":422,"outline":334,"icon":425,"size":415,"target":416,"ph_event":8,"page":8,"resource":8},"Log In","arrow_forward",{"title":367,"spacing_top":427,"id":428,"layout":8,"blocks":429,"seo":444},"small","0b5e3fc4-3856-4dcc-9041-a3e796424bed",[430,438],{"id":431,"background":432,"collection":433,"item":434,"negative_offset":267,"spacing":435,"sort":436,"width":437,"key":8,"hidden":267,"experiment":8,"experiment_variant":8},747,"pristine-white-lines","block_header","8e92a28b-1bb9-4bc2-b38f-5ecf4363659f","x-small",1,"standard",{"id":439,"background":440,"collection":441,"item":442,"negative_offset":267,"spacing":427,"sort":443,"width":437,"key":8,"hidden":267,"experiment":8,"experiment_variant":8},748,"pristine-white","block_directory","8b5f8a57-ffe8-497b-bdbf-d66a39464b48",2,{"title":445,"meta_description":446,"no_follow":267,"no_index":267,"canonical_url":8,"json_ld":8},"Built With Directus | Customer Showcase & Examples","See what developers and teams are building with Directus. Explore real-world projects, apps, and digital experiences powered by our open data platform.",{"style":448,"grid":449,"collection":450,"filter":451,"title_size":427,"group_by":8},"image-fill-16-9","3","projects",{"_and":452},[453],{"status":454},{"_eq":455},"published",{"id":434,"preheading":8,"heading":457,"subheading":458,"alignment":459,"heading_size":460,"heading_tag":461,"button_group":8,"subheading_color":462,"subheading_type":381,"command":8},"Directus \u003Cem>Showcase\u003C/em>","\u003Cp>Discover websites, apps, and other digital projects built with Directus.\u003C/p>","left","x-large","h2","subdued",[464,479,494,515,529,550,569,580,591,602,618,636,649,657,671,687,701,713,724,734,748,767,782,797,810,825,841,854,872,886,899,912,924,939,951,967,981,997,1009,1021,1033,1051,1066,1085,1101,1115,1135,1148,1161,1175,1191,1205,1218,1230,1247,1260,1278,1295,1309,1325,1340,1355,1370,1387,1403,1422,1438,1454,1471,1490,1507,1524,1549,1567,1586,1601],{"date_published":8,"date_created":8,"date_updated":8,"sort":8,"website_metadata":8,"website_screenshot":8,"built_with":465,"featured_image":468,"partner":469,"id":443,"use_cases":8,"content":470,"short_summary":471,"client_name":472,"project_title":473,"slug":474,"website":475,"status":455,"image_gallery":476},[466,467],"Nuxt","Vue.js","aaa5ac70-534a-4f5f-99e5-89421e775a13","7ab07cef-d4b1-46b0-8938-893e6112edef","\u003Cp>The AOK Landingpage Generator can generate several hundred landing pages with one click and thus increases the number of online membership applications of the AOK Bayern.\u003Cbr>\u003Cbr>Nuxt generates the appropriate landing pages for the Google campaign based on the Directus data and keywords.\u003Cbr>\u003Cbr>One SEA landing page per keyword does not cover the entire audience. Each target group has different needs that can be addressed on the landing page, and over 1000 landing pages have now been automatically displayed.\u003Cbr>\u003Cbr>- Modern and reduced look in the AOK color scheme\u003Cbr>- Precisely tailored information through individual content display (keywords + audiences)\u003Cbr>- Sensible clustering of information, target groups, services and offers\u003Cbr>- Effective user guidance through well-placed content\u003Cbr>- Highly visible CTA elements to enable the switch their insurance to AOK in just a few steps\u003Cbr>- Continuous optimization with tracking tools and A/B tests\u003C/p>","Targeted, innovative, individual! The Landingpage Generator of the AOK Bayern. The AOK Landingpage Generator can generate several hundred landing pages with one click and thus increases the number of online membership applications of the AOK Bayern.","AOK Bavaria","AOK Landingpage Generator","einfachgesund-de","https://einfachgesund.de/",[436,443,477,478],3,4,{"date_published":8,"date_created":8,"date_updated":8,"sort":8,"website_metadata":8,"website_screenshot":8,"built_with":480,"featured_image":481,"partner":469,"id":477,"use_cases":8,"content":482,"short_summary":483,"client_name":472,"project_title":484,"slug":485,"website":486,"status":455,"image_gallery":487},[466],"097bcaab-d123-4b1c-b028-4886384980d9","\u003Cp>After a consultation, a customized landing page with suitable topics and offers (a \"digital service portfolio\") is sent to the potential customer via e-mail. The aim is to persuade the customer to switch to AOK Bayern more quickly and transparently and to increase the number of contracts. \u003Cbr>Furthermore Mindbox aims for:\u003Cbr>- Piloting of a sales microsite\u003Cbr>- Easier/ faster/ more efficient support for potential customers\u003Cbr>- Individual customer language, compact information packages\u003Cbr>- information packages and the possibility of a personal\u003Cbr>contact person for all questions relating to the change of insurer\u003Cbr>- Removing hurdles from the initial consultation to the conclusion of a contract\u003C/p>","Personal and digital: Mindbox optimizes the AOK consultation.","AOK Digital Portfolio","mindbox-de-arbeiten-digitale-berater-mappe-aok-bayern","https://www.mindbox.de/arbeiten/digitale-berater-mappe-aok-bayern",[488,489,490,491,492,493],5,6,7,8,9,10,{"date_published":8,"date_created":8,"date_updated":8,"sort":8,"website_metadata":8,"website_screenshot":8,"built_with":495,"featured_image":502,"partner":503,"id":478,"use_cases":8,"content":504,"short_summary":505,"client_name":506,"project_title":507,"slug":508,"website":509,"status":455,"image_gallery":510},[496,497,498,499,500,467,501],"Directus","Node.js","PostgreSQL","QuasarFramework","SQLite","iOsSwift","0e1f36a7-c0de-4abe-a540-163299ffaacf","ba2daff7-7471-4d86-95be-81d62496af7b","\u003Cdiv class=\"has_eae_slider elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-b8c233a\" data-id=\"b8c233a\" data-element_type=\"column\">\n\u003Cdiv class=\"elementor-widget-wrap elementor-element-populated\">\n\u003Cdiv class=\"elementor-element elementor-element-62040c6 elementor-widget elementor-widget-heading\" data-id=\"62040c6\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\u003Cblockquote>\n\u003Cdiv class=\"elementor-widget-container\">\u003Cem>There’s so much more opportunity for us and our business to expand into whatever we can put our hands on. Just knowing that the integration is possible, we’re able to tailor it to our needs and get exactly what we need out of custom software.”\u003C/em>\u003Cbr>\u003Cem>- Anna Volleman, CFO at Volleman's Family Farm\u003C/em>\u003C/div>\n\u003C/blockquote>\n\u003Cdiv class=\"elementor-widget-container\"> \u003C/div>\n\u003Cdiv class=\"elementor-widget-container\">\u003Cspan style=\"font-size: 24px; font-weight: bold;\">How Volleman’s Family Farm Transformed Their Delivery Operations\u003C/span>\n\u003Cp>In 2020, the Volleman’s Family Farm began producing their own glass-bottled milk products that feature unique flavors. Within 18 months, they grew to delivering to over 450+ stores across Texas. They turned to SPARK to automate their delivery operations by turning their paper-based ticket system into a custom mobile app and backend portal.\u003C/p>\n\u003C/div>\n\u003C/div>\n\u003C/div>\n\u003C/div>\n\u003Cdiv class=\"has_eae_slider elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-6b68ed6\" data-id=\"6b68ed6\" data-element_type=\"column\">\n\u003Ch2 class=\"elementor-heading-title elementor-size-default\">The Challenge\u003C/h2>\n\u003Cp>After building their own processing plant for their unique, glass-bottled milk products, the Volleman’s Family Farm experienced rapid growth. Within 18 months, they were delivering to over 450 stores across Texas! \u003Cbr>\u003Cbr>But behind the scenes, their operations weren’t as smooth. \u003C/p>\n\u003Cblockquote>\n\u003Cp>\u003Cem>We started out with my brother-in-law delivering in our one truck with paper tickets,” remarked Anna Volleman, CFO. “As the business grew, we were manually entering 600 to 700 order tickets each week into our accounting system back in the main office.”\u003C/em>\u003C/p>\n\u003C/blockquote>\n\u003Cp>Initially, the Vollemans tried off-the-shelf solutions, but found them too rigid. After some research, they discovered SPARK and clicked with the team’s transparent and collaborative approach to custom software development.\u003C/p>\n\u003Cdiv class=\"has_eae_slider elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-425632d\" data-id=\"425632d\" data-element_type=\"column\">\n\u003Cdiv class=\"elementor-widget-wrap elementor-element-populated\">\n\u003Cdiv class=\"elementor-element elementor-element-25ac74c elementor-widget elementor-widget-heading\" data-id=\"25ac74c\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\u003Cdiv class=\"elementor-widget-container\">\n\u003Ch2 class=\"elementor-heading-title elementor-size-default\">The Solution\u003Cbr>\u003Cbr>\u003C/h2>\n\u003C/div>\n\u003C/div>\n\u003Cdiv id=\"solutions\" class=\"elementor-element elementor-element-6ac4b61 elementor-widget elementor-widget-text-editor\" data-id=\"6ac4b61\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\u003Cdiv class=\"elementor-widget-container\">Working with the SPARK team, they developed a custom mobile app to manage and track their bottled milk deliveries to stores, along with a backend portal that shows real-time delivery data. No more paper tickets and manual data entry.\n\u003Cul class=\"case-bullots\">\n\u003Cli>Item data and sales orders from their ERP system NetSuite automatically sync to the mobile app.\u003C/li>\n\u003Cli>Driver delivery team uses the app to view and manage their daily deliveries and routes.\u003C/li>\n\u003Cli>After delivery, drivers can create real-time invoices and credits for their customers.\u003C/li>\n\u003Cli>Once a driver’s trip is complete, the app automatically pushes the invoices and credits back into their NetSuite ERP.\u003C/li>\n\u003C/ul>\nAfter launching the app, they were able to cut two office staff just processing paper tickets. With SPARK as their technology partner, the Vollemans have endless opportunities when expanding their business.\u003C/div>\n\u003C/div>\n\u003C/div>\n\u003C/div>\n\u003Cdiv class=\"has_eae_slider elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-a82e2de\" data-id=\"a82e2de\" data-element_type=\"column\">\n\u003Cdiv class=\"elementor-widget-wrap elementor-element-populated\">\n\u003Cdiv class=\"elementor-element elementor-element-4139164 elementor-widget elementor-widget-image\" data-id=\"4139164\" data-element_type=\"widget\" data-widget_type=\"image.default\">\u003Cbr>\u003Ca href=\"https://sparkbusinessworks.com/case-studies/vollemans-family-farm/\" target=\"_blank\" rel=\"noopener\">Read the full case study here\u003C/a> and an \u003Ca href=\"https://sparkbusinessworks.com/blog/vollemans-custom-mobile-app/\" target=\"_blank\" rel=\"noopener\">exclusive interview with Volleman's here. \u003C/a>\u003C/div>\n\u003C/div>\n\u003C/div>\n\u003C/div>","Within 18 months, Volleman's Family Farm grew to delivering glass-bottled milk products to over 450+ stores across Texas. They turned to SPARK to automate their delivery operations by turning their paper-based ticket system into a custom mobile app and backend portal.","Volleman’s Family Farm","How Volleman’s Family Farm Transformed Their Delivery Operations","vollemansdairy-com","https://vollemansdairy.com/",[511,512,513,514,387],11,12,13,14,{"date_published":8,"date_created":8,"date_updated":8,"sort":8,"website_metadata":8,"website_screenshot":8,"built_with":516,"featured_image":518,"partner":503,"id":488,"use_cases":8,"content":519,"short_summary":520,"client_name":521,"project_title":522,"slug":523,"website":8,"status":455,"image_gallery":524},[496,517],"MicrosoftAccess","99a86e44-5af0-48f3-9626-7a917107feab","\u003Cblockquote>\n\u003Cp>SPARK has been a wonderful partner. We meet every week and talk through new ideas and feature enhancements. I’m able to say, this is a sticky point for us. What are your thoughts? How doable is that? What are the potential directions that we could go in?.\u003Cbr>- Amanda Bashore, Capacity Enhancement Manager, Kalamazoo Promise\u003C/p>\n\u003C/blockquote>\n\u003Ch2 class=\"elementor-heading-title elementor-size-default\">Custom Software is Powering Michigan's Community Scholarship Program\u003C/h2>\n\u003Cp>Since its start in 2006, The Kalamazoo Promise offers place-based scholarships for Kalamazoo, MI students that cover up to 100% of tuition and fees for eligible Michigan institutions, apprenticeships, trade programs, community colleges, universities, and more. They turned to local partner SPARK to create a custom portal to support their student outreach and to facilitate a smoother online scholarship application process.\u003C/p>\n\u003Cdiv class=\"elementor-element elementor-element-00a314e elementor-widget elementor-widget-heading\" data-id=\"00a314e\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\u003Cdiv class=\"elementor-widget-container\">\n\u003Ch2 class=\"elementor-heading-title elementor-size-default\">The Challenge\u003C/h2>\n\u003C/div>\n\u003C/div>\n\u003Cdiv class=\"elementor-element elementor-element-4a18e8c elementor-widget elementor-widget-text-editor\" data-id=\"4a18e8c\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\u003Cdiv class=\"elementor-widget-container\">\n\u003Cp>To manage their program and outreach over the years, the \u003Ca href=\"https://www.kalamazoopromise.com/\" target=\"_blank\" rel=\"noopener\">Kalamazoo Promise team\u003C/a> initially built a Microsoft Access database to process and manage scholarship applications. They also relied heavily on paper forms and Excel spreadsheets to manage students and their scholarship status.\u003C/p>\n\u003Cp>But as their team and program grew, these manual processes were delaying application approvals and made it difficult to manage 1-on-1 outreach and communication with thousands of eligible students. Because of our strong local ties, Kalamazoo Promise selected SPARK to build and upgrade their custom portal application.\u003C/p>\n\u003Cdiv class=\"elementor-element elementor-element-25ac74c elementor-widget elementor-widget-heading\" data-id=\"25ac74c\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\u003Cdiv class=\"elementor-widget-container\">\n\u003Ch2 class=\"elementor-heading-title elementor-size-default\">The Solution\u003C/h2>\n\u003C/div>\n\u003C/div>\n\u003Cdiv class=\"elementor-element elementor-element-6ac4b61 elementor-widget elementor-widget-text-editor\" data-id=\"6ac4b61\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\u003Cdiv class=\"elementor-widget-container\">\n\u003Cp>After an initial discovery phase, SPARK built a new custom database system with three main portals:\u003C/p>\n\u003Cul>\n\u003Cli aria-level=\"1\">\u003Cstrong>Staff Portal: \u003C/strong>Allows staff to communicate with students for targeted outreach and to track individual scholarship status. \u003C/li>\n\u003Cli aria-level=\"1\">\u003Cstrong>Student Portal:\u003C/strong> Automates the application process by allowing students to submit forms online and view updates for status and approval. \u003C/li>\n\u003Cli aria-level=\"1\">\u003Cstrong>School Portal: \u003C/strong>Allows partner schools to review and manage their student rosters and records of scholarship invoices. \u003C/li>\n\u003Cli aria-level=\"1\"> \u003C/li>\n\u003C/ul>\n\u003Cp>From the digitization of application forms to targeted outreach, SPARK continues to help Kalamazoo Promise build out custom solutions focused on the unique needs of its staff and new programs.\u003Cbr>\u003Cbr>\u003Cstrong>\u003Ca href=\"https://sparkbusinessworks.com/case-studies/kalamazoo-promise/\" target=\"_blank\" rel=\"noopener\">Read the full case study here\u003C/a> and an \u003Ca href=\"https://sparkbusinessworks.com/blog/\" target=\"_blank\" rel=\"noopener\">exclusive interview with Kalamazoo Promise here.\u003C/a> \u003C/strong>\u003C/p>\n\u003C/div>\n\u003C/div>\n\u003C/div>\n\u003C/div>","The Kalamazoo Promise offers place-based scholarships for Kalamazoo, MI students that cover up to 100% of tuition and fees for eligible education programs. They turned to local partner SPARK to create a custom portal to support their student outreach and to facilitate a smoother online scholarship application process.","Kalamazoo Promise","Custom Software is Powering Michigan's Community Scholarship Program","kalamazoo-promise",[390,525,526,527,528],17,18,19,20,{"date_published":8,"date_created":8,"date_updated":530,"sort":8,"website_metadata":8,"website_screenshot":531,"built_with":532,"featured_image":534,"partner":535,"id":489,"use_cases":536,"content":539,"short_summary":540,"client_name":541,"project_title":542,"slug":543,"website":544,"status":455,"image_gallery":545},"2025-07-16T11:48:16.043Z","f820a516-77b5-4522-ac76-6cfc3141a6ba",[496,466,533,467],"Shopify","0083177b-169e-4856-b015-236f8be51aad","1ef1f991-972e-400f-ac8c-b2c479ce383a",[537,538],"CMS","eCommerce","\u003Cp>Forellen Jobst, a family business in Carinthia since 1977, offers traditional fish farming and is increasingly focusing on digital direct sales. With unique features such as the use of spring water and dry aging, the company emphasizes sustainability, quality and the welfare of the fish.\u003C/p>\n\u003Cp>In preparation for increased sales to end customers and restaurants in the future, we advised Forellen Jobst to reposition the brand and brought Bureau F on board for the brand design.\u003C/p>\n\u003Cp>A central step in this process was the creation of a new web store and an accompanying website. In addition, a short, authentic documentary about the company was created together with Roland Schafek, which vividly presents the history, methods and values of Forellen Jobst. This documentary not only provides information, but also creates an emotional bond between the company and its customers.\u003C/p>","The over all creation of a new web store and an accompanying brand website, built with Direcuts connected to Shopify for elevated e-commerce logic & a lightweight front-end in vue.js. ","Forellen Jobst","Von der Quelle zur Forelle","forellen-jobst-at","https://forellen-jobst.at/",[546,547,548,549],21,22,23,24,{"date_published":8,"date_created":8,"date_updated":8,"sort":8,"website_metadata":8,"website_screenshot":551,"built_with":552,"featured_image":555,"partner":556,"id":490,"use_cases":557,"content":559,"short_summary":560,"client_name":561,"project_title":562,"slug":563,"website":564,"status":455,"image_gallery":565},"7cec2c3a-1c45-4eac-926c-f8de86017eb0",[553,554],"Next.js","React","86c380e5-d906-4cbd-a5d6-a14223c7d09f","865b4c44-17f8-41c5-89a5-cc4a2229cefc",[537,558],"Backend","\u003Cp>Wildlife Immersive Experience and Education Platform is a project by the Zoological Park Organization of Thailand (ZPOT) to create a seamless experience for zoo travelers to Thai people.\u003C/p>\n\u003Cp>The main features of the project consist of Live Streaming, Immersive 3D- models, Video Content, and articles.\u003C/p>\n\u003Cp>For the security part, we built an AI system to connect with a camera to detect animal behavior to help zookeepers to be able to monitor or get real-time notifications.\u003C/p>","We built a Live Streaming Platform for Open Zoo and AI-led security iOT system.","The Zoological Park Organization of Thailand","Wildlife Immersive Experience and Education Platform","zoodio-live-th","https://www.zoodio.live/th",[566,567,568],25,26,27,{"date_published":8,"date_created":8,"date_updated":8,"sort":8,"website_metadata":8,"website_screenshot":8,"built_with":8,"featured_image":570,"partner":571,"id":491,"use_cases":572,"content":573,"short_summary":574,"client_name":575,"project_title":576,"slug":577,"website":578,"status":455,"image_gallery":579},"e7f1d16c-868f-4b26-a365-4361f3872538","0ef4dad3-aada-4433-b18f-2e5ddc6bf61b",[537],"\u003Cdiv>Uphold’s B2B team wanted to create a new on-ramp crypto purchase method\u003C/div>\n\u003Cp>As their B2C products, like their Wallet, were already providing great results and already making a statement in the cryptocurrency market, it was time to reach out to other customers.\u003C/p>\n\u003Cp>Uphold wanted to build an on-ramp payment platform that would allow new customers to buy cryptocurrencies with ease, Topper, using as leverage the already well-implemented wallet and exchange platform that they already had. The goal was also to reach the B2B market, allowing Uphold to provide a solution to partners that would solve their problems.\u003C/p>\n\u003Cdiv>A secure, user-friendly on-ramp payment method ready for the market\u003C/div>\n\u003Cdiv>\n\u003Cp>Topper, a regulatory-compliant on-ramp widget for purchasing cryptocurrency, was a result of our research-driven design process and careful attention to legal and compliance requirements. The widget’s compliance with KYC and jurisdictional policies ensured that Uphold was able to operate legally and avoid any regulatory issues.\u003C/p>\n\u003Cp>This back-and-forth with the legal and compliance team was clearly the biggest challenge that this project had, and we like to believe that we were only able to solve it because we truly worked as a single team, uniting efforts for a single purpose: create the easiest way possible to purchase cryptocurrencies.\u003C/p>\n\u003Cp>The fast-paced iterative process quickly uncovered the challenges of a seemingly straightforward flow, and at the same time, quickly stepped up to solve them as they came.\u003C/p>\n\u003C/div>","We developed a secure platform for purchasing cryptocurrencies, ensuring regulatory compliance and protecting user assets. Our services encompassed research, design, and development to create an intuitive and secure user experience. The outcomes include a regulatory compliance widget and a streamlined purchasing process, making cryptocurrency transactions easy and secure for our clients.","Uphold","Creating Topper, a Seamless User Experience in the Cryptocurrency Industry","topperpay-com","https://www.topperpay.com/",[],{"date_published":8,"date_created":8,"date_updated":8,"sort":8,"website_metadata":8,"website_screenshot":581,"built_with":8,"featured_image":582,"partner":571,"id":492,"use_cases":583,"content":584,"short_summary":585,"client_name":586,"project_title":587,"slug":588,"website":589,"status":455,"image_gallery":590},"11bf06dc-5df6-4fff-ad9b-ee4e0840d51e","0232d254-222f-42ac-96b6-a0776807b90a",[537],"\u003Ch4>Untile was originally approached with an idea of what was intended thought through already, which is always, in and of itself, a challenge.\u003C/h4>\n\u003Cp>We didn’t have the ability to propose something we felt fell within our wheelhouse of knowledge and had to, in fact, figure out how to meet fully fledged expectations. This was made even more complicated by the fact that there was nothing on the market in any way similar to what i-charging wanted.\u003C/p>\n\u003Cp>This amounted to a fully ecosystem of apps that would work in tandem to ease a very specific action: charge an electric vehicle in a simple and intuitive way.\u003C/p>\n\u003Ch4>None of this was possible with the solutions currently available on the market\u003C/h4>\n\u003Cp>We developed a full ecosystem of apps that can operate amongst themselves, including the charging station interface, the mobile app, and the maintenance app.\u003C/p>\n\u003Cp>The customer has given us some valuable feedback, particularly regarding the creation of the UI, which they thought was very much to their liking, and the workshops themselves, which allowed their team to deconstruct their whole process and figure out better solutions than the ones they had in mind.\u003C/p>\n\u003Cp>Our team learned quite a bit about the technology involved in charging these vehicles, which was a deeply enriching experience. This is not all we learned, however. By analyzing the entire process from the user’s point of view, we have grown our knowledge about these patterns and changed some preconceived notions about patterns and the linear processes that underlie these behaviors.\u003C/p>","i-charging came with a challenge to us: to develop an interface to provide support for charging electric vehicles in an easy and intuitive way for the end-user and compares favorably with current market offerings.\n\n","i-charging","How we helped i-charging beat the market","i-charging-pt","https://i-charging.pt/",[],{"date_published":8,"date_created":8,"date_updated":8,"sort":8,"website_metadata":8,"website_screenshot":592,"built_with":8,"featured_image":593,"partner":571,"id":493,"use_cases":594,"content":595,"short_summary":596,"client_name":597,"project_title":598,"slug":599,"website":600,"status":455,"image_gallery":601},"09b0fd52-35b7-4cfc-b439-8364d8b25b0e","2621d0a4-c314-4acb-b265-a576cba0fb74",[537,538],"\u003Ch4>Currently, Barkyn's online store is hosted on the Shopify platform. However, there are other personalized services in operation to facilitate integration with different systems.\u003C/h4>\n\u003Cp>By recognizing the importance of integrations, and seeking to improve the implementation of these services to ensure a more efficient and integrated operation, Barkyn arrived with a very clear challenge for our team.\u003C/p>\n\u003Cp>Their goal was to merge all their online retail offerings and establish a more resilient system that aligned with their present business requirements, enhancing customer satisfaction in the process.\u003C/p>\n\u003Cp>Our team at Untile managed, together with the client, to develop the necessary integrations to deliver autonomy to the client. In this sense, we set up a production test environment so that the client could have a solid base, where all their services are centralized and stabilized, and the Barkyn team could continue with the growth of the business.\u003C/p>\n\u003Cp>Thus, Untile was able to deliver an integration for Barkyn that will facilitate and support the business to go much further, always efficiently and at a high level.\u003C/p>","Development of APIs and services that facilitated the integration of e-commerce with external systems.","Barkyn","Unlocking e-commerce potential: a case study on Barkyn's API-driven data synchronization","barkyn-com","https://barkyn.com/",[],{"date_published":8,"date_created":8,"date_updated":8,"sort":8,"website_metadata":8,"website_screenshot":8,"built_with":603,"featured_image":606,"partner":607,"id":608,"use_cases":609,"content":610,"short_summary":611,"client_name":612,"project_title":613,"slug":614,"website":615,"status":455,"image_gallery":616},[604,605],"AWS","Angular","7a19c678-9984-45d9-8fe7-a085a4a17e0c","57a13d25-5f0a-43b3-bb59-328737edb373",41,[537],"\u003Cp>\u003Cstrong>Project goals and technical requirements\u003C/strong>\u003Cbr>\u003Cbr>The Wüstenrot PIS provides information about the products of the Wüstenrot Group for internal and external employees. Technically, the web application is based on Angular (frontend) and Directus (backend, headless CMS).\u003C/p>\n\u003Cp>\u003Cstrong>Features:\u003Cbr>\u003C/strong>\u003C/p>\n\u003Cul>\n\u003Cli>Progressive web application\u003C/li>\n\u003Cli>Comprehensive permissions system\u003C/li>\n\u003Cli>Headless CMS for content management\u003C/li>\n\u003Cli>Modern design in line with corporate design\u003C/li>\n\u003C/ul>\n\u003Cp>\u003Cstrong>Results:\u003C/strong>\u003C/p>\n\u003Cul>\n\u003Cli>Web-based information system\u003C/li>\n\u003Cli>Centralised content management\u003C/li>\n\u003Cli>Flexible rights and roles system\u003C/li>\n\u003C/ul>","The Wüstenrot Product Information System (PIS) enables both internal and external employees to find out about the company's products and the latest news. Apps, pages, articles and sidebar elements can be efficiently managed via the backend.\n\nContent can be personalised according to user groups.","Wüstenrot Technology GmbH","PIS - Product Information System","pis-wuestenrot-at","https://pis.wuestenrot.at/login",[617],28,{"date_published":8,"date_created":8,"date_updated":8,"sort":8,"website_metadata":8,"website_screenshot":8,"built_with":619,"featured_image":621,"partner":607,"id":622,"use_cases":623,"content":625,"short_summary":626,"client_name":627,"project_title":628,"slug":629,"website":630,"status":455,"image_gallery":631},[604,605,620],"Astro","671dc748-264a-47df-9214-83432e43f9ef",42,[624],"Internal App","\u003Cp dir=\"ltr\">Building Mailfox has been a lot of fun. We were able to try out new technologies like Astro to build the landing page. Here’s an overview of the technical stack we used:\u003C/p>\n\u003Cp dir=\"ltr\">• If you want a blazingly fast landing page - use Astro. We have really enjoyed working with Astro and on top of that we have scored almost 100/100 on Google Pagespeed Insights.\u003C/p>\n\u003Cp dir=\"ltr\">• For the web app we used our old friend Angular in combination with some fancy styles and components from Tailwind and daisyUI.\u003C/p>\n\u003Cp dir=\"ltr\">• The backend is powered by Directus, an open-source data platform that makes managing content a breeze\u003C/p>\n\u003Cp dir=\"ltr\">• Docker is used to orchestrate Directus, Redis and nginx, providing a seamless and scalable environment\u003C/p>\n\u003Cp dir=\"ltr\">• All components are hosted on AWS, using Amplify and Elastic Beanstalk to automate deployment processes.\u003C/p>\n\u003Cp dir=\"ltr\">• As always, we used Amazon RDS for a simple and reliable database\u003C/p>\n\u003Cp dir=\"ltr\">This is our stack that we like to use and it has been very reliable in the past. We have used it to build many other applications.\u003C/p>\n\u003Cp> \u003C/p>","Mailfox is an easy-to-use tool that uses webhooks from Mailgun, Sendgrid, Postmark, Resend, Mailersend and Brevo to track bounced and missed emails. \n\nIf emails bounce or are not delivered, it will notify you immediately and give you instructions on how to fix the problem. ","Internal Project","Mailfox","mailfox-dev","https://www.mailfox.dev/",[632,633,634,635],29,30,31,32,{"date_published":8,"date_created":8,"date_updated":8,"sort":8,"website_metadata":8,"website_screenshot":8,"built_with":637,"featured_image":638,"partner":639,"id":640,"use_cases":641,"content":642,"short_summary":643,"client_name":644,"project_title":645,"slug":646,"website":647,"status":455,"image_gallery":648},[620],"f901bca6-6b48-43f2-b71f-64d216cd9e6d","9a4e8c5d-56ab-4c7a-97da-81a2a232175f",51,[537],"\u003Cp class=\"p1\">\u003Cstrong>Directus is an excellent choice for a headless CMS for a website like ours at skriptfabrik for several reasons:\u003C/strong>\u003C/p>\n\u003Cp class=\"p2\">\u003Cstrong>Flexibility and Customization\u003C/strong>\u003C/p>\n\u003Cp class=\"p3\">Directus is a highly flexible and customizable headless CMS that allows us to tailor the content management experience to our specific needs. It offers a schema-less design, giving us the freedom to define our data models and relationships without being constrained by predefined structures. This flexibility makes it well-suited for managing complex data structures and handling diverse content types, which is crucial for a company like skriptfabrik that offers a wide range of web development services.\u003C/p>\n\u003Cp class=\"p2\">\u003Cstrong>Developer-Friendly\u003C/strong>\u003C/p>\n\u003Cp class=\"p3\">Directus is a developer-friendly CMS that provides a robust RESTful API and GraphQL API, enabling developers to seamlessly integrate content management into any front-end framework or application. This API-first approach empowers developers to build custom front-end experiences using their preferred technologies, ensuring a consistent and modern user experience across different platforms.\u003C/p>\n\u003Cp class=\"p2\">\u003Cstrong>Ease of Use\u003C/strong>\u003C/p>\n\u003Cp class=\"p3\">Despite its powerful features, Directus maintains a user-friendly interface that makes it easy for our content creators to manage and publish content without requiring extensive technical knowledge. The intuitive admin panel provides a clear overview of content, allowing content creators to easily add, edit, and organize content without relying on developers.\u003C/p>\n\u003Cp class=\"p2\">\u003Cstrong>Scalability and Performance\u003C/strong>\u003C/p>\n\u003Cp class=\"p3\">Directus is a scalable and performant CMS that can handle large volumes of content and traffic. Its efficient architecture and database-agnostic nature ensure that our website can scale to meet our growing needs without compromising performance. This scalability is essential for us at skriptfabrik, as our website is likely to experience fluctuations in traffic and content volume.\u003C/p>\n\u003Cp class=\"p2\">\u003Cstrong>Open Source and Community\u003C/strong>\u003C/p>\n\u003Cp class=\"p3\">Directus is an open-source CMS with a thriving community of developers and contributors. This open-source nature ensures transparency, cost-effectiveness, and continuous improvement. The active community provides support, resources, and extensions, further enhancing the value of Directus as a CMS choice.\u003C/p>\n\u003Cp class=\"p1\">\u003Cstrong>Empowering skriptfabrik with Directus: A Perfect Match\u003C/strong>\u003C/p>\n\u003Cp class=\"p3\">In conclusion, Directus is an ideal headless CMS for our skriptfabrik website due to its flexibility, developer-friendliness, ease of use, scalability, performance, and open-source nature. It empowers developers to build modern and engaging front-end experiences while providing content creators with a user-friendly interface for managing and publishing content effectively. With Directus, skriptfabrik can create a dynamic and scalable website that effectively showcases their expertise and services to potential clients.\u003C/p>","We built a CMS with Directus for our skriptfabrik website.","skriptfabrik GmbH","skriptfabrik Website CMS","skriptfabrik-website-cms","https://www.skriptfabrik.com/en/",[622],{"date_published":8,"date_created":8,"date_updated":8,"sort":8,"website_metadata":8,"website_screenshot":8,"built_with":8,"featured_image":650,"partner":639,"id":651,"use_cases":8,"content":652,"short_summary":653,"client_name":8,"project_title":654,"slug":655,"website":8,"status":455,"image_gallery":656},"daf07f91-9907-4e62-8803-b7f8c1a4b99e",52,"\u003Ch2>What were the challenges?\u003C/h2>\n\u003Cp>- Incomplete product data in the ERP\u003Cbr>- Many time-consuming, manual processes\u003Cbr>- Lack of overview (products, stocks, prices, KPIs)\u003Cbr>- Error-prone architecture with bottlenecks\u003C/p>\n\u003Ch2>What did we do? (Tech Stack)\u003C/h2>\n\u003Cp>- We established Directus as a data platform and thus decided against a classic PIM (Product Information Management).\u003Cbr>- In addition to the products, the data platform Directus now also contains all data on stores, warehouses and various information for marketing.\u003Cbr>- With Channable, we have used a feed manager that has greatly simplified multi-marketplace management.\u003Cbr>- We introduced the order management system fulfillmenttools to establish a single source of truth for orders.\u003Cbr>- We were able to greatly simplify the pick & pack process with automated document printing using ezeep.\u003Cbr>- We used snowflake as a data lake to collect and transform all data.\u003Cbr>- We used n8n to link the various APIs with each other and established numerous workflows.\u003C/p>\n\u003Ch2>What have we achieved?\u003C/h2>\n\u003Cp>- Consolidation of all data in Directus, including from Fashioncloud, Salsify and the ERP\u003Cbr>- Sovereignty over all product data including convenient editing in Directus\u003Cbr>- Data consistency across all platforms\u003Cbr>- Inventory accuracy in all sales channels\u003Cbr>- Sale of products via a Shopify online store, Amazon, Zalando, Otto and Kaufland\u003Cbr>- Central and simple order and returns processing\u003C/p>\n\u003Cp>A complete success for us and for the customer!\u003C/p>","We used Directus as a Product Information Management (PIM) and Data Platform for a large fashion retailer to connect stores and warehouses with e-commerce.","PIM & Data Platform for Fashion E-Commerce","pim-data-platform-fashion-ecommerce",[608],{"date_published":8,"date_created":8,"date_updated":8,"sort":8,"website_metadata":8,"website_screenshot":8,"built_with":658,"featured_image":661,"partner":662,"id":663,"use_cases":8,"content":664,"short_summary":665,"client_name":666,"project_title":667,"slug":668,"website":669,"status":455,"image_gallery":670},[659,553,660,554],"Java","RabbitQ","bcb33577-3262-4521-84c7-ca446831bac9","eef4d22d-76e1-42ef-a6fe-ef3a492eaa08",53,"\u003Cp>A turn. A twist. A different way of doing things. A curiosity that drives us toward a new approach to understanding business travel.\u003Cbr>At Ween, we reinvent business travel to make it easier, more accessible, and adaptable to modern times. We believe that making things easy shouldn't be so difficult. That's why we've combined our knowledge of business travel and technology to serve the productivity of small and medium-sized enterprises, which make up the majority of companies in our country.\u003C/p>","Ween simplifies the management of your corporate travel, offering an easy and efficient way to handle everything from bookings to expense tracking","Ween","Ween Comercial Web","ween-comercial-web","https://weentravel.com/",[],{"date_published":8,"date_created":8,"date_updated":8,"sort":8,"website_metadata":8,"website_screenshot":8,"built_with":672,"featured_image":676,"partner":677,"id":678,"use_cases":679,"content":680,"short_summary":681,"client_name":682,"project_title":683,"slug":684,"website":685,"status":455,"image_gallery":686},[604,673,674,675],"GraphQL","Node.JS","Qwik","aa06fefe-4263-4d5f-89af-50b74f9192b9","27c213a8-30a9-4fd7-ac69-b9117d9cd2db",54,[537,558],"\u003Cp>Thesio developed an innovative platform for Gogigi.com, designed to provide a seamless and intuitive customer experience. Leveraging our expertise in Directus, we created a robust back-end system that allows for easy management of menu items, orders, and customer data. This system integrates seamlessly with a user-friendly front-end.\u003C/p>\n\u003Cp>Our solution not only streamlined Gogigi.com's operational processes but also significantly enhanced their ability to manage and scale their business. By centralizing data management through Directus, Gogigi.com can now easily update their offerings and monitor performance metrics, leading to improved efficiency and decision-making. The result is a platform that not only boosts customer satisfaction but also provides Gogigi.com with the tools they need to thrive in a competitive market.\u003C/p>","Thesio built an innovative platform for the queer community, designed to provide accessible and user-friendly access to essential information and resources. Central to this platform is Directus, which serves as the critical backbone, enabling seamless management and integration of content to ensure an engaging and efficient user experience.","Gogigi.com","Building the event platform for the queer community","gogigi","https://www.gogigi.com",[],{"date_published":8,"date_created":8,"date_updated":8,"sort":8,"website_metadata":8,"website_screenshot":8,"built_with":688,"featured_image":690,"partner":691,"id":692,"use_cases":693,"content":694,"short_summary":695,"client_name":696,"project_title":697,"slug":698,"website":699,"status":455,"image_gallery":700},[689,496,466,467],"Babylon.js","d90daa8e-eabf-4c84-8195-3c2bb00bf57b","a4fe9054-dde5-4a91-9341-5b5802603256",55,[537,558],"\u003Cp>Using Directus we \u003Cstrong>developed \u003C/strong>a powerful and intuitive employee recognition platform. Integrated with a custom user interface and featuring eye-catching 3D card designs, the platform enables employees to send a colleague a Qudos card for a job well done. Each Qudos card is then entered into a monthly Spin & Win' prize draw to help maximise employee engagement.\u003C/p>\n\u003Cp>The platform enables HR leaders to administer every aspect of their recognition programme through the Directus build back-end system, including user management, event-set up and prize allocation.\u003C/p>","We developed a recognition platform, where users can send a message of appreciation directly through the platform, which is then presented to the recipient in the form of a 3D Qudos card, personalised with the user’s message. ","Qudos","Employee Recognition Platform","qudos-platform","https://qudos.co.uk/",[],{"date_published":8,"date_created":8,"date_updated":8,"sort":8,"website_metadata":8,"website_screenshot":8,"built_with":702,"featured_image":703,"partner":691,"id":704,"use_cases":705,"content":706,"short_summary":707,"client_name":708,"project_title":709,"slug":710,"website":711,"status":455,"image_gallery":712},[496,466,467],"82a2b89b-d92f-41a0-8bd4-c20016fb8a78",56,[537,558],"\u003Cp dir=\"ltr\">MoneyFit is a team of financial experts on a mission to make financial wellbeing accessible to all. We worked with MoneyFit to develop their online financial wellbeing platform, which features a range of online resources and tools to help to increase employee confidence, control, and capacity with their personal finances. \u003C/p>\n\u003Cp dir=\"ltr\">A key feature of the platform is the Money Personality Quiz, which guides users through a round of quick fire questions to assess whether they’re more Ostrich, Kangaroo or Owl when it comes to managing money. Users are then presented with a personalised MoneyFit exercise plan to help them boost their financial fitness. \u003C/p>\n\u003Cp dir=\"ltr\">A custom built admin portal allows companies to gain insight into the financial and general wellbeing of their employees, as well as customise the platform with company specific content & resources. \u003C/p>","We collaborated with MoneyFit to create an online financial wellbeing platform featuring tools like the Money Personality Quiz and an admin portal for companies to enhance employee financial fitness and customize content.","MoneyFit","Financial Wellbeing Platform","moneyfit","https://www.money-fit.co.uk/",[],{"date_published":8,"date_created":8,"date_updated":8,"sort":8,"website_metadata":8,"website_screenshot":8,"built_with":714,"featured_image":716,"partner":691,"id":717,"use_cases":8,"content":718,"short_summary":719,"client_name":720,"project_title":721,"slug":722,"website":8,"status":455,"image_gallery":723},[715,496,467],"AGGrid","62a94630-2ddb-4a16-9ca6-557f0712fa1c",57,"\u003Cp>Travers Smith were looking for an intuitive and collaborative solution to manage and update data records on their system. \u003C/p>\n\u003Cp>We developed a real-time editable grid extension for Directus with the following features/benefits: \u003C/p>\n\u003Cul>\n\u003Cli>Records updated in real-time (no need to manually save). \u003C/li>\n\u003Cli>Ability to dynamically apply the editable view on all collections. \u003C/li>\n\u003Cli>Ability to sort and apply filters to a subset of the collection's data.\u003C/li>\n\u003Cli>\u003Cspan style=\"mso-bidi-font-weight: bold;\">Multi-select function to edit multiple lines in one go. \u003Cbr>\u003C/span>\u003C/li>\n\u003Cli>\u003Cspan style=\"mso-bidi-font-weight: bold;\">Ability to select item from another collection, including where it is a many-to-many relationship.  \u003C/span>\u003C/li>\n\u003C/ul>","We developed a real-time editable grid extension for Directus to provide Travers Smith with a seamless spreadsheet editing experience for the data held in their internal system. ","Travers Smith","Editable Grid Extension","editable-grid",[],{"date_published":8,"date_created":8,"date_updated":8,"sort":8,"website_metadata":8,"website_screenshot":8,"built_with":725,"featured_image":726,"partner":691,"id":727,"use_cases":8,"content":728,"short_summary":729,"client_name":730,"project_title":731,"slug":732,"website":8,"status":455,"image_gallery":733},[689,496,466,467],"a665c055-b7b1-4fe3-ae53-ebdaf04fa84e",58,"\u003Cp>As a leading manufacturer of bespoke staircase solutions, TKstairs needed a slick, modern and professional Ecommerce website to set them apart from the competition. \u003C/p>\n\u003Cp>Powered by Directus Headless CMS, the client can quickly and easily publish new case study and blog content to the website.\u003C/p>\n\u003Cp>With no two page layouts the same and requiring a large amount of flexibility, we gave our client the ability to create unique page layouts from a series of re-usable block components. \u003C/p>\n\u003Cp>Integrated with a state-of-the-art online staircase designer tool, the CMS solution also enables our client to easily spin up new custom product listings for their Google Merchant Centre account. \u003C/p>","We built a comprehensive Ecommerce website for a leading UK staircase manufacturer. \nFeaturing a Directus back-end, the client has the ability to manage site content in a range of flexible layouts, as well as generate new product listings for Google Merchant Centre. ","TKstairs","Staircase Ecommerce Website","staircase-ecommerce",[],{"date_published":8,"date_created":8,"date_updated":8,"sort":8,"website_metadata":8,"website_screenshot":8,"built_with":735,"featured_image":736,"partner":737,"id":738,"use_cases":739,"content":740,"short_summary":741,"client_name":742,"project_title":743,"slug":744,"website":745,"status":455,"image_gallery":746},[496],"90d97795-c35e-4531-abdb-201ff36e8808","542336ae-2f54-4e15-8274-49160a094feb",59,[624],"\u003Cp>Enamic, a forward-thinking company specializing in digital transformation and automation, has been making waves in the business technology landscape. With a mission to streamline and optimize business processes, Enamic delivers tailored solutions that help organizations enhance productivity, integrate cutting-edge technologies, and navigate the complexities of modern business operations. One of the key tools in their arsenal is Directus, an open-source data platform that has played a pivotal role in enabling Enamic to offer highly customized and efficient solutions to their clients.\u003C/p>\n\u003Cp>\u003Cstrong>The Challenge: Navigating Complex Business Workflows\u003C/strong>\u003C/p>\n\u003Cp>In today’s fast-paced business environment, companies are constantly looking for ways to improve their operational efficiency and stay ahead of the competition. However, managing complex workflows and ensuring seamless data integration across various systems can be challenging. This is where Enamic excels, offering bespoke solutions that cater to the unique needs of each client.\u003C/p>\n\u003Cp>Enamic faced the challenge of finding a data management platform that could not only handle the intricacies of their clients’ workflows but also offer the flexibility needed to create dynamic, scalable solutions. Traditional CMS platforms often fell short in terms of customization and adaptability, leading Enamic to explore alternative options that could better align with their\u003C/p>","Enamic utilized Directus to manage and automate complex workflows for their clients. Enamic integrated Directus into their operations to provide a more flexible and scalable solution for handling data management and process automation. This allowed them to create customized, dynamic solutions tailored to their clients' needs, improving efficiency and streamlining operations. The case study demonstrates the success of Enamic in leveraging Directus to enhance their service offerings and deliver better outcomes for their clients.","Vanguard","Systematix","systematix","https://directus.io/case-studies/enamic",[747],43,{"date_published":8,"date_created":8,"date_updated":8,"sort":8,"website_metadata":8,"website_screenshot":749,"built_with":750,"featured_image":754,"partner":737,"id":755,"use_cases":756,"content":757,"short_summary":758,"client_name":759,"project_title":759,"slug":760,"website":761,"status":455,"image_gallery":762},"8a4d52c0-633b-4980-801a-14feceb072f7",[751,752,753],"Swift","SwiftUI","iOS","33334dca-bbdd-4714-89b5-4061b272b52a",60,[537],"\u003Ch2>How Enamic.io Leveraged Directus to Power Their iOS Application for Wine Producers\u003Cbr>\u003Cbr>\u003C/h2>\n\u003Cp>At Enamic.io, we aimed to create a seamless, content-rich experience for our iOS application catering to wine producers. To achieve this, we chose Directus as our content management system (CMS), enabling us to efficiently manage and deliver high-quality images and videos directly to the app. Here's how we utilized Directus to power this essential aspect of our platform:\u003C/p>\n\u003Ch3>Centralized Content Management\u003C/h3>\n\u003Cp>Directus served as the backbone of our content management strategy. By using Directus, we were able to store, organize, and manage a vast library of images and videos that showcase the unique offerings of various wine producers. This centralized approach allowed us to maintain consistency across the app, ensuring that users receive the best possible visual experience when exploring wine options.\u003C/p>\n\u003Ch3>Streamlined Content Delivery\u003C/h3>\n\u003Cp>With Directus, the process of delivering multimedia content to our iOS app was streamlined. The CMS provided a robust API that allowed the app to fetch images and videos on demand. This meant that whenever a user browsed through wine producers on the app, they were presented with the latest and most relevant visual content, all dynamically pulled from Directus.\u003C/p>\n\u003Ch3>Flexibility and Scalability\u003C/h3>\n\u003Cp>One of the standout features of Directus is its flexibility. We were able to customize the CMS to fit our specific needs, including creating custom fields for categorizing and tagging multimedia content. This made it easier to organize content based on various criteria, such as region, grape variety, or producer. Additionally, as our content library grows, Directus scales effortlessly, ensuring that we can continue to deliver high-quality visuals without performance issues.\u003C/p>\n\u003Ch3>Enhanced User Experience\u003C/h3>\n\u003Cp>By leveraging Directus, we were able to significantly enhance the user experience on our iOS application. The high-resolution images and engaging videos hosted on Directus brought the stories of wine producers to life, allowing users to make more informed and emotional connections with their wine choices. This rich multimedia experience not only improved user engagement but also drove higher satisfaction and loyalty among our app users.\u003C/p>\n\u003Ch3>Conclusion\u003C/h3>\n\u003Cp>Directus proved to be an invaluable tool in powering the multimedia content for our iOS application. Its robust CMS capabilities, combined with its flexibility and scalability, allowed us to deliver a visually stunning and dynamic user experience for wine enthusiasts. At Enamic.io, we're committed to using the best tools available, and Directus played a crucial role in bringing our vision to life.\u003C/p>","At Enamic.io, we utilized Directus as our content management system (CMS) to enhance our iOS application for wine producers. Directus enabled us to efficiently manage and deliver a rich library of images and videos, showcasing the diverse offerings of various wine producers. With Directus, we streamlined the process of updating and organizing multimedia content, ensuring that users received the most current and engaging visuals. The flexibility and scalability of Directus allowed us to tailor the CMS to our specific needs, resulting in a dynamic and immersive experience that significantly enriched user engagement and satisfaction with our app.","Platters","platters","https://apps.apple.com/za/app/platters-wine-guide/id1063661729",[763,764,765,766],44,45,46,47,{"date_published":8,"date_created":8,"date_updated":8,"sort":8,"website_metadata":8,"website_screenshot":768,"built_with":769,"featured_image":770,"partner":737,"id":771,"use_cases":772,"content":773,"short_summary":774,"client_name":775,"project_title":775,"slug":776,"website":777,"status":455,"image_gallery":778},"a1b27eb5-319c-41ee-869f-a53aabb39b57",[620],"649f1bf2-2721-4311-8964-cee09315ef7a",61,[537],"\u003Cp>Enamic worked with Insurance News Australia to enhance their existing website, which is built with Astro and utilizes Directus as a backend CMS. Here’s how Enamic contributed to their project:\u003C/p>\n\u003Col>\n\u003Cli>\n\u003Cp>\u003Cstrong>SEO Optimization\u003C/strong>: Enamic assisted in optimizing the website for search engines, ensuring that the content is easily discoverable. This involved refining meta tags, implementing structured data, and improving site performance and accessibility to enhance search engine rankings.\u003C/p>\n\u003C/li>\n\u003Cli>\n\u003Cp>\u003Cstrong>Article Management\u003C/strong>: Using Directus as the backend CMS, Enamic streamlined the process of managing and publishing articles. Directus provided a flexible and intuitive interface for content creators to update and organize articles efficiently, making it easier to keep the website's content fresh and relevant.\u003C/p>\n\u003C/li>\n\u003Cli>\n\u003Cp>\u003Cstrong>Content Publishing\u003C/strong>: Enamic integrated live flows for content publishing through Netlify, which allowed Insurance News Australia to deploy updates seamlessly. This integration ensured that new content, updates, and changes could be published in real-time, maintaining the website’s relevance and timeliness.\u003C/p>\n\u003C/li>\n\u003Cli>\n\u003Cp>\u003Cstrong>Content Delivery\u003C/strong>: By leveraging Astro’s static site generation capabilities in conjunction with Directus, Enamic ensured that the website delivers content quickly and efficiently to users. This setup improved site performance and load times, enhancing the overall user experience.\u003C/p>\n\u003C/li>\n\u003C/ol>\n\u003Cp>Overall, Enamic's contributions enabled Insurance News Australia to maintain an effective and up-to-date online presence, with streamlined content management, improved SEO, and efficient content publishing workflows.\u003C/p>","Enamic enhanced Insurance News Australia's Astro-based website by optimizing it for SEO, streamlining article management with Directus as the backend CMS, and integrating live content publishing through Netlify. Their efforts improved the website's search engine visibility, simplified content updates, and ensured real-time publishing of new articles, all while leveraging Astro’s static site generation for faster content delivery. This collaboration resulted in a more efficient, relevant, and user-friendly online presence.","Insurance News","insurance-news","https://www.insurancenews.com.au",[779,780,781],48,49,50,{"date_published":8,"date_created":8,"date_updated":783,"sort":478,"website_metadata":8,"website_screenshot":784,"built_with":785,"featured_image":786,"partner":787,"id":788,"use_cases":789,"content":790,"short_summary":791,"client_name":792,"project_title":793,"slug":794,"website":795,"status":455,"image_gallery":796},"2025-03-23T13:31:28.565Z","ff35c852-3f53-453b-b904-629b3ba27e70",[553,265],"a2ace0ed-dea4-4f4b-a4b8-94c03059d5fb","bd4f8ef8-5538-4a0e-a57e-6b1da2f6047b",62,[537],"\u003Cp id=\"15e1\" class=\"pw-post-body-paragraph lh li fq lj b lk ll lm ln lo lp lq lr ls lt lu lv lw lx ly lz ma mb mc md me fj bk\" data-selectable-paragraph=\"\">Well-performing, SEO-optimized and fast website built via Jamstack\u003C/p>\n\u003Ch1 id=\"e94b\" class=\"mt mu fq bf mv mw mx my mz na nb nc nd ne nf ng nh ni nj nk nl nm nn no np nq bk\" data-selectable-paragraph=\"\">About the Brand\u003C/h1>\n\u003Cblockquote class=\"nr ns nt\">\n\u003Cp id=\"e0da\" class=\"lh li nu lj b lk ll lm ln lo lp lq lr ls lt lu lv lw lx ly lz ma mb mc md me fj bk\" data-selectable-paragraph=\"\">Relynk is an Oslo-based Proptech company that’s making waves in the real estate industry. Their mission is to drive innovation by simplifying access to real-time data from commercial buildings. Through their cutting-edge platform, they empower Proptech and real estate software companies to create groundbreaking solutions that improve building management, reduce energy consumption, and enhance tenant experiences. Relynk firmly believes that data is the linchpin for positive change in real estate, and their platform is leading the charge in this transformative journey.\u003C/p>\n\u003C/blockquote>\n\u003Ch1 id=\"7129\" class=\"mt mu fq bf mv mw mx my mz na nb nc nd ne nf ng nh ni nj nk nl nm nn no np nq bk\" data-selectable-paragraph=\"\">Project Goals\u003C/h1>\n\u003Cblockquote class=\"nr ns nt\">\n\u003Cp id=\"f5cb\" class=\"lh li nu lj b lk ll lm ln lo lp lq lr ls lt lu lv lw lx ly lz ma mb mc md me fj bk\" data-selectable-paragraph=\"\">Relynk approached our team with a clear objective: to develop a scalable JAMstack-based website that would not only showcase their innovative solutions but also be easy to manage. The goal was to create a digital presence that reflected their commitment to technological advancement and data-driven solutions\u003C/p>\n\u003C/blockquote>\n\u003Ch1 id=\"163f\" class=\"mt mu fq bf mv mw mx my mz na nb nc nd ne nf ng nh ni nj nk nl nm nn no np nq bk\" data-selectable-paragraph=\"\">Solution:\u003C/h1>\n\u003Cblockquote class=\"nr ns nt\">\n\u003Cp id=\"3c21\" class=\"lh li nu lj b lk ll lm ln lo lp lq lr ls lt lu lv lw lx ly lz ma mb mc md me fj bk\" data-selectable-paragraph=\"\">To meet Relynk’s objectives, we devised a robust technological stack. We leveraged Directus CMS to provide a user-friendly content management system that allowed for effortless updates and maintenance. For the website’s front-end, we implemented Next.js, harnessing its capabilities for scalability and performance. To ensure reliability and scalability, we hosted the website on AWS, a secure and versatile cloud infrastructure.\u003C/p>\n\u003C/blockquote>\n\u003Ch1 id=\"9524\" class=\"mt mu fq bf mv mw mx my mz na nb nc nd ne nf ng nh ni nj nk nl nm nn no np nq bk\" data-selectable-paragraph=\"\">Project Timeline\u003C/h1>\n\u003Cblockquote class=\"nr ns nt\">\n\u003Cp id=\"6499\" class=\"lh li nu lj b lk ll lm ln lo lp lq lr ls lt lu lv lw lx ly lz ma mb mc md me fj bk\" data-selectable-paragraph=\"\">Relynk approached our team with a clear objective: to develop a scalable JAMstack-based website within a tight timeframe. In just one month, we delivered a website that perfectly reflects their commitment to innovation and data-driven solutions. This rapid development ensured that Relynk could establish their online presence swiftly and effectively, aligning with their mission to lead the industry forward.\u003C/p>\n\u003C/blockquote>\n\u003Ch1 id=\"11d9\" class=\"mt mu fq bf mv mw mx my mz na nb nc nd ne nf ng nh ni nj nk nl nm nn no np nq bk\" data-selectable-paragraph=\"\">Technological Stack\u003C/h1>\n\u003Cblockquote class=\"nr ns nt\">\n\u003Cp id=\"591c\" class=\"lh li nu lj b lk ll lm ln lo lp lq lr ls lt lu lv lw lx ly lz ma mb mc md me fj bk\" data-selectable-paragraph=\"\">To meet Relynk’s objectives, we devised a robust technological stack. We leveraged Directus CMS to provide a user-friendly content management system that allowed for effortless updates and maintenance. For the website’s front-end, we implemented Next.js, harnessing its capabilities for scalability and performance. To ensure reliability and scalability, we hosted the website on AWS, a secure and versatile cloud infrastructure.\u003C/p>\n\u003C/blockquote>\n\u003Ch1 id=\"de58\" class=\"mt mu fq bf mv mw mx my mz na nb nc nd ne nf ng nh ni nj nk nl nm nn no np nq bk\" data-selectable-paragraph=\"\">Results — What We Accomplished:\u003C/h1>\n\u003Cp id=\"0d76\" class=\"pw-post-body-paragraph lh li fq lj b lk nv lm ln lo nw lq lr ls nx lu lv lw ny ly lz ma nz mc md me fj bk\" data-selectable-paragraph=\"\">Our collaboration with Relynk resulted in the development of a JAMstack-based website that embodies their dedication to innovation and data accessibility:\u003C/p>\n\u003Cblockquote class=\"nr ns nt\">\n\u003Cp id=\"ec6d\" class=\"lh li nu lj b lk ll lm ln lo lp lq lr ls lt lu lv lw lx ly lz ma mb mc md me fj bk\" data-selectable-paragraph=\"\">A scalable website that can seamlessly grow with Relynk’s expanding business and evolving needs.\u003C/p>\n\u003Cp id=\"6cf2\" class=\"lh li nu lj b lk ll lm ln lo lp lq lr ls lt lu lv lw lx ly lz ma mb mc md me fj bk\" data-selectable-paragraph=\"\">An easily manageable website powered by Directus CMS, enabling Relynk to effortlessly update and maintain their digital presence.\u003C/p>\n\u003Cp id=\"bdcb\" class=\"lh li nu lj b lk ll lm ln lo lp lq lr ls lt lu lv lw lx ly lz ma mb mc md me fj bk\" data-selectable-paragraph=\"\">A high-performance website thanks to Next.js, ensuring fast loading times and an exceptional user experience.\u003C/p>\n\u003Cp id=\"cb3f\" class=\"lh li nu lj b lk ll lm ln lo lp lq lr ls lt lu lv lw lx ly lz ma mb mc md me fj bk\" data-selectable-paragraph=\"\">Secure and scalable hosting on AWS, guaranteeing the website’s availability and adaptability.\u003C/p>\n\u003C/blockquote>\n\u003Ch1 id=\"4721\" class=\"mt mu fq bf mv mw mx my mz na nb nc nd ne nf ng nh ni nj nk nl nm nn no np nq bk\" data-selectable-paragraph=\"\">Live Demo\u003C/h1>\n\u003Cblockquote class=\"nr ns nt\">\n\u003Cp id=\"6229\" class=\"lh li nu lj b lk ll lm ln lo lp lq lr ls lt lu lv lw lx ly lz ma mb mc md me fj bk\" data-selectable-paragraph=\"\">\u003Ca href=\"https://relynk.io/\" target=\"_blank\" rel=\"noopener\">relynk.io\u003C/a>\u003C/p>\n\u003C/blockquote>","In this project, we assisted Relynk client in transitioning to the JAMstack architecture with the integration of Directus CMS. Relynk approached our team with a clear objective: to develop a scalable JAMstack-based website that would not only showcase their innovative solutions but also be easy to manage. The goal was to create a digital presence that reflected their commitment to technological advancement and data-driven solutions","Relynk","JAMstack Landing Page-Relynk","jamstack-case-study-relynk-io","https://relynk.io/",[678],{"date_published":8,"date_created":8,"date_updated":798,"sort":489,"website_metadata":8,"website_screenshot":799,"built_with":800,"featured_image":799,"partner":787,"id":801,"use_cases":802,"content":803,"short_summary":804,"client_name":805,"project_title":806,"slug":807,"website":808,"status":455,"image_gallery":809},"2025-03-23T13:31:28.601Z","5fab66be-d37c-405a-a947-c7ece3886072",[553,265],63,[537],"\u003Ch1 id=\"2784\" class=\"ms mt fq bf mu mv mw mx my mz na nb nc nd ne nf ng nh ni nj nk nl nm nn no np bk\" data-selectable-paragraph=\"\">About the Brand\u003C/h1>\n\u003Cblockquote class=\"nq nr ns\">\n\u003Cp id=\"22e6\" class=\"lu lv nt lw b lx ly lz ma mb mc md me mf mg mh mi mj mk ml mm mn mo mp mq mr fj bk\" data-selectable-paragraph=\"\">Ishatattva Interiors is a prominent interior design firm based in Bangalore, known for its exquisite and innovative design solutions. With a strong commitment to delivering premium interior designs, Ishatattva Interiors has earned a stellar reputation in the industry\u003C/p>\n\u003C/blockquote>\n\u003Ch1 id=\"857f\" class=\"ms mt fq bf mu mv mw mx my mz na nb nc nd ne nf ng nh ni nj nk nl nm nn no np bk\" data-selectable-paragraph=\"\">Goal — What Ishatattva Wanted to Achieve\u003C/h1>\n\u003Cblockquote class=\"nq nr ns\">\n\u003Cp id=\"05d3\" class=\"lu lv nt lw b lx ly lz ma mb mc md me mf mg mh mi mj mk ml mm mn mo mp mq mr fj bk\" data-selectable-paragraph=\"\">Ishatattva Interiors approached our team with a clear objective: to create a premium website that reflects their brand’s commitment to excellence in interior design. They sought a website that not only showcased their portfolio of stunning projects but also provided a seamless and engaging user experience.\u003C/p>\n\u003C/blockquote>\n\u003Ch1 id=\"ea0e\" class=\"ms mt fq bf mu mv mw mx my mz na nb nc nd ne nf ng nh ni nj nk nl nm nn no np bk\" data-selectable-paragraph=\"\">Solution:\u003C/h1>\n\u003Cblockquote class=\"nq nr ns\">\n\u003Cp id=\"68c4\" class=\"lu lv nt lw b lx ly lz ma mb mc md me mf mg mh mi mj mk ml mm mn mo mp mq mr fj bk\" data-selectable-paragraph=\"\">To meet Ishatattva Interiors’ high standards and ambitious project timeline, we chose a robust technological stack. We implemented Next.js as the front-end framework, harnessing its capabilities for server-side rendering and enhanced performance. For content management and customization, we integrated Directus, ensuring a tailor-made and user-friendly content management system. To host the website reliably and securely, we utilized Digital Ocean’s infrastructure.\u003C/p>\n\u003C/blockquote>\n\u003Ch1 id=\"4e9f\" class=\"ms mt fq bf mu mv mw mx my mz na nb nc nd ne nf ng nh ni nj nk nl nm nn no np bk\" data-selectable-paragraph=\"\">Project Timeline\u003C/h1>\n\u003Cblockquote class=\"nq nr ns\">\n\u003Cp id=\"767b\" class=\"lu lv nt lw b lx ly lz ma mb mc md me mf mg mh mi mj mk ml mm mn mo mp mq mr fj bk\" data-selectable-paragraph=\"\">With the ambitious goal of delivering a premium website for Project Timeline: With the ambitious goal of delivering a premium website for Ishatattva Interiors, our team worked tirelessly to ensure the project’s completion within a tight timeframe of just one month. Interiors, our team worked tirelessly to ensure the project’s completion within a tight timeframe of just one month.\u003C/p>\n\u003C/blockquote>\n\u003Ch1 id=\"1d01\" class=\"ms mt fq bf mu mv mw mx my mz na nb nc nd ne nf ng nh ni nj nk nl nm nn no np bk\" data-selectable-paragraph=\"\">Technological Stack\u003C/h1>\n\u003Cp id=\"409d\" class=\"pw-post-body-paragraph lu lv fq lw b lx nu lz ma mb nv md me mf nw mh mi mj nx ml mm mn ny mp mq mr fj bk\" data-selectable-paragraph=\"\">Our team used the following technological stack for the Ishatattva project:\u003C/p>\n\u003Cblockquote class=\"nq nr ns\">\n\u003Cp id=\"ef17\" class=\"lu lv nt lw b lx ly lz ma mb mc md me mf mg mh mi mj mk ml mm mn mo mp mq mr fj bk\" data-selectable-paragraph=\"\">Next.js: Employed for front-end development, ensuring dynamic rendering and superior performance.\u003Cbr>Directus CMS Integrated for content management, simplifying content updates and administration.\u003Cbr>Digital Ocean: Hosted the JAMstack application, guaranteeing scalability and security.\u003C/p>\n\u003C/blockquote>\n\u003Ch1 id=\"7811\" class=\"ms mt fq bf mu mv mw mx my mz na nb nc nd ne nf ng nh ni nj nk nl nm nn no np bk\" data-selectable-paragraph=\"\">Results — What We Accomplished:\u003C/h1>\n\u003Cp id=\"fca7\" class=\"pw-post-body-paragraph lu lv fq lw b lx nu lz ma mb nv md me mf nw mh mi mj nx ml mm mn ny mp mq mr fj bk\" data-selectable-paragraph=\"\">Our collaboration with Ishatattva Interiors yielded impressive results:\u003C/p>\n\u003Cblockquote class=\"nq nr ns\">\n\u003Cp id=\"fc9a\" class=\"lu lv nt lw b lx ly lz ma mb mc md me mf mg mh mi mj mk ml mm mn mo mp mq mr fj bk\" data-selectable-paragraph=\"\">A premium website that showcases Ishatattva Interiors’ portfolio with elegance and sophistication, reflecting their commitment to high-quality interior design.\u003Cbr>Exceptional website performance, thanks to Next.js, providing fast loading times and a seamless user experience.\u003Cbr>An intuitive and customizable content management system powered by Directus, enabling Ishatattva Interiors to effortlessly update and maintain their website.\u003Cbr>Reliable hosting on Digital Ocean, ensuring the website’s availability and security.\u003Cbr>In conclusion, our partnership with Ishatattva Interiors resulted in the creation of a premium website that truly captures the essence of their brand. Despite the tight one-month timeframe, our team successfully delivered a website that not only met but exceeded the client’s expectations. This project exemplifies our commitment to excellence in web development and design, catering to the needs of Bangalore’s leading interior design firm, Ishatattva Interiors.\u003C/p>\n\u003C/blockquote>\n\u003Ch1 id=\"dce3\" class=\"ms mt fq bf mu mv mw mx my mz na nb nc nd ne nf ng nh ni nj nk nl nm nn no np bk\" data-selectable-paragraph=\"\">Live Demo\u003C/h1>\n\u003Cblockquote class=\"nq nr ns\">\n\u003Cp id=\"7678\" class=\"lu lv nt lw b lx ly lz ma mb mc md me mf mg mh mi mj mk ml mm mn mo mp mq mr fj bk\" data-selectable-paragraph=\"\">\u003Ca class=\"af nz\" href=\"https://www.ishatattvainteriors.com/\" target=\"_blank\" rel=\"noopener ugc nofollow\">ishatattvainteriors.com/\u003C/a>\u003C/p>\n\u003C/blockquote>","Ishatattva Interiors approached our team with a clear objective: to create a premium website that reflects their brand’s commitment to excellence in interior design. They sought a website that not only showcased their portfolio of stunning projects but also provided a seamless and engaging user experience.","Ishatattvainteriors","JAMstack Landing Page-Ishatattva","jamstack-case-study","https://www.ishatattvainteriors.com/",[651],{"date_published":8,"date_created":8,"date_updated":811,"sort":477,"website_metadata":8,"website_screenshot":812,"built_with":813,"featured_image":815,"partner":787,"id":816,"use_cases":817,"content":818,"short_summary":819,"client_name":820,"project_title":821,"slug":822,"website":823,"status":455,"image_gallery":824},"2025-03-23T13:31:28.551Z","bb576898-c0c4-4659-8d9c-f6572795322c",[553,496,814],"Firebase","06c88cb1-54b9-4272-a98c-63ff4b8b7e1c",64,[537,558,624],"\u003Ch1 id=\"489a\" class=\"lu lv fq bf lw lx ly lz ma mb mc md me mf mg mh mi mj mk ml mm mn mo mp mq mr bk\" data-selectable-paragraph=\"\">About the Brand\u003C/h1>\n\u003Cblockquote class=\"ms mt mu\">\n\u003Cp id=\"b2f7\" class=\"mv mw mx my b mz na nb nc nd ne nf ng nh ni nj nk nl nm nn no np nq nr ns nt fj bk\" data-selectable-paragraph=\"\">Comeata is an innovative, comprehensive food management platform tailored to support and scale the endeavors of food entrepreneurs.\u003C/p>\n\u003C/blockquote>\n\u003Ch1 id=\"78a4\" class=\"lu lv fq bf lw lx ly lz ma mb mc md me mf mg mh mi mj mk ml mm mn mo mp mq mr bk\" data-selectable-paragraph=\"\">Project Goals\u003C/h1>\n\u003Cblockquote class=\"ms mt mu\">\n\u003Cp id=\"2e26\" class=\"mv mw mx my b mz na nb nc nd ne nf ng nh ni nj nk nl nm nn no np nq nr ns nt fj bk\" data-selectable-paragraph=\"\">The visionaries behind Comeata, TY and Josh, aimed to create a versatile SaaS platform exclusively for food entrepreneurs. Their goal was to leverage a headless architecture, enabling clients to fully harness the capabilities of JAMstack technology.\u003C/p>\n\u003C/blockquote>\n\u003Ch1 id=\"e1b6\" class=\"lu lv fq bf lw lx ly lz ma mb mc md me mf mg mh mi mj mk ml mm mn mo mp mq mr bk\" data-selectable-paragraph=\"\">Solution:\u003C/h1>\n\u003Cblockquote class=\"ms mt mu\">\n\u003Cp id=\"95c0\" class=\"mv mw mx my b mz na nb nc nd ne nf ng nh ni nj nk nl nm nn no np nq nr ns nt fj bk\" data-selectable-paragraph=\"\">\u003Cstrong class=\"my fr\">To meet Comeata’s specific needs, we crafted a robust solution utilizing open-source technologies. Our strategy included developing a headless system comprising:\u003C/strong>\u003C/p>\n\u003Cp id=\"909b\" class=\"mv mw mx my b mz na nb nc nd ne nf ng nh ni nj nk nl nm nn no np nq nr ns nt fj bk\" data-selectable-paragraph=\"\">\u003Cstrong class=\"my fr\">Front-end Development\u003C/strong>: We chose Next.js for the website’s front-end, prioritizing exceptional performance and scalability. This ensures a smooth shopping experience for Comeata’s customers.\u003C/p>\n\u003Cp id=\"a393\" class=\"mv mw mx my b mz na nb nc nd ne nf ng nh ni nj nk nl nm nn no np nq nr ns nt fj bk\" data-selectable-paragraph=\"\">\u003Cstrong class=\"my fr\">Backend Infrastructure\u003C/strong>: We implemented a node.js-based, open-source, headless backend — Directus. Our approach involved constructing a multi-tenant system with Directus for enhanced efficiency and versatility.\u003C/p>\n\u003Cp id=\"ea11\" class=\"mv mw mx my b mz na nb nc nd ne nf ng nh ni nj nk nl nm nn no np nq nr ns nt fj bk\" data-selectable-paragraph=\"\">\u003Cstrong class=\"my fr\">Hosting Services\u003C/strong>: The platform is hosted on Digital Ocean, a reputable cloud service provider. This ensures consistent availability, robust security, and scalability.\u003C/p>\n\u003C/blockquote>\n\u003Ch1 id=\"f1a5\" class=\"lu lv fq bf lw lx ly lz ma mb mc md me mf mg mh mi mj mk ml mm mn mo mp mq mr bk\" data-selectable-paragraph=\"\">\u003Cstrong class=\"al\">HLD\u003C/strong>\u003C/h1>\n\u003Cp> \u003C/p>\n\u003Ch1 id=\"99f9\" class=\"lu lv fq bf lw lx ly lz ma mb mc md me mf mg mh mi mj mk ml mm mn mo mp mq mr bk\" data-selectable-paragraph=\"\">Project Timeline\u003C/h1>\n\u003Cblockquote class=\"ms mt mu\">\n\u003Cp id=\"acd0\" class=\"mv mw mx my b mz na nb nc nd ne nf ng nh ni nj nk nl nm nn no np nq nr ns nt fj bk\" data-selectable-paragraph=\"\">The development of this project is ongoing. Our team is dedicated to fulfilling Comeata’s specific requirements and delivering a tailor-made SaaS solution that aligns with their business model.\u003C/p>\n\u003C/blockquote>\n\u003Ch1 id=\"be60\" class=\"lu lv fq bf lw lx ly lz ma mb mc md me mf mg mh mi mj mk ml mm mn mo mp mq mr bk\" data-selectable-paragraph=\"\">Dev Link\u003C/h1>\n\u003Cblockquote class=\"ms mt mu\">\n\u003Cp id=\"3708\" class=\"mv mw mx my b mz na nb nc nd ne nf ng nh ni nj nk nl nm nn no np nq nr ns nt fj bk\" data-selectable-paragraph=\"\">\u003Ca class=\"af oa\" href=\"https://trycomeata.com/\" target=\"_blank\" rel=\"noopener ugc nofollow\">https://trycomeata.com/\u003C/a>\u003C/p>\n\u003C/blockquote>\n\u003Ch1 id=\"f632\" class=\"lu lv fq bf lw lx ly lz ma mb mc md me mf mg mh mi mj mk ml mm mn mo mp mq mr bk\" data-selectable-paragraph=\"\">Platform demo\u003C/h1>\n\u003Cblockquote class=\"ms mt mu\">\n\u003Cp id=\"78da\" class=\"mv mw mx my b mz na nb nc nd ne nf ng nh ni nj nk nl nm nn no np nq nr ns nt fj bk\" data-selectable-paragraph=\"\">\u003Ca class=\"af oa\" href=\"https://drive.google.com/file/d/1U3MnNEZ4XVFBKl46ZmwyMg3Azp0QnoZj/view?ts=64ca2fb0\" target=\"_blank\" rel=\"noopener ugc nofollow\">View Demo\u003C/a>\u003C/p>\n\u003C/blockquote>\n\u003Ch1 id=\"9821\" class=\"lu lv fq bf lw lx ly lz ma mb mc md me mf mg mh mi mj mk ml mm mn mo mp mq mr bk\" data-selectable-paragraph=\"\">Client Testimonial\u003C/h1>\n\u003Cp>\u003Ca href=\"https://youtu.be/CqcAIr946Do\" target=\"_blank\" rel=\"noopener\">Youtube\u003C/a>\u003C/p>\n\u003Cfigure class=\"nv nw nx ny nz lo\">\n\u003Cdiv class=\"ob oc l ed\">\n\u003Cdiv class=\"od oe l\">Looking for the best JAMstack or headless commerce development agency? If you’re in search of a trusted JAMstack and headless commerce development agency, look no further than WeFrame. With our extensive experience and a track record of successful projects, we are the go-to choice for businesses seeking cutting-edge web development solutions.\u003C/div>\n\u003C/div>\n\u003C/figure>","We assisted our client Comeata in developing a bespoke Food Management multi tenant SaaS application utilizing a headless architecture ","Comeata","Multi tenant Custom SaaS -Comeata","custom-saa-s-development-with-headless-architecture-case-study-comeata","https://medium.com/@kechamadavipul/custom-saas-development-with-headless-architecture-comeata-99fae9470a9b",[692,801],{"date_published":8,"date_created":8,"date_updated":826,"sort":488,"website_metadata":8,"website_screenshot":827,"built_with":828,"featured_image":827,"partner":787,"id":831,"use_cases":832,"content":834,"short_summary":835,"client_name":836,"project_title":837,"slug":838,"website":839,"status":455,"image_gallery":840},"2025-03-23T13:31:28.581Z","5f7ad944-0e91-484c-ba33-688dfdbdeb94",[553,265,829,830],"firebase","flutter",65,[537,833,538],"PIM","\u003Ch1 id=\"0a81\" class=\"lu lv fq bf lw lx ly lz ma mb mc md me mf mg mh mi mj mk ml mm mn mo mp mq mr bk\" data-selectable-paragraph=\"\">About the Brand\u003C/h1>\n\u003Cblockquote class=\"ms mt mu\">\n\u003Cp id=\"4e6f\" class=\"mv mw mx my b mz na nb nc nd ne nf ng nh ni nj nk nl nm nn no np nq nr ns nt fj bk\" data-selectable-paragraph=\"\">Shuddh Dairy is a specialized milk delivery app, focused on modernizing and simplifying the process of ordering and delivering dairy products.\u003C/p>\n\u003C/blockquote>\n\u003Ch1 id=\"aed5\" class=\"lu lv fq bf lw lx ly lz ma mb mc md me mf mg mh mi mj mk ml mm mn mo mp mq mr bk\" data-selectable-paragraph=\"\">Project Goals\u003C/h1>\n\u003Cblockquote class=\"ms mt mu\">\n\u003Cp id=\"cb4e\" class=\"mv mw mx my b mz na nb nc nd ne nf ng nh ni nj nk nl nm nn no np nq nr ns nt fj bk\" data-selectable-paragraph=\"\">The team at Shuddh Dairy was driven to develop a custom solution for their established business, aiming to create a comprehensive app that manages end-to-end milk delivery operations.\u003C/p>\n\u003C/blockquote>\n\u003Ch1 id=\"f0ce\" class=\"lu lv fq bf lw lx ly lz ma mb mc md me mf mg mh mi mj mk ml mm mn mo mp mq mr bk\" data-selectable-paragraph=\"\">Solution:\u003C/h1>\n\u003Cblockquote class=\"ms mt mu\">\n\u003Cp id=\"9dec\" class=\"mv mw mx my b mz na nb nc nd ne nf ng nh ni nj nk nl nm nn no np nq nr ns nt fj bk\" data-selectable-paragraph=\"\">Our approach for Shuddh Dairy was centered around a headless architecture, employing Directus as the core commerce middleware. We developed the application on Flutter, included a delivery app, and established a control panel using Next.js.\u003C/p>\n\u003Cp id=\"cec8\" class=\"mv mw mx my b mz na nb nc nd ne nf ng nh ni nj nk nl nm nn no np nq nr ns nt fj bk\" data-selectable-paragraph=\"\">\u003Cstrong class=\"my fr\">Our Solution:\u003C/strong>\u003C/p>\n\u003Cp id=\"7f9c\" class=\"mv mw mx my b mz na nb nc nd ne nf ng nh ni nj nk nl nm nn no np nq nr ns nt fj bk\" data-selectable-paragraph=\"\">Front-end Development (Control Panel): We selected Next.js for the control panel’s front-end, prioritizing outstanding performance and scalability. This ensures an efficient management experience for Shuddh Dairy’s administrative team.\u003C/p>\n\u003Cp id=\"9467\" class=\"mv mw mx my b mz na nb nc nd ne nf ng nh ni nj nk nl nm nn no np nq nr ns nt fj bk\" data-selectable-paragraph=\"\">App Frontend: The customer-facing app was crafted using Flutter, integrating Firebase for backend operations and Razorpay for streamlined payment processing.\u003C/p>\n\u003Cp id=\"95e6\" class=\"mv mw mx my b mz na nb nc nd ne nf ng nh ni nj nk nl nm nn no np nq nr ns nt fj bk\" data-selectable-paragraph=\"\">Backend Infrastructure: We implemented a node.js-based, open-source, headless backend with Directus. This multi-tenant system was designed to boost efficiency and adaptability, catering to diverse operational needs.\u003C/p>\n\u003Cp id=\"4d1c\" class=\"mv mw mx my b mz na nb nc nd ne nf ng nh ni nj nk nl nm nn no np nq nr ns nt fj bk\" data-selectable-paragraph=\"\">Hosting Services: The Shuddh Dairy platform is hosted on Digital Ocean, ensuring dependable uptime, strong security measures, and scalable capacity to support business growth.\u003C/p>\n\u003C/blockquote>\n\u003Ch1 id=\"ef0f\" class=\"lu lv fq bf lw lx ly lz ma mb mc md me mf mg mh mi mj mk ml mm mn mo mp mq mr bk\" data-selectable-paragraph=\"\">Project Timeline\u003C/h1>\n\u003Cblockquote class=\"ms mt mu\">\n\u003Cp id=\"753c\" class=\"mv mw mx my b mz na nb nc nd ne nf ng nh ni nj nk nl nm nn no np nq nr ns nt fj bk\" data-selectable-paragraph=\"\">This project is in active development. Our team is dedicated to fulfilling Shuddh Dairy’s specific needs and delivering a tailor-made milk delivery solution that perfectly aligns with their operational and business objectives.\u003C/p>\n\u003C/blockquote>\n\u003Ch1 id=\"feea\" class=\"lu lv fq bf lw lx ly lz ma mb mc md me mf mg mh mi mj mk ml mm mn mo mp mq mr bk\" data-selectable-paragraph=\"\">Platform demo\u003C/h1>\n\u003Cblockquote class=\"ms mt mu\">\n\u003Cp id=\"039b\" class=\"mv mw mx my b mz na nb nc nd ne nf ng nh ni nj nk nl nm nn no np nq nr ns nt fj bk\" data-selectable-paragraph=\"\">\u003Ca class=\"af nu\" href=\"https://drive.google.com/drive/folders/1HJZDwvFV9XySBZP-H32NQsQcL9DBRXys\" target=\"_blank\" rel=\"noopener ugc nofollow\">\u003Cem class=\"fq\">View Demo\u003C/em>\u003C/a>\u003C/p>\n\u003C/blockquote>\n\u003Cp id=\"5df5\" class=\"pw-post-body-paragraph mv mw fq my b mz na nb nc nd ne nf ng nh ni nj nk nl nm nn no np nq nr ns nt fj bk\" data-selectable-paragraph=\"\">Looking for the best JAMstack or headless commerce development agency? If you’re in search of a trusted JAMstack and headless commerce development agency, look no further than WeFrame. With our extensive experience and a track record of successful projects, we are the go-to choice for businesses seeking cutting-edge web development solutions\u003C/p>","In this project, we assisted our client Shuddh Dairy in developing a bespoke Custom milk delivery App application utilizing a headless architecture.","Shuddh Dairy","Custom Milk Delivery App development case study","shuddh-dairy","https://medium.com/@kechamadavipul/custom-milk-delivery-app-development-case-study-shuddh-dairy-e85facbe7064",[717],{"date_published":8,"date_created":8,"date_updated":842,"sort":490,"website_metadata":8,"website_screenshot":843,"built_with":844,"featured_image":843,"partner":787,"id":845,"use_cases":846,"content":847,"short_summary":848,"client_name":849,"project_title":850,"slug":851,"website":852,"status":455,"image_gallery":853},"2025-03-23T13:31:28.622Z","4e0a576f-8651-47e0-9c52-455cb5d95076",[553,829,830],66,[537,558,624],"\u003Ch1 id=\"a78a\" class=\"lz ma fq bf mb mc md me mf mg mh mi mj mk ml mm mn mo mp mq mr ms mt mu mv mw bk\" data-selectable-paragraph=\"\">About the Company\u003C/h1>\n\u003Cblockquote class=\"mx my mz\">\n\u003Cp id=\"8f94\" class=\"na nb nc nd b ne nf ng nh ni nj nk nl nm nn no np nq nr ns nt nu nv nw nx ny fj bk\" data-selectable-paragraph=\"\">The TDS Dental team was motivated to enhance their clinic’s digital presence and improve patient engagement. They sought to develop a custom solution that would allow them to efficiently manage appointments, provide dental resources to patients, and showcase their services online\u003C/p>\n\u003C/blockquote>\n\u003Ch1 id=\"0da2\" class=\"lz ma fq bf mb mc md me mf mg mh mi mj mk ml mm mn mo mp mq mr ms mt mu mv mw bk\" data-selectable-paragraph=\"\">Project Goals\u003C/h1>\n\u003Cblockquote class=\"mx my mz\">\n\u003Cp id=\"ea57\" class=\"na nb nc nd b ne nf ng nh ni nj nk nl nm nn no np nq nr ns nt nu nv nw nx ny fj bk\" data-selectable-paragraph=\"\">The TDS Dental team was motivated to enhance their clinic’s digital presence and improve patient engagement. They sought to develop a custom solution that would allow them to efficiently manage appointments, provide dental resources to patients, and showcase their services online.\u003C/p>\n\u003C/blockquote>\n\u003Ch1 id=\"4941\" class=\"lz ma fq bf mb mc md me mf mg mh mi mj mk ml mm mn mo mp mq mr ms mt mu mv mw bk\" data-selectable-paragraph=\"\">Solution:\u003C/h1>\n\u003Cblockquote class=\"mx my mz\">\n\u003Cp id=\"0331\" class=\"na nb nc nd b ne nf ng nh ni nj nk nl nm nn no np nq nr ns nt nu nv nw nx ny fj bk\" data-selectable-paragraph=\"\">\u003Cem class=\"fq\">Our approach for \u003C/em>TDS Dental \u003Cem class=\"fq\">was centered around a headless architecture, employing Directus as the core backend. We developed the application on Flutter, and established a control panel using Next.js.\u003C/em>\u003C/p>\n\u003Cp id=\"f318\" class=\"na nb nc nd b ne nf ng nh ni nj nk nl nm nn no np nq nr ns nt nu nv nw nx ny fj bk\" data-selectable-paragraph=\"\">\u003Cstrong class=\"nd fr\">\u003Cem class=\"fq\">Our Solution:\u003C/em>\u003C/strong>\u003C/p>\n\u003Cp id=\"8341\" class=\"na nb nc nd b ne nf ng nh ni nj nk nl nm nn no np nq nr ns nt nu nv nw nx ny fj bk\" data-selectable-paragraph=\"\">\u003Cem class=\"fq\">Front-end Development (Control Panel): We selected Next.js for the control panel’s front-end, prioritizing outstanding performance and scalability. This ensures an efficient management experience for \u003C/em>TDS Dental\u003Cem class=\"fq\"> administrative team.\u003C/em>\u003C/p>\n\u003Cp id=\"d5db\" class=\"na nb nc nd b ne nf ng nh ni nj nk nl nm nn no np nq nr ns nt nu nv nw nx ny fj bk\" data-selectable-paragraph=\"\">\u003Cem class=\"fq\">App Frontend: The customer-facing app was crafted using Flutter, integrating Firebase for backend operations and Razorpay for streamlined payment processing.\u003C/em>\u003C/p>\n\u003Cp id=\"e9c2\" class=\"na nb nc nd b ne nf ng nh ni nj nk nl nm nn no np nq nr ns nt nu nv nw nx ny fj bk\" data-selectable-paragraph=\"\">\u003Cem class=\"fq\">Backend Infrastructure: We implemented a node.js-based, open-source, headless backend with Directus. This multi-tenant system was designed to boost efficiency and adaptability, catering to diverse operational needs.\u003C/em>\u003C/p>\n\u003Cp id=\"dca0\" class=\"na nb nc nd b ne nf ng nh ni nj nk nl nm nn no np nq nr ns nt nu nv nw nx ny fj bk\" data-selectable-paragraph=\"\">\u003Cem class=\"fq\">Hosting Services: \u003C/em>TDS Dental \u003Cem class=\"fq\">platform is hosted on Digital Ocean, ensuring dependable uptime, strong security measures, and scalable capacity to support business growth.\u003C/em>\u003C/p>\n\u003C/blockquote>\n\u003Ch1 id=\"1ac8\" class=\"lz ma fq bf mb mc md me mf mg mh mi mj mk ml mm mn mo mp mq mr ms mt mu mv mw bk\" data-selectable-paragraph=\"\">Project Timeline\u003C/h1>\n\u003Cblockquote class=\"mx my mz\">\n\u003Cp id=\"927c\" class=\"na nb nc nd b ne nf ng nh ni nj nk nl nm nn no np nq nr ns nt nu nv nw nx ny fj bk\" data-selectable-paragraph=\"\">The development of TDS Dental’s digital platform is complete, and the website is actively serving as a valuable resource for both the clinic and its patients. Our team remains available for ongoing support and updates as needed.\u003C/p>\n\u003C/blockquote>\n\u003Ch1 id=\"bc8b\" class=\"lz ma fq bf mb mc md me mf mg mh mi mj mk ml mm mn mo mp mq mr ms mt mu mv mw bk\" data-selectable-paragraph=\"\">Platform demo\u003C/h1>\n\u003Cblockquote class=\"mx my mz\">\n\u003Cp id=\"f5ae\" class=\"na nb nc nd b ne nf ng nh ni nj nk nl nm nn no np nq nr ns nt nu nv nw nx ny fj bk\" data-selectable-paragraph=\"\">\u003Ca class=\"af nz\" href=\"https://vimeo.com/845648039?share=copy\" target=\"_blank\" rel=\"noopener ugc nofollow\">\u003Cem class=\"fq\">View Demo\u003C/em>\u003C/a>\u003C/p>\n\u003C/blockquote>\n\u003Cp id=\"4a94\" class=\"pw-post-body-paragraph na nb fq nd b ne nf ng nh ni nj nk nl nm nn no np nq nr ns nt nu nv nw nx ny fj bk\" data-selectable-paragraph=\"\">Looking for the best JAMstack or headless commerce development agency? If you’re in search of a trusted JAMstack and headless commerce development agency, look no further than WeFrame. With our extensive experience and a track record of successful projects, we are the go-to choice for businesses seeking cutting-edge web development solutions.\u003C/p>","We assisted our client TDS Dental Care in developing a bespoke Custom Appointment App application utilizing a headless architecture.","TDS Dental Care","Custom Appointment App development case study","custom-appointment-app-development-case-study","https://medium.com/@kechamadavipul/custom-appointment-app-development-case-study-tds-dental-care-6208e4438581",[727],{"date_published":8,"date_created":8,"date_updated":8,"sort":8,"website_metadata":8,"website_screenshot":8,"built_with":855,"featured_image":856,"partner":857,"id":858,"use_cases":8,"content":859,"short_summary":860,"client_name":861,"project_title":862,"slug":863,"website":864,"status":455,"image_gallery":865},[604,554],"0091c599-3882-4511-9646-67a0248c15b6","0aa931ed-2c75-4c9c-814e-286508b24298",67,"\u003Cp>\u003Cstrong>Dils Onboarding\u003C/strong> is a web application designed to streamline the onboarding process for long-term house rentals. The platform connects landlords and tenants, guiding them through each step of the rental agreement process.\u003C/p>\n\u003Ch4>Key features:\u003C/h4>\n\u003Cul>\n\u003Cli>\u003Cstrong>Document upload system for tenants and occupants\u003C/strong>, including:\n\u003Cul>\n\u003Cli>Identity documents.\u003C/li>\n\u003Cli>Tax identification numbers (codice fiscale).\u003C/li>\n\u003C/ul>\n\u003C/li>\n\u003Cli>\u003Cstrong>Income-based guarantor management system\u003C/strong>:\n\u003Cul>\n\u003Cli>Automatic assessment of tenant's income.\u003C/li>\n\u003Cli>Initiation of guarantor process when required.\u003C/li>\n\u003Cli>Guarantor document submission and verification.\u003C/li>\n\u003C/ul>\n\u003C/li>\n\u003Cli>\u003Cstrong>Tenant application tools\u003C/strong>:\n\u003Cul>\n\u003Cli>Digital document signing for lease agreements.\u003C/li>\n\u003Cli>Secure payment processing for deposits and rent.\u003C/li>\n\u003C/ul>\n\u003C/li>\n\u003C/ul>\n\u003Cp>Dil Onboarding streamlines the rental process by electronically managing document submission and verification, automating the need for a guarantor based on income levels, and providing a secure platform for all necessary transactions and agreements.\u003C/p>\n\u003Cp>In Dils Onboarding app, Directus manages CRUD operations, user authentication (via a custom SMS integration), and simplifies data management with an intuitive interface and role-based access control. Overall, Directus simplifies the entire Dils Onboarding process by offering a centralized solution for managing APIs, user authentication, and data, with minimal development overhead.\u003C/p>","Dils Onboarding is a web application used to collect the documentation needed to finalize a lease negotiation. The platform guides the prospective tenant through a series of steps necessary to be able to define and validate the rental contract, cutting down the time needed for the process and reducing the possibility of errors.","Dils","Onboarding","dils-onboarding","https://onboarding.apps.dils.com",[866,867,868,869,870,871],97,98,99,101,103,105,{"date_published":8,"date_created":8,"date_updated":8,"sort":8,"website_metadata":8,"website_screenshot":8,"built_with":873,"featured_image":875,"partner":876,"id":877,"use_cases":878,"content":879,"short_summary":880,"client_name":881,"project_title":882,"slug":883,"website":884,"status":455,"image_gallery":885},[874,554,333],"NodeJS","c4a8119d-4250-494a-89e6-0e6343c5f25b","df84bba1-0cb8-425f-b76a-2ba6b736d4fc",68,[537,558],"\u003Cp>\u003Cstrong>Challenge\u003C/strong>\u003C/p>\n\u003Cp>Complete development, including a technical concept, which translates the idea into a techncial concept. Planning of the system architecture and design of the user and admin frontend. And finally the technical implementation and operation of the system.\u003C/p>\n\u003Cp>\u003Cstrong>Solution\u003C/strong>\u003C/p>\n\u003Cp>The main focus of the project was the requirement to build a system that works reliably under high load at show times. To ensure this, a scalable AWS backend architecture was built in which the services automatically scale up and down and automatically generate CPU depending on the load. In terms of design, the main focus was on explaining a completely new format well and placing a large number of features in a smart way. To this end, moving images, illustrations and proactive assistance were placed at key points in the user journeys.\u003C/p>","How do we create a new culture of debate online? ‘MixTalk - SWR's digital debate format’ is a bold experiment in which random panellists enter into conversation with each other.","SWR - Südwestrundfunk","SWR Mixtalk - The live debate to participate","swrmixtalk","https://mixtalk-swr.de/",[738],{"date_published":8,"date_created":8,"date_updated":8,"sort":8,"website_metadata":8,"website_screenshot":8,"built_with":887,"featured_image":889,"partner":876,"id":890,"use_cases":891,"content":892,"short_summary":893,"client_name":894,"project_title":895,"slug":896,"website":897,"status":455,"image_gallery":898},[554,888],"Tailwind","1df62379-29fa-44c0-b6f6-550342dcbb65",69,[537,558],"\u003Cp>\u003Cstrong>Challenge\u003C/strong>\u003C/p>\n\u003Cp>What is particularly beautiful and what could be improved about your own neighbourhood and the region? The ‘Lebenswert’ project aims to paint a picture of the living situation in Central Germany that is as comprehensive as possible. But how do you motivate a younger target group to take part in an opinion poll? By turning the survey into a game!\u003C/p>\n\u003Cp>\u003Cstrong>Solution\u003C/strong>\u003C/p>\n\u003Cp>Using the MDR questionnaire as a basis, we combined classic question mechanics with interesting gamification mechanics and wrapped everything up in a playful retro-pixel look. Classic game elements such as an avatar selection and animated level transitions in a 2D side-scroller look complement the tried-and-tested questionnaire mechanics, but give the survey the playful lightness that encourages you to play through. The highlight: treasure chests are collected for answering questions and can be spent in a ‘bonus level’. At the end, there is a comparison with the answers of other participants to show what the future looks like: We decide together what the future will look like!\u003C/p>","Go on a treasure hunt and playfully share your thoughts on your home town.","MDR - Mitteldeutscher Rundfunk","Level Up! your region - Neighbourhood survey","mdrlevelup","https://www.youtube.com/watch?v=pCOccW51Qk8",[755],{"date_published":8,"date_created":8,"date_updated":8,"sort":8,"website_metadata":8,"website_screenshot":8,"built_with":900,"featured_image":902,"partner":876,"id":903,"use_cases":904,"content":905,"short_summary":906,"client_name":907,"project_title":908,"slug":909,"website":910,"status":455,"image_gallery":911},[874,554,901,888],"ReactNative","9d0bf1de-0a7a-41ef-abcb-b9fd8491f262",70,[537,558],"\u003Cp>\u003Cstrong>Challenge\u003C/strong>\u003C/p>\n\u003Cp>The successful ‘artgerecht’ programme aimed to be expanded to include an app that supports young parents in dealing with their children. The focus is not only on parenting topics, but also on providing parents with methods for self-care and relieving them of everyday stress. The app and its offers are intended to motivate and inspire instead of creating additional pressure. To achieve this goal, various aids such as blogs, exercises and a reward system have been combined into a well thought-out overall concept.\u003C/p>\n\u003Cp>\u003Cstrong>Solution\u003C/strong>\u003C/p>\n\u003Cp>Our solution approach was based on elaborate user flows and wireframes that were developed in close collaboration with the customer. The aim was to meet the high requirements and expectations and to create an app that accompanies users from the very beginning and functions like a reference book or a coaching unit, depending on their needs. In addition to low-threshold onboarding and direct contact, the end result also offers personalised content and exercises. The ReactNative frontend works seamlessly with a Directus backend, making it easy to customise or create new content. The result is a high-performance and contemporary app that we are very proud of.\u003C/p>","Is your child not sleeping soundly? Siblings are fighting? And your own health is taking a back seat? The artgerecht app helps when you're feeling stuck.","artgerecht.digital GmbH","Artgerecht App - Child-appropriate education","arterechtapp","https://www.artgerecht.de/",[771],{"date_published":8,"date_created":8,"date_updated":8,"sort":8,"website_metadata":8,"website_screenshot":8,"built_with":913,"featured_image":914,"partner":876,"id":915,"use_cases":916,"content":917,"short_summary":918,"client_name":919,"project_title":920,"slug":921,"website":922,"status":455,"image_gallery":923},[874,554,901,888],"2f3c83e8-e818-4301-a0c9-b2d5961091bb",71,[537,558],"\u003Cp>\u003Cstrong>Challenge\u003C/strong>\u003C/p>\n\u003Cp>New development of the existing app with recipe book, progress dashboard and transfer as well as optimisation of an existing product database. All content needed to be easily editable via CMS.\u003C/p>\n\u003Cp>\u003Cstrong>Solution\u003C/strong>\u003C/p>\n\u003Cp>Using React Web-App and Directus CMS, an app was created whose content, such as images, videos and texts, can be easily exchanged without any technical knowledge. All functions of the existing app were conceptually rethought and adapted to enhance the user experience and motivation. The brand-new dashboard shows the user's progress in their lifestyle change. As an iteration stage, we integrated the shopping guide with the existing product range and ensured that users can easily submit new products which will be approved by content moderators. The result is an app that motivates users on a daily basis, imparts knowledge and also serves as a reference work for vegan alternative products and recipes.\u003C/p>","Your companion on the way to a sustainable and vegan life: The Veganstart app provides you with useful tips and inspiration to help you break old habits and start your vegan life with motivation. For the animals. For the environment. For you.","PeTA e.V.","Veganstart App - Supports vegan lifestyle with challenges and guides","veganstart","https://www.veganstart.de/",[788],{"date_published":8,"date_created":8,"date_updated":8,"sort":436,"website_metadata":8,"website_screenshot":925,"built_with":926,"featured_image":925,"partner":929,"id":930,"use_cases":931,"content":932,"short_summary":933,"client_name":934,"project_title":935,"slug":936,"website":937,"status":455,"image_gallery":938},"2e2b712e-bd82-43a3-b853-b6ed8b3f45a3",[553,927,928],"ReactQuery","TailwindCSS","04e0f0a4-fd90-4b92-8c8b-2dd1aef627ea",72,[537,558],"\u003Ch3>Context\u003C/h3>\n\u003Cp>Twin Promotion, a dynamic company specializing in real estate promotion, was tasked with creating a website that was both multilingual, responsive, and connected to their Zoho CRM. The goal? To improve lead and property management while providing a smooth user experience. The challenge was even greater as the project had to be completed in just one month.\u003C/p>\n\u003Ch3>Challenges\u003C/h3>\n\u003Cp>This ambitious project presented several technical challenges:\u003C/p>\n\u003Cul>\n\u003Cli>\u003Cstrong>Dynamic Display\u003C/strong>: How to present different categories of properties, whether they are secondary residences, tourist homes, or resales, in a personalized manner.\u003C/li>\n\u003Cli>\u003Cstrong>Zoho CRM Integration\u003C/strong>: It was crucial to ensure real-time data synchronization between the site and Zoho CRM.\u003C/li>\n\u003Cli>\u003Cstrong>API for Ad Delivery\u003C/strong>: We needed to automate ad delivery via Ubiflow on platforms like Leboncoin, Bienici, and Seloger.\u003C/li>\n\u003Cli>\u003Cstrong>Multilingualism\u003C/strong>: The site needed to be accessible in both French and Dutch to better serve the French and Belgian markets.\u003C/li>\n\u003Cli>\u003Cstrong>Next.js Front-end\u003C/strong>: Using Next.js to ensure a powerful and responsive interface.\u003C/li>\n\u003C/ul>\n\u003Ch3>Solution\u003C/h3>\n\u003Cp>To overcome these challenges, we implemented tailored solutions:\u003C/p>\n\u003Cul>\n\u003Cli>\u003Cstrong>Responsive and Dynamic Website\u003C/strong>: Using \u003Cstrong>Directus\u003C/strong> for content management, coupled with a front-end developed with Next.js, we were able to effectively manage the different categories of properties.\u003C/li>\n\u003Cli>\u003Cstrong>Zoho CRM Integration\u003C/strong>: An automatic insertion and real-time synchronization system was implemented for properties and leads.\u003C/li>\n\u003Cli>\u003Cstrong>Secure API for Ad Delivery\u003C/strong>: By automating ad distribution with Ubiflow, we ensured optimal visibility on major real estate platforms.\u003C/li>\n\u003Cli>\u003Cstrong>Multilingual Features\u003C/strong>: A bilingual site was developed, offering better accessibility for customers in France and Belgium.\u003C/li>\n\u003C/ul>\n\u003Ch3>Results\u003C/h3>\n\u003Cp>The implementation of these solutions produced impressive results:\u003C/p>\n\u003Cul>\n\u003Cli>\u003Cstrong>Operational Efficiency\u003C/strong>: A 300% increase in efficiency thanks to the use of Directus and Next.js.\u003C/li>\n\u003Cli>\u003Cstrong>Responsiveness and Sales Management\u003C/strong>: The instant collection of sold properties significantly increased customer satisfaction.\u003C/li>\n\u003Cli>\u003Cstrong>Automation and Integration\u003C/strong>: Simplified integrations with Zapier and Ubiflow facilitated rapid ad distribution.\u003C/li>\n\u003Cli>\u003Cstrong>Multilingual Accessibility\u003C/strong>: The service successfully expanded to customers in France, Belgium, and the Netherlands.\u003C/li>\n\u003C/ul>\n\u003Ch3>Conclusion\u003C/h3>\n\u003Cp>Thanks to Directus and a robust front-end developed with Next.js, \u003Ca href=\"https://www.niouw.com\" target=\"_blank\" rel=\"noopener\">Niouw\u003C/a> has transformed online property management for Twin Promotion, increasing their operational efficiency and laying the foundation for scalable management in the future.\u003C/p>","Creation of the showcase website for Twin Promotion, providing access to all information related to the company and its projects. Find all the properties available for sale in real-time, and contact a consultant through a form or via chat.","Twin Promotion","Twin Promotion Website","twinpromotion","https://www.twinpromotion.fr",[831,845,858,877],{"date_published":8,"date_created":8,"date_updated":8,"sort":443,"website_metadata":8,"website_screenshot":940,"built_with":941,"featured_image":940,"partner":929,"id":942,"use_cases":943,"content":944,"short_summary":945,"client_name":946,"project_title":947,"slug":948,"website":949,"status":455,"image_gallery":950},"1e7bf016-3147-46f9-8a4a-09c7a9b51a68",[553],73,[537],"\u003Cp>Figures de Cote is a unique quarterly magazine that draws inspiration from the seasons to offer a constantly evolving visual and reading experience. With the integration of the Directus CMS and NextJS, the website adapts its color palette according to the time of year, making each visit distinct and engaging. The magazines are available for dynamic reading, allowing users to freely browse them online.\u003C/p>\n\u003Cp>Articles are written directly in the Directus CMS, enabling quick and efficient publication while ensuring smooth content management. A dedicated partner page highlights collaborations, while a sophisticated contact form triggers automation workflows via Directus. This process instantly sends notifications, email confirmations, and, for newsletter subscribers, an API request is sent to Zoho Campaigns for targeted and automated communication.\u003C/p>\n\u003Cp>Figures de Cote thus combines tradition and modernity, offering rich content and an optimized user experience while leveraging the latest technologies for effective and intuitive website management.\u003C/p>","Figures de Cote is a dynamic quarterly magazine that adapts its design to the rhythm of the seasons. The website, powered by Directus and NextJS, provides a smooth reading experience for the magazines, with advanced automation for notifications and subscription management.","Figures de Côte","Figures de Côte Website","figures-de-cote","https://www.figuresdecote.com/",[890,903,915],{"date_published":8,"date_created":8,"date_updated":952,"sort":443,"website_metadata":8,"website_screenshot":953,"built_with":954,"featured_image":956,"partner":787,"id":957,"use_cases":958,"content":959,"short_summary":960,"client_name":961,"project_title":962,"slug":963,"website":964,"status":455,"image_gallery":965},"2025-03-23T13:31:28.537Z","24a5894f-efe4-4fc4-a290-48f48be8a1d9",[553,265,829,955],"sendgrid","0325a5dc-fbd6-4aa5-8085-824ebbdd788d",74,[558,624],"\u003Cp>\u003Cstrong>About the Brand\u003C/strong>\u003Cbr>Saley is an innovative, all-in-one invoicing and follow-up sales software designed to transform traditional sales processes. Tailored specifically for Swiss companies and service providers, Saley is particularly beneficial for coaches and consultants, agencies, financial service providers, insurance companies, and any organization that relies on written offers and contracts. By automating tasks, personalizing offers, and providing valuable insights, Saley empowers businesses to streamline their sales operations, improve conversion rates, and achieve greater success.\u003C/p>\n\u003Cp>\u003Cstrong>The Challenge\u003C/strong>\u003Cbr>Saley is a product of FirstMedia, a Switzerland-based company. Initially, they began developing the backend of Saley using Strapi CMS. However, during the development process, they faced significant challenges related to customization and scalability with Strapi. Recognizing these potential roadblocks, FirstMedia reached out to us for a solution.\u003C/p>\n\u003Cp>\u003Cstrong>Our Solution\u003C/strong>\u003Cbr>After thoroughly analyzing the issues, we recommended transitioning to a Directus . Our team delivered a robust and scalable solution within six months, ensuring that the Saley platform could grow effectively while maintaining the flexibility needed for extensive customization.\u003C/p>\n\u003Cp>\u003Cstrong>Live Demo\u003C/strong>\u003Cbr>Explore the full capabilities of Saley by visiting the live demo: \u003Ca href=\"https://saley.ch/\" target=\"_blank\" rel=\"noopener\">Saley Live Demo\u003C/a>\u003C/p>\n\u003Cp>\u003Cstrong>Client Testimonial\u003C/strong>\u003C/p>\n\u003Cp>\u003Cstrong>\u003Cimg src=\"https://marketing.directus.app/assets/8c51eff1-fbad-44fb-88f4-06973148f347.png?width=1133&height=567\" alt=\"F1\" loading=\"lazy\">\u003C/strong>\u003C/p>\n\u003Cp>\u003Cstrong>Looking for a Reliable Development Partner?\u003C/strong>\u003Cbr>If you are searching for a trusted development agency specializing in headless CMS and scalable software solutions, look no further than WeFrame. With our extensive experience and successful track record, we are the go-to choice for businesses seeking innovative web development services.\u003C/p>\n\u003Cp>\u003Cstrong>Reach Out to Us:\u003C/strong>\u003Cbr>Visit our LinkedIn page: WeFrame LinkedIn\u003Cbr>To schedule a meeting with our team: Schedule a Meeting\u003C/p>\n\u003Cp>At WeFrame, we’re dedicated to helping businesses like yours achieve their digital goals. Connect with us today to discuss how we can elevate your online presence and drive your web development projects forward.\u003C/p>","In this project, we assisted our client Saley in developing a bespoke innovative, all-in-one invoicing and follow-up sales software designed to transform traditional sales processes utilizing a headless architecture","Saley","Custom Multi-tenant Micro SaaS Development with Directus CMS-Saley","custom-multi-tenant-micro-saa-s-development-with-directus-cms-saley","https://saley.ch/",[930,942,957,966],75,{"date_published":8,"date_created":8,"date_updated":8,"sort":8,"website_metadata":8,"website_screenshot":8,"built_with":968,"featured_image":970,"partner":971,"id":966,"use_cases":972,"content":974,"short_summary":975,"client_name":976,"project_title":977,"slug":978,"website":979,"status":455,"image_gallery":980},[496,969,554],"Noodl","e09c2681-2c2c-41d3-b439-1e5a950b6f04","85ef3c3a-aae6-4d76-bfd2-1c6ac3d4861d",[537,558,833,973,624,538],"LMS","\u003Ch4>\u003Cstrong>Conception of the Noodl-Directus Boilerplate Kit\u003C/strong>\u003C/h4>\n\u003Cp>In the fast-paced world of software development, speed and flexibility are paramount. As businesses increasingly demand quicker turnaround times for robust and scalable applications, the need for a tool that could deliver on these fronts became evident. Enter the Noodl-Directus Boilerplate Kit—a project born from the realization that many developers were struggling with the same challenges: lengthy development cycles, the complexity of integrating various tools, and the overhead of managing scalable infrastructure.\u003C/p>\n\u003Cp>The project began with a simple goal: to create a comprehensive, ready-to-use boilerplate that leverages the best features of Noodl and Directus. Noodl, known for its visual, low-code development environment, was the perfect tool for building user interfaces quickly and intuitively. However, pairing it with Directus, an open-source data platform that provides a flexible and powerful backend, took the concept to the next level. The result? A versatile boilerplate that reduces development time without compromising on the quality or scalability of the applications.\u003C/p>\n\u003Ch4>\u003Cstrong>Building the Boilerplate Kit\u003C/strong>\u003C/h4>\n\u003Cp>We started by identifying the most common pain points in the development process—setting up user authentication, managing data models, and integrating APIs—then built solutions directly into the kit. The idea was to create something that didn’t just work out of the box but was also easily customizable to meet the specific needs of different projects.\u003C/p>\n\u003Cp>One of the key challenges was ensuring that the boilerplate remained lightweight while being comprehensive enough to handle complex use cases. We carefully curated the components, focusing on modularity and ease of use. For instance, the Noodl components were designed to be as intuitive as possible. On the backend, Directus provided a flexible data layer, with pre-configured schemas that could be extended as needed.\u003C/p>\n\u003Ch4>\u003Cstrong>Results and Impact\u003C/strong>\u003C/h4>\n\u003Cp>Since its launch, the Noodl-Directus Boilerplate Kit has been adopted by a wide range of users, from indie developers working on personal projects to large enterprises looking to streamline their development processes. The feedback has been positive, with users praising its ease of use, flexibility, and the time it saves them in getting their applications to market.\u003C/p>\n\u003Cp>The Noodl-Directus Boilerplate Kit is more than just a tool—it’s a catalyst for innovation. By simplifying the development process and providing a solid foundation for scalable, high-performance applications, it empowers developers and businesses to focus on what really matters: building great products. Whether you’re a startup looking to make your mark or an established enterprise aiming to stay ahead of the curve, this boilerplate kit is the solution you’ve been waiting for.\u003C/p>","The Noodl-Directus Boilerplate Kit is a powerful, flexible tool designed for developers and businesses looking to accelerate their web app development process. Leveraging the strengths of Noodl’s visual development environment and Directus’ open-source data platform, this boilerplate kit enables you to build scalable, full-stack applications with minimal coding. \n\nIt’s perfect for startups and enterprises alike, allowing you to focus on innovation rather than getting bogged down in infrastructure.","TheSavvyTech","TheSavvyTech Boilerplate Kit","thesavvytech-boilerplate","https://lnk-me.xyz/d-thesavvytech-boilerplate",[],{"date_published":8,"date_created":8,"date_updated":8,"sort":436,"website_metadata":8,"website_screenshot":982,"built_with":983,"featured_image":985,"partner":986,"id":987,"use_cases":988,"content":989,"short_summary":990,"client_name":991,"project_title":992,"slug":993,"website":994,"status":455,"image_gallery":995},"ab55c910-7c71-4ab1-8bd9-0f890720168b",[496,553,984,554],"NextUI","b31bfec8-1300-417a-965a-e7da0ceecad9","4736ecdf-a54d-41cb-bc2b-2b263fd51bef",77,[558,624],"\u003Cp>We successfully delivered a robust solution for an online IT academy, building the backend on Directus.io and the frontend with Next.js and NextUI.org. The system was designed to streamline the academy’s operations with advanced features like a Gantt chart for visualizing course progression, automated certificate generation for completed courses, and seamless payment matching for course enrollments. Additionally, the system incorporated various other custom features to enhance the user experience and improve administrative efficiency. This tailored solution has provided the client with a powerful, scalable platform to manage their growing online education business.\u003C/p>","We developed a comprehensive system for an online IT academy using Directus.io for the backend and Next.js with NextUI.org for the frontend. The project included special features such as a Gantt chart for course sequencing, automated certificate generation, and payment tracking, among many others.","CodersLab.cz","CodersLab - internal system","coderslab","https://www.coderslab.cz",[996],76,{"date_published":8,"date_created":8,"date_updated":8,"sort":443,"website_metadata":8,"website_screenshot":998,"built_with":999,"featured_image":998,"partner":986,"id":1000,"use_cases":1001,"content":1002,"short_summary":1003,"client_name":1004,"project_title":1005,"slug":1006,"website":1007,"status":455,"image_gallery":1008},"c59352f5-d2f3-40cb-9423-9a53fb307cc6",[496,553,554],78,[537],"\u003Cp>For a client whose website was partially built on Directus, with only the blog managed through the system, we undertook a comprehensive overhaul. We restructured the entire website into dynamic content blocks, enabling the client to manage all content directly within Directus. This transformation provided the client with full control over the website’s content, streamlining updates and ensuring flexibility for future changes without the need for hardcoded modifications. The result is a more dynamic, scalable, and user-friendly content management experience.\u003C/p>","We revamped a client's website, originally built on Directus with only the blog managed in the system. We transformed the entire site into dynamic blocks, allowing all content to be managed directly within Directus.","Altron Modular","CMS for Altron-modular.com","altron-modular","https://altron-modular.com/",[],{"date_published":8,"date_created":8,"date_updated":8,"sort":477,"website_metadata":8,"website_screenshot":8,"built_with":1010,"featured_image":1011,"partner":986,"id":1012,"use_cases":1013,"content":1014,"short_summary":1015,"client_name":1016,"project_title":1017,"slug":1018,"website":1019,"status":455,"image_gallery":1020},[496,553,554],"6c85d91d-c791-4618-acd0-b7aba5abc43c",79,[558,624],"\u003Cp>We developed a sophisticated client portal for an accounting firm, enabling clients to directly upload their income and expense records. These records are seamlessly synchronized with the firm’s internal accounting system, eliminating the need for manual data entry and reducing operational costs. The portal also includes advanced modules for shift scheduling and work report logging, enhancing internal efficiency. The backend was built primarily using Directus, while the frontend leveraged React.js, Next.js, and NextUI to provide a smooth, user-friendly experience. This solution not only streamlined the firm’s operations but also provided clients with a convenient, accessible platform for managing their financial documentation.\u003C/p>","We built a client portal for an accounting firm where clients can upload their income and expenses, which are synchronized with the firm’s internal accounting system. The portal, with a backend powered by Directus and a frontend using React.js, Next.js, and NextUI, also features modules for shift scheduling and work report logging.","ENADATA","Accounting company portal","accounting-company-portal","https://enadata.cz/",[],{"date_published":8,"date_created":8,"date_updated":8,"sort":478,"website_metadata":8,"website_screenshot":8,"built_with":1022,"featured_image":1023,"partner":986,"id":1024,"use_cases":1025,"content":1026,"short_summary":1027,"client_name":1028,"project_title":1029,"slug":1030,"website":1031,"status":455,"image_gallery":1032},[553,497,533],"46e06c43-ee1a-456b-90f9-a4904c139dc1",80,[558,833,624,538],"\u003Cp>We created a powerful Product Information Management (PIM) system for a retailer of industrial goods who was migrating from an unsatisfactory ecommerce platform to Shopify. Using Directus, we developed a solution that efficiently manages all product-related data, such as categories, tags, images, and translations. We also implemented full synchronization between Directus and Shopify, ensuring seamless data management across platforms. This scalable solution is now available for other Shopify store owners seeking a robust, flexible PIM system to streamline their product management processes, enhancing efficiency and accuracy across their ecommerce operations.\u003C/p>","We developed a custom PIM system for an industrial goods retailer transitioning from an outdated ecommerce platform to Shopify. Built on Directus, the system manages product information, including categories, tags, images, and translations, and fully synchronizes with Shopify. This solution is now available for other Shopify merchants in need of a robust PIM.","Intercut.cz","PIM for Shopify store","directus-pim-shopify","https://www.intercut.cz/",[],{"date_published":8,"date_created":8,"date_updated":1034,"sort":8,"website_metadata":8,"website_screenshot":1035,"built_with":1036,"featured_image":1041,"partner":1042,"id":1043,"use_cases":8,"content":1044,"short_summary":1045,"client_name":1046,"project_title":1047,"slug":1048,"website":1049,"status":455,"image_gallery":1050},"2025-02-18T23:20:31.471Z","b0027e0c-3c24-4d65-afb0-601f47158ae7",[1037,1038,496,1039,498,1040],"AlpineJS","ApacheHTTPD","KrakendGateway","SpringBoot","0d891c35-af86-4a53-acab-deb83835ce28","43412cef-62ee-469c-b391-a4e2a795fbc2",81,"\u003Cp>We built a scalable web solution for a USA cum Peru-based technology consulting client, using a multi-tier architecture with Apache HTTPD, Spring Boot, AlpineJS, Bootstrap, Krakend Gateway, Directus, and PostgreSQL. Directus served as the headless CMS, enabling easy content management. \u003C/p>\n\u003Cp>Our Spring Boot application accessed Directus content through Krakend Gateway for secure and optimized API calls. To reduce server load and latency, we implemented caching at the application level, refreshing content daily instead of making frequent API calls. This approach ensured high performance, faster load times, and seamless content updates, providing a dynamic and responsive user experience.\u003C/p>","We built a solution that solved the challenge of delivering dynamic, content-rich web experiences for our client in the technology consulting business in the USA and Peru. Using a multi-tier architecture with Apache HTTP, Spring Boot, AlpineJS, Bootstrap, Krakend Gateway, Directus, and PostgreSQL, we integrated Directus as the headless CMS to manage content. Our Spring Boot application invoked the Directus API via the gateway, displaying content efficiently while minimizing server load by caching content and refreshing it daily, reducing latency and improving performance across the site.","Nick Gonsalves","Alcanxe","alcanxe","https://www.alcanxe.com/",[],{"date_published":8,"date_created":8,"date_updated":1052,"sort":8,"website_metadata":8,"website_screenshot":1053,"built_with":1054,"featured_image":1057,"partner":1042,"id":1058,"use_cases":8,"content":1059,"short_summary":1060,"client_name":1061,"project_title":1062,"slug":1063,"website":1064,"status":455,"image_gallery":1065},"2025-02-12T22:17:23.762Z","b868c108-9c7e-4674-a0a3-be451008fa77",[1037,1055,1056,496,1039,498,1040],"ApacheHTTD","Bootstrap","170dcf87-e010-4f89-9a99-814208ecf922",82,"\u003Cp>We developed a tailored e-commerce solution for CropX360, integrating various advanced technologies to ensure a seamless user experience and efficient back-end operations. At the core of this solution is Directus, which functions as both a Content Management System (CMS) and Backend-as-a-Service (BaaS). This dual role enables CropX360 to manage and deliver content dynamically while providing the necessary infrastructure to handle complex e-commerce functionality.\u003C/p>\n\u003Cp>Directus, acting as the BaaS, provided the essential data model and API structure for managing key aspects of the e-commerce platform. This includes data regarding shopping carts, customer information, checkout processes, and payment data. The integration between Directus, ZOHO Inventory, and Razorpay was facilitated through the Neobiz platform, which served as the central point connecting all these services. Directus enabled the platform to communicate effectively with ZOHO Inventory for product availability and order management, while simultaneously handling payment data from Razorpay to ensure accurate order fulfillment.\u003C/p>\n\u003Cp>This seamless connection between the platform and external services ensured real-time synchronization of cart and inventory data, streamlined the checkout process, and provided secure payment processing. The result was a highly efficient, scalable e-commerce platform that allowed CropX360 to manage its operations effortlessly while providing an enhanced, user-friendly shopping experience for its customers.\u003C/p>","We developed a comprehensive e-commerce solution for CropX360, utilizing Directus as both a CMS and Backend-as-a-Service (BaaS). Zoho Inventory was integrated to manage products and sales records, while Razorpay handled secure payments during checkout. Directus, in its BaaS role, provided a robust data model and API, seamlessly bridging data related to the cart, checkout, customers, and payments between the Neobiz platform, Zoho Inventory, and Razorpay. This integration ensured smooth operations, real-time updates, and a streamlined checkout experience for users.","Mithun Chowdary","Cropx360","cropx360","https://www.cropx360.com/",[],{"date_published":8,"date_created":8,"date_updated":1067,"sort":436,"website_metadata":8,"website_screenshot":8,"built_with":1068,"featured_image":1075,"partner":1076,"id":1077,"use_cases":1078,"content":1079,"short_summary":1080,"client_name":1081,"project_title":1082,"slug":1083,"website":8,"status":455,"image_gallery":1084},"2025-02-18T22:29:42.130Z",[496,1069,1070,466,1071,1072,1073,467,1074],"GoogleCloudPlatform","Nestjs","Pulumi","Sentry","Typescript","WhatsappBusinessAPI","8994c59a-4355-4597-8467-f4703acfa375","f8418078-0c69-469f-85da-e8a51c678ddb",84,[558,624],"\u003Cp>Thunderbrothers is handling hundreds of thousands of car washes a year across 30+ sites.\u003Cbr>Their Airtable, Landbot and Make setup was becoming slow, cumbersome and expensive.\u003C/p>\n\u003Cp>Symbyte implemented a Whatsapp App, Frontoffice Management App using Directus as the Backend as a Service and Backoffice.\u003C/p>\n\u003Cp>The big secret sauce in the system is that customers getting their work orders (car washes) handled are communicated very clearly with on every step.\u003C/p>","A scale problem was solved for a car wash management system.","Thunderbrothers","Multi-Tenant Work Order System","thunderbrothers",[987,1000,1012,1024,1043,1058],{"date_published":8,"date_created":8,"date_updated":1086,"sort":443,"website_metadata":8,"website_screenshot":8,"built_with":1087,"featured_image":1090,"partner":1091,"id":1092,"use_cases":1093,"content":1094,"short_summary":1095,"client_name":1096,"project_title":1097,"slug":1098,"website":1099,"status":455,"image_gallery":1100},"2025-04-28T11:27:07.254Z",[1088,673,1089,466],"Apollo","Linode","cb9ae0f5-4266-40a6-b9c6-1173967ee3cb","ed19bced-6469-4840-953c-8da5baac6714",87,[537,624],"\u003Cp>We’ve been adding functionality to \u003Ca href=\"https://csfla.org\" target=\"_blank\" rel=\"noopener noreferrer\">the Christian Schools of Florida’s web site\u003C/a> gradually for years — they call it their workhorse. Much of CSF’s activities are implemented through it: peer reviews among schools for accreditation; teacher certification in what Florida’s Department of Education calls the Professional Learning Catalog; membership management; and document management.\u003C/p>\n\u003Cp>Its last major overhaul was back in 2017, when we redesigned it completely, but kept the backend engine, ExpressionEngine. We’re now in the process of migrating the entire system to Directus and Nuxt.\u003C/p>","Having built out the Christian Schools of Florida site over years to handle the organization's various activities, we are in the process of rebuilding it using Nuxt and Directus.","Christian Schools of Florida","Migration from ExpressionEngine","csf-migration-from-ee","https://v2024.csfla.org",[],{"date_published":8,"date_created":8,"date_updated":1102,"sort":436,"website_metadata":8,"website_screenshot":8,"built_with":1103,"featured_image":1105,"partner":1091,"id":1106,"use_cases":1107,"content":1108,"short_summary":1109,"client_name":1110,"project_title":1111,"slug":1112,"website":1113,"status":455,"image_gallery":1114},"2025-04-28T11:27:07.233Z",[1088,1104,673,466],"Authorize.net","801f5acd-f897-4dd4-94a1-2264a2680e61",89,[558,624,538],"\u003Cp>One of the largest such organizations in the United States, serving over 74,000 students at over 140 member schools, an Association [name available upon request] needed a new registration system for managing their multiple annual events — especially their complex Annual Conference. They turned to Engaging to build their new event registration portal.\u003C/p>\n\u003Cp>Previously, each member school’s registration manager had to re-enter each attendee’s details for each event, an administrative chore particularly burdensome for larger schools. Now, they need only check a box next to someone’s name.\u003C/p>\n\u003Cp>Other features include:\u003C/p>\n\u003Cul>\n\u003Cli>Event tracks/streams (single-choice pathways within events) \u003C/li>\n\u003Cli>Event sessions (each with its own cost, venue, date & time)\u003C/li>\n\u003Cli>Discounts for events series (each promoted and purchasable from its sibling events)\u003C/li>\n\u003Cli>Bulk pricing (set in ranges)\u003C/li>\n\u003Cli>Member and non-member pricing\u003C/li>\n\u003Cli>Speakers and other descriptive aspects of an event such as its target audiences, topics, testimonials, photos and agenda\u003C/li>\n\u003Cli>Dietary preferences (set per person then override-able for each event)\u003C/li>\n\u003Cli>Saving then returning to a registration before submitting\u003C/li>\n\u003Cli>Adding additional attendees to already-submitted registrations\u003C/li>\n\u003C/ul>\n\u003Cp>Registration signup forms only appear during each event's configured registration period. For payments, the Association chose to keep their current processor \u003Ca href=\"https://authorize.net\" target=\"_blank\" rel=\"noopener noreferrer\">Authorize.net\u003C/a>.\u003C/p>\n\u003Cp>\u003Cspan class=\"caps\">The Association\u003C/span> is enjoying other new benefits of the system, such as:\u003C/p>\n\u003Cul>\n\u003Cli>\u003Cstrong>Automated nametags:\u003C/strong> Event nametags can be generated directly, eliminating the manual merge process.\u003C/li>\n\u003Cli>\u003Cstrong>Instant reports:\u003C/strong> Comprehensive reports are available at all times, streamlining what was previously a manual process involving collating data from various sources. Any report can be instantly sorted, filtered and exported to a CSV file.\u003C/li>\n\u003Cli>\u003Cstrong>Log in as:\u003C/strong> System administrators can log in as other users without needing their passwords, providing necessary perspective on the system’s usability vis-a-vis all types of users.\u003C/li>\n\u003Cli>\u003Cstrong>Manual resend:\u003C/strong> While notification emails are triggered automatically by defined events, such as a registration, they can also be manually resent.\u003C/li>\n\u003C/ul>\n\u003Ch2>On the go, day and night\u003C/h2>\n\u003Cp>Although the most common usage for \u003Cspan class=\"-product\">the system\u003C/span> is from a desk during work hours, the system nonetheless reduces neatly for mobile-sized screens and sports a rather dashing Dark Mode.\u003C/p>\n\u003Cp>It also builds on the Asssociation’s branding, utilizing the fonts and colors of their main site.\u003C/p>\n\u003Ch2>Unto semantic blocks\u003C/h2>\n\u003Cp>To reduce cognitive load on users, each content type has its own distinct typographic treatment; we call this \u003Cem>semantic typography\u003C/em>. Here this extends further to semantic blocks; for each event, not only its title but all its aspects — its date, location, topics, registration deadlines and more — appear consistently across the system as a unit.\u003C/p>\n\u003Ch2>Engaging OS\u003C/h2>\n\u003Cp>Powering these and other enhancements is \u003Cspan class=\"-engaging-os\">Engaging OS\u003C/span>, our role-based engine for organization-wide systems.\u003C/p>\n\u003Cp>Built on Directus and the Vue framework \u003Ca href=\"https://nuxt.com/\" target=\"_blank\" rel=\"noopener noreferrer\">Nuxt\u003C/a>, and informed by business process management systems such as \u003Ca href=\"https://camunda.com\" target=\"_blank\" rel=\"noopener noreferrer\">Camunda\u003C/a>, \u003Cspan class=\"-engaging-os\">Engaging OS\u003C/span> is the culmination to date of our experience in developing such systems.\u003C/p>\n\u003Ch2>Future-ready\u003C/h2>\n\u003Cp>After launch, the Association’s events director wrote:\u003C/p>\n\u003Cblockquote>I love that it is so customizable; after working through all of our events the first year and making the customizable changes, this is going to run really smoothly in the future with the specific fields we need, which is awesome... People have complimented how easy it will be to register in the future, and I believe that will help encourage registrations in general.\u003C/blockquote>\n\u003Cp>We're looking forward to adding new functionality wherever and whenever needed.\u003C/p>","A large schools association needed to handle group registrations for their year-round events program. Using the Engaging OS enterprise engine, we delivered a system beyond their specifications that's role-based and future-ready.","[available upon request]","Group Events Registration for an Association","group-events","https://engaging.events",[],{"date_published":8,"date_created":8,"date_updated":1116,"sort":436,"website_metadata":8,"website_screenshot":1117,"built_with":1118,"featured_image":1120,"partner":1121,"id":1122,"use_cases":1123,"content":1124,"short_summary":1125,"client_name":1126,"project_title":1127,"slug":1128,"website":1129,"status":455,"image_gallery":1130},"2025-02-18T23:21:22.990Z","7852fe82-d972-4071-862c-e8aeaff42ff4",[496,1119],"Eleventy","9ba26681-5381-4351-8dbe-ba69aca61091","623ca72f-03c3-4ab0-98cb-37f4732a6959",90,[537],"\u003Cp>The Brenthurst Foundation is a leading African think tank. Producing high-quality thought leadership content is at the heart of its organisational strategy, and its website is the crucial platform for this content.\u003C/p>\n\u003Cp>Using Directus as CMS, we built an easy-to-manage website accommodating a range of content, from books to news to podcasts, and with interactive features like the \u003Ca href=\"https://www.thebrenthurstfoundation.org/vitals/\" target=\"_blank\" rel=\"noopener\">South Africa Vital Signs Tracker\u003C/a>. Robust editorial workflows are embedded into the CMS. Combined with the rest of our Entle Core® technology stack, the result is a performant, maintainable, and scalable content platform.\u003C/p>\n\u003Cp>Since its launch, the website has significantly increased The Brenthurst Foundation's organic traffic and audience engagement.\u003C/p>","We built a comprehensive website for a leading African think tank, to significantly increase reach and engagement.","The Brenthurst Foundation","Comprehensive Think Tank Website","brenthurst","https://www.thebrenthurstfoundation.org/",[1131,1132,1133,1134],93,94,95,96,{"date_published":8,"date_created":8,"date_updated":8,"sort":477,"website_metadata":8,"website_screenshot":8,"built_with":1136,"featured_image":1137,"partner":1138,"id":1139,"use_cases":1140,"content":1141,"short_summary":1142,"client_name":1143,"project_title":1144,"slug":1145,"website":1146,"status":455,"image_gallery":1147},[605,553,554],"22461d93-7e13-4e6b-81c4-3d3835ff12c4","db520e87-ca0f-41b1-a94a-3e0522cef2a7",91,[558,624],"\u003Cp class=\"whitespace-pre-wrap break-words\">Directus has revolutionized the digital sales ecosystem of VHV.de by providing a centralized, flexible data management solution that streamlines complex distribution processes. The platform now serves as a critical infrastructure for managing diverse digital touchpoints, from online tariff calculators to comprehensive partner management systems.\u003C/p>\n\u003Cp class=\"whitespace-pre-wrap break-words\">At the heart of VHV's digital sales strategy, Directus enables seamless configuration of online tariff calculators, allowing rapid adjustments to tariff features and partner themes. The platform supports a sophisticated digital broker kit that serves nearly 10,000 affiliate partners, providing them with up-to-date resources and configurations that can be quickly modified and deployed.\u003C/p>\n\u003Cp class=\"whitespace-pre-wrap break-words\">What was once a fragmented landscape of custom development solutions has been transformed into a unified, efficient ecosystem. Directus dramatically accelerates development by providing instant data storage, management capabilities, and robust APIs with minimal configuration overhead. This allows our development teams to shift focus from backend infrastructure to creating innovative sales and customer interaction experiences.\u003C/p>\n\u003Cp class=\"whitespace-pre-wrap break-words\">By centralizing data management across multiple sales-related web applications, Directus has become the backbone of the digital distribution strategy, enabling faster time-to-market, more flexible product configurations, and a more agile approach to digital sales tools.\u003C/p>\n\u003Cp class=\"whitespace-pre-wrap break-words\">VHV is one of Germany’s largest automobile and third party liability insurers and an expert in the construction sector. The product philosophy is epitomized by above-average benefits for an attractive price.\u003C/p>","Directus transformed the VHV sales ecosystem by centralizing data management across multiple web applications. As a versatile backend solution, it streamlines the management of online tariff calculators, marketing shops, and a digital broker kit for 10,000 partners. By simplifying data storage and API creation, Directus enables the dev teams to focus on frontend innovation.","VHV insurance","The Swiss Army Knife of VHV's Digital Sales Ecosystem","vhv","https://www.vhv.de",[],{"date_published":8,"date_created":8,"date_updated":1149,"sort":477,"website_metadata":8,"website_screenshot":8,"built_with":1150,"featured_image":1151,"partner":1138,"id":1152,"use_cases":1153,"content":1154,"short_summary":1155,"client_name":1156,"project_title":1157,"slug":1156,"website":1158,"status":455,"image_gallery":1159},"2025-03-11T16:45:17.411Z",[553,554],"d9b148f8-968e-443b-9d21-a327a9478162",92,[537,558,624],"\u003Cp>\u003Cstrong>Challenge\u003C/strong>\u003C/p>\n\u003Cp>As one of Germany's leading sustainable energy providers serving over a million customers, enercity needed a flexible solution to connect and manage their diverse digital services. The challenge was to find a unified approach for handling everything from customer-facing applications to internal tools without implementing multiple specialized systems.\u003C/p>\n\u003Cp>\u003Cstrong>Solution\u003C/strong>\u003C/p>\n\u003Cp>Implementing Directus as the digital glue has transformed how enercity builds and manages its digital ecosystem. As their implementation partner, we've leveraged Directus's headless CMS capabilities across multiple critical business areas:\u003C/p>\n\u003Cp>\u003Cstrong>Customer Experience Solutions\u003C/strong>\u003C/p>\n\u003Cul>\n\u003Cli>\u003Cstrong>Product Configurators\u003C/strong>: Comprehensive management of product configurations, lead tracking, and seamless integration with e.Pilot, including bundle offerings and affiliate programs\u003C/li>\n\u003Cli>\u003Cstrong>Support Portal\u003C/strong>: Full CMS functionality with Zendesk integration for streamlined customer service\u003C/li>\n\u003Cli>\u003Cstrong>Customer Recommendation System\u003C/strong>: Managing frontend pages, partner relationships, promotional actions, and referral codes\u003C/li>\n\u003Cli>\u003Cstrong>Outage Management\u003C/strong>: Real-time handling of service disruption notifications with customer subscription capabilities\u003C/li>\n\u003C/ul>\n\u003Cp>\u003Cstrong>Infrastructure Management\u003C/strong>\u003C/p>\n\u003Cul>\n\u003Cli>\u003Cstrong>EV Charging Network\u003C/strong>: Backend administration for the complete charging point network and their specifications\u003C/li>\n\u003Cli>\u003Cstrong>API Development\u003C/strong>: Rapid creation and management of new APIs as business needs evolve\u003C/li>\n\u003C/ul>\n\u003Cp>\u003Cstrong>Internal Tools\u003C/strong>\u003C/p>\n\u003Cul>\n\u003Cli>\u003Cstrong>HR Onboarding Platform\u003C/strong>: Personalized landing pages for new employees before their first day\u003C/li>\n\u003Cli>\u003Cstrong>Job Alert System\u003C/strong>: Integration with Workday for automated job notifications to interested candidates\u003C/li>\n\u003C/ul>\n\u003Cp>\u003Cstrong>Marketing Operations\u003C/strong>\u003C/p>\n\u003Cul>\n\u003Cli>\u003Cstrong>Email Campaign Management\u003C/strong>: Automated opt-in campaigns to grow newsletter subscriptions among existing customers\u003C/li>\n\u003Cli>\u003Cstrong>Landing Page Administration\u003C/strong>: Quick deployment and management of marketing landing pages\u003C/li>\n\u003C/ul>\n\u003Cp>\u003Cstrong>Results\u003C/strong>\u003C/p>\n\u003Cp>By implementing Directus as their central digital platform, enercity has achieved:\u003C/p>\n\u003Cul>\n\u003Cli>Faster development cycles for new digital solutions\u003C/li>\n\u003Cli>Reduced complexity in system architecture\u003C/li>\n\u003Cli>Improved efficiency in content and data management\u003C/li>\n\u003Cli>Enhanced ability to focus on platform evolution rather than tool maintenance\u003C/li>\n\u003Cli>Seamless integration capabilities across multiple business functions\u003C/li>\n\u003C/ul>\n\u003Cp>This comprehensive solution demonstrates how Directus can serve as the foundation for a complex digital ecosystem, enabling both rapid development and efficient ongoing operations while maintaining flexibility for future growth.\u003C/p>","enercity utilizes Directus as their digital glue across multiple applications. We've integrated this headless CMS to power everything from customer portals and EV charging management to HR tools and marketing automation. Directus serves as the connecting element that enables rapid development and efficient data management across enercity's ecosystem.","enercity","Digital Glue: Powering enercity's Connected Ecosystem","https://www.enercity.de",[1160],161,{"date_published":8,"date_created":8,"date_updated":8,"sort":443,"website_metadata":8,"website_screenshot":8,"built_with":1162,"featured_image":1163,"partner":1164,"id":1131,"use_cases":8,"content":1165,"short_summary":1166,"client_name":1167,"project_title":1168,"slug":1169,"website":1170,"status":455,"image_gallery":1171},[496,553],"c9929571-71ec-444d-ba19-3419edefc024","62d1802e-a5dc-4468-8dec-3d04dda7555e","\u003Cp class=\"MsoNormal\">The National University of Singapore, School of Computing seeks an easy-to-use portal to simplify content management and publication. To meet this need, Websparks has selected Directus as the chosen content management system (CMS).\u003C/p>\n\u003Cp class=\"MsoNormal\">Directus Data Studio provides an intuitive, user-friendly interface, allowing content creators and editors to manage and publish updates with ease, without requiring extensive technical expertise. Additionally, Directus provides flexible permission and roles system, which lets administrators control who can view, edit, and publish content. This ensures that the right people have access to the right features, making content management secure and streamlined.\u003C/p>\n\u003Cp class=\"MsoNormal\">Websparks has collaborated closely with the NUS IT department to install and host the Directus instance and containerize the Next.js frontend application. This approach streamlines deployment and ensures the system is both scalable and portable. Additionally, Tailwind CSS will be used for the frontend design, creating a modern, responsive layout that aligns with NUS's corporate design. This combination of technologies guarantees a fast, reliable, and visually appealing platform that meets the university’s needs for efficient content management and consistent presentation across various digital channels.\u003C/p>","National University of Singapore, School of Computing is looking for an easy-to-use portal to allow them to publish content easily. Websparks decides to use Directus as the go to content management system.","National University of Singapore, School of Computing","Celebrating 50 Years of Computing Education","national-university-of-singapore","https://50years.comp.nus.edu.sg/home",[1172,1173,1174],138,139,140,{"date_published":8,"date_created":8,"date_updated":8,"sort":477,"website_metadata":8,"website_screenshot":1176,"built_with":1177,"featured_image":1181,"partner":1182,"id":1132,"use_cases":1183,"content":1184,"short_summary":1185,"client_name":1186,"project_title":1187,"slug":1188,"website":1189,"status":455,"image_gallery":1190},"2e48cf3f-60dd-4ad2-a4d9-e2bfccfef396",[1178,466,1179,1180],"3rdpartyconnection","OpenAI","directus-extensions","2fc3ceb9-3105-45a7-9ee5-b9efebb6335d","0e3119c1-ad0a-4620-9e30-30728f36801a",[537,558,833,624,538],"\u003Cp>The Head Quarters for Digital Agency Operations. With ButlerOS you can manage projects, tasks, and more, but works quite well also for collecting/checking invoices and even as a developer platform to check deploys and dev stacks. Why not adding some networking (people and organisations) or even connection to 3rd party applications for data transformation and loading? What about small projects that only needs a few tables?\u003C/p>\n\u003Cp>We started (y)\u003Ca href=\"https://otto.welance.com/\">\u003Cstrong>our \"organisation database\"\u003C/strong>\u003C/a>, and we can't stop improving it!\u003C/p>\n\u003Cp>Directus is the perfect platform to make this grow, and prepare structured data in a clean Postgres, to then interrogate and re-elaborate with data tooling and LLMs.\u003C/p>\n\u003Cp>Ever looked for an simple and easy-to-maintain tool to kickstart your Organisation's organisation? Join us and let's collaborate to make ButlerOS OUR best tool for it.\u003C/p>","What gives value to a digital Agency? Services? People Network? Tech? We built our Agency OS to have a better view on what our organisation is doing and what could be doing more or should be doing less. Which projects have which status, how many invoices have to be paid, which project is hosting with us, what is a particular projects' stack and much more.","welance","ButlerOS - Your Agency Digital HQ","butler-agency-os","https://welance.com/about-us",[],{"date_published":8,"date_created":8,"date_updated":8,"sort":477,"website_metadata":8,"website_screenshot":1192,"built_with":1193,"featured_image":1196,"partner":1182,"id":1133,"use_cases":1197,"content":1198,"short_summary":1199,"client_name":1200,"project_title":1201,"slug":1202,"website":1203,"status":455,"image_gallery":1204},"5b441afa-5203-4a3d-be10-9bd34a50480c",[1194,553,1195,554,265],"API","Postgres","55aab944-aeed-4b09-ba20-e5d58f422314",[537,558],"\u003Cp>\u003Cem>\u003Cstrong>Rural Startup Studio\u003C/strong>\u003C/em> (in the 38-45 age group) aims to help develop \"start-ups\" to serve rural communities. Once \"bootstrapped,\" they are left to young people, creating more attractive, modern opportunities not yet present in rurality. \u003Ca href=\"https://ruralinnovation.us/about/\">\u003Cstrong>USA reference\u003C/strong>\u003C/a>\u003C/p>\n\u003Cp>\u003Cem>\u003Cstrong>Rural Pop-Up\u003C/strong>\u003C/em> is the first of these \"service-based rural start-ups,\" which hopes to become economically viable and be maintained by young people in the (18-35) range, funded by a dedicated PNRR call created for exactly this purpose. \u003Cstrong>TLDR2;\u003C/strong> an agency that rents out under-utilized, rural spaces. \u003Ca href=\"https://freiraum-prignitz.de/\">\u003Cstrong>DEU reference\u003C/strong>\u003C/a>\u003C/p>","We built a place to showcase and rent out Italian Public Spaces like deconsecrated churches, towers, multi-purpose halls, squares and more!","Rural Startup Studio (welance rural)","Rural Pop-Up","rural-pop-up","https://rural-pop-up.com",[],{"date_published":8,"date_created":8,"date_updated":1206,"sort":477,"website_metadata":8,"website_screenshot":8,"built_with":1207,"featured_image":1208,"partner":1209,"id":1134,"use_cases":1210,"content":1211,"short_summary":1212,"client_name":1213,"project_title":1214,"slug":1215,"website":1216,"status":455,"image_gallery":1217},"2025-02-18T22:31:03.734Z",[553,554],"e81fc329-3db5-40bc-8a94-c8b8bbea470e","df66d7ff-85ba-488e-8ae1-878bc387f4d8",[537,558],"\u003Cdiv class=\"flex max-w-full flex-col flex-grow\">\n\u003Cdiv class=\"min-h-8 text-message flex w-full flex-col items-end gap-2 whitespace-normal break-words text-start [.text-message+&]:mt-5\" dir=\"auto\" data-message-author-role=\"assistant\" data-message-id=\"8f21a1af-1233-4148-8ee6-4badc5a54380\" data-message-model-slug=\"gpt-4o\">\n\u003Cdiv class=\"flex w-full flex-col gap-1 empty:hidden first:pt-[3px]\">\n\u003Cdiv class=\"markdown prose w-full break-words dark:prose-invert light\">\n\u003Cp>OneGreen.de is the go-to platform for the quick and secure sale of THG quotas, which are available to every electric vehicle owner. For Leasingmarkt.de and Autoscout24, we handled the complete platform development, including the website, content management system, backend system, and back-office processes.\u003C/p>\n\u003C/div>\n\u003C/div>\n\u003C/div>\n\u003C/div>\n\u003Cdiv class=\"mb-2 flex gap-3 empty:hidden -ml-2\">\n\u003Cdiv class=\"items-center justify-start rounded-xl p-1 z-10 -mt-1 bg-token-main-surface-primary md:absolute flex\"> \u003C/div>\n\u003C/div>\n\u003Cp>The platform offers a streamlined user experience through a well-designed checkout funnel. This feature enables users to submit personal and vehicle data, as well as upload necessary documents via a multi-upload function, all in a straightforward and privacy-compliant process. Applications can be completed in under three minutes, and users receive payouts in as few as five days depending on their chosen plan.\u003C/p>\n\u003Cp>The backend system is powered by Directus, a robust data platform that provides APIs and tools for application management. Submitted applications are pre-qualified by staff, certified by the Federal Environment Agency (UBA), and subsequently sold to fuel companies. In this project we leveraged Directus features to optimize the processes of the internal staff.\u003C/p>\n\u003Cp>A dedicated dashboard is available for business clients such as car dealerships. This dashboard provides detailed statistics, including commission earnings, lead counts, and contract statuses, displayed clearly for various timeframes.\u003C/p>\n\u003Cp>The website’s design is fully responsive, ensuring an optimized experience on desktops, tablets, and smartphones. This ensures that all users enjoy a high-quality interface regardless of their device.\u003C/p>\n\u003Cp>The platform is built with Next.js, a React framework that enables server-side rendering, resulting in faster load times and improved search engine optimization (SEO). Directus powers the backend, delivering user-friendly administration tools and flexible data visualization capabilities.\u003C/p>","The OneGreen platform was developed to enable electric vehicle (EV) owners to sell greenhouse gas reduction quotas (THG quotas) easily and securely. Since 2022, EV owners can monetize their sustainable energy use, receiving financial compensation while helping fuel companies meet mandated CO₂ reduction targets. The system caters to both private users and dealerships.","OneGreen GmbH","OneGreen","one-green","https://www.onegreen.de",[],{"date_published":8,"date_created":8,"date_updated":1219,"sort":477,"website_metadata":8,"website_screenshot":8,"built_with":1220,"featured_image":1221,"partner":1209,"id":866,"use_cases":1222,"content":1223,"short_summary":1224,"client_name":1225,"project_title":1226,"slug":1227,"website":1228,"status":455,"image_gallery":1229},"2025-02-18T22:31:20.405Z",[496,554,901],"53a572d8-ed40-4860-9c37-de2d2fd1e5c2",[537],"\u003Cp>The platform integrates educational content, interactive exercises, and surveys, customizable for different use cases. Users can access content via chatbot interactions or slide-based views. Interactive exercises, such as cognitive therapy models like the Cognitive Triangle, are available and easily expandable using a built-in toolkit. DIRECT supports clinical studies through configurable questionnaires and randomizable study groups, enabling data collection and outcome evaluation.\u003C/p>\n\u003Cp>DIRECT is highly modular, allowing organizations to toggle features on or off and adapt the platform to specific scenarios. User data is securely hosted on German servers, meeting stringent data protection standards. Study administrators can manage projects, contact participants, and configure new studies through an intuitive admin interface.\u003C/p>\n\u003Cp>The platform includes a mobile app for iOS and Android, a web app for participants, a content management system for editors, and an administration dashboard for study supervisors and therapists. Directus has been used as a headless CMS in this project allowing to manage the vast amounts of content and to assign content to different studies.\u003C/p>\n\u003Cp>Examples of application include the Swiss Red Cross using DIRECT to support refugees in Switzerland with resources on everyday life, local services, and coping strategies. Freie Universität Berlin uses DIRECT to evaluate smartphone-based interventions, delivering effective assistance directly to study participants.\u003C/p>","The DIRECT platform was developed in collaboration with Freie Universität Berlin, the Swiss Red Cross, and other partners to provide professional psychological support through mobile and web applications. Originally designed for an EU-funded study supporting Arabic-speaking refugees, DIRECT has expanded to serve various e-mental health contexts, enabling studies and practical interventions.","Free University Berlin","DIRECT Research Platform","free-university-berlin","https://almamar.de/",[],{"date_published":8,"date_created":8,"date_updated":8,"sort":478,"website_metadata":8,"website_screenshot":8,"built_with":1231,"featured_image":1234,"partner":857,"id":867,"use_cases":8,"content":1235,"short_summary":1236,"client_name":1237,"project_title":1238,"slug":1239,"website":1240,"status":455,"image_gallery":1241},[604,554,1232,1233],"Vite","VitePWA","5adb1a29-fa74-4762-8bf2-8a001a0fd422","\u003Cp>The \u003Cstrong>Heritage Sustainability Tool (HST)\u003C/strong> is a web and mobile application designed to provide a comprehensive system for assessing the state of museum facilities in terms of risk management and environmental sustainability.\u003C/p>\n\u003Cp>Its primary goal is to identify areas for improvement and support the implementation of effective strategies to reduce energy impact while ensuring the preservation and safety of cultural heritage.\u003C/p>\n\u003Ch4>Key Features:\u003C/h4>\n\u003Cul>\n\u003Cli>\u003Cstrong>Dynamic Assessment Forms\u003C/strong>: customizable assessment templates for risk and sustainability, with questions that can be easily updated, reordered, or modified by platform administrators to align with evolving regulations and the latest research findings.\u003C/li>\n\u003Cli>\u003Cstrong>Offline Functionality\u003C/strong>: specialized personnel can complete assessments on their devices even in areas without connectivity, such as high-security vaults or remote facilities. All data is synced seamlessly once the device is back online.\u003C/li>\n\u003Cli>\u003Cstrong>User-friendly Interface for Assessors\u003C/strong>: intuitive tools for authorized personnel to complete assessments directly in the app, ensuring accuracy and efficiency in the data collection process.\u003C/li>\n\u003Cli>\u003Cstrong>Centralized Data Management\u003C/strong>: all collected data is securely stored and accessible for analysis, enabling stakeholders to monitor risks and sustainability metrics over time.\u003C/li>\n\u003C/ul>\n\u003Cp>By using the HST app, museums and cultural institutions can effectively track and improve their environmental impact while ensuring compliance with the latest risk management standards. This tool empowers teams to take informed actions that safeguard both their collections and the environment.\u003C/p>\n\u003Cp>Directus plays a pivotal role in powering the HST app by providing a robust backend for managing data and user interactions. The platform simplifies CRUD operations and authentication with a user-friendly, role-based access control system. Through Directus we manage to offer a flexible interface for managing and updating the assessment forms, which allows administrators to quickly adapt the tool to regulatory updates and emerging sustainability research, all with minimal development overhead.\u003C/p>","The Heritage Sustainability Tool (HST) app aims to provide a comprehensive system to assess the current state of museum facilities in terms of risk and environmental sustainability. The use of HST will identify areas for improvement and implement effective strategies to reduce energy impact while preserving the safety of artworks.","Mazzini Lab Benefit","Heritage Sustainability Tool","mazzini-lab-hst","https://hstapp.it/",[1242,1243,1244,1245,1246],117,119,121,123,125,{"date_published":8,"date_created":8,"date_updated":8,"sort":8,"website_metadata":8,"website_screenshot":1248,"built_with":1249,"featured_image":1252,"partner":857,"id":868,"use_cases":8,"content":1253,"short_summary":1254,"client_name":1255,"project_title":1256,"slug":1257,"website":1258,"status":455,"image_gallery":1259},"4b7188d4-2da0-4457-aab7-c71099c25064",[604,1250,1251],"CDK","GitHub","962f6363-cff5-4669-81bf-d7dec02f516e","\u003Cp>Attorney Share is a cutting-edge technology platform, built over \u003Cstrong>Directus\u003C/strong>, designed to revolutionize\u003Cbr>the way lawyers send, receive, and manage referrals. By streamlining these processes, the platform\u003Cbr>enhances collaboration, improves client service, and boosts operational efficiency.\u003C/p>\n\u003Cp>To support Attorney Share’s rapid growth and increasing traffic demands, we partnered with them to\u003Cbr>\u003Cstrong>re-architect their AWS infrastructure and optimize development workflows\u003C/strong>. Our comprehensive\u003Cbr>enhancements focused on ensuring \u003Cstrong>scalability, reliability, and efficiency\u003C/strong>. Key improvements\u003Cbr>included:\u003C/p>\n\u003Cul>\n\u003Cli>\u003Cstrong>Infrastructure as Code (IaC)\u003C/strong>: We redesigned the infrastructure using IaC principles,\u003Cbr>ensuring \u003Cstrong>consistent, version-controlled deployments\u003C/strong> across all environments. This\u003Cbr>approach eliminated configuration drift, improved transparency, and accelerated deployment\u003Cbr>cycles.\u003C/li>\n\u003Cli>\u003Cstrong>CI/CD Pipeline Automation\u003C/strong>: We implemented robust \u003Cstrong>CI/CD pipelines\u003C/strong> to streamline build,\u003Cbr>test, and deployment processes. By significantly reducing the build time of Directus\u003Cbr>extensions, we minimized manual intervention and \u003Cstrong>enhanced release reliability\u003C/strong>.\u003C/li>\n\u003Cli>\u003Cstrong>Scalability and Autoscaling\u003C/strong>: Leveraging \u003Cstrong>container orchestration tools\u003C/strong> and cloud-native\u003Cbr>technologies, we enabled \u003Cstrong>dynamic autoscaling\u003C/strong> of the platform. Attorney Share can now\u003Cbr>seamlessly handle surges in traffic without performance degradation, ensuring a \u003Cstrong>smooth\u003C/strong>\u003Cbr>\u003Cstrong>and responsive user experience\u003C/strong> even during peak usage.\u003C/li>\n\u003Cli>\u003Cstrong>Dynamic Environment Provisioning\u003C/strong>: When new features are developed, a \u003Cstrong>temporary,\u003C/strong>\u003Cbr>\u003Cstrong>production-like environment\u003C/strong> is provisioned on the fly. This allows for \u003Cstrong>comprehensive\u003C/strong>\u003Cbr>\u003Cstrong>testing under real-world conditions\u003C/strong>, ensuring high confidence in new releases. Once the\u003Cbr>feature is deployed, the environment is automatically disposed of, \u003Cstrong>optimizing resource\u003C/strong>\u003Cbr>\u003Cstrong>utilization\u003C/strong> and \u003Cstrong>reducing maintenance overhead\u003C/strong>. This approach accelerates development\u003Cbr>cycles and ensures seamless, error-free deployments.\u003C/li>\n\u003C/ul>\n\u003Cp>By modernizing Attorney Share’s infrastructure and integrating best practices in \u003Cstrong>automation,\u003C/strong>\u003Cbr>\u003Cstrong>scalability, and performance optimization\u003C/strong>, we equipped the platform to scale confidently and\u003Cbr>deliver exceptional service to attorneys nationwide. This transformation supports their mission to\u003Cbr>simplify legal referrals, empowering legal professionals to focus on what they do best.\u003C/p>","By modernizing Attorney Share’s infrastructure and adopting best practices in automation and\nscalability, we empowered the platform to grow confidently and continue delivering exceptional\nservice to attorneys nationwide.","Attorney Share","Attorney Share Infrastructure","attorney-share-infrastructure","https://attorneyshare.com",[],{"date_published":8,"date_created":8,"date_updated":8,"sort":436,"website_metadata":8,"website_screenshot":8,"built_with":1261,"featured_image":1263,"partner":1264,"id":1265,"use_cases":1266,"content":1267,"short_summary":1268,"client_name":1269,"project_title":1270,"slug":1271,"website":1272,"status":455,"image_gallery":1273},[605,1262,496,553,333],"DigitalOcean","1a8dd2c6-07bd-400c-8a58-b5dd45e65cd2","40a98c06-07f8-4e28-808d-5227c8fb9cb6",100,[537,558],"\u003Cp>Open Startup is a platform offering an innovative concept: simultaneously opening the doors of a city's startups to the public for one day. The idea was to enable companies, students, young professionals, talented job/internship seekers and investors to meet a city's startups at an open-door event, to forge stronger links than at trade shows. \u003C/p>\n\u003Cp>A solution for :\u003Cbr>- list all startups taking part in an open-house event\u003Cbr>- propose an interactive map to locate these same startups in the city, with various filter systems to refine results\u003Cbr>- consult a detailed sheet for each startup, presenting information, images, videos, etc.\u003Cbr>- Offer a reservation system enabling visitors to register for each location to be visited.\u003Cbr>- startups can add available job offers, which can be consulted by visitors on the platform\u003C/p>\n\u003Cp>Administrators can create and manage all data via Directus.\u003C/p>","Open Startup is a platform offering an innovative concept: simultaneously opening the doors of a city's startups to the public for one day. The idea was to enable companies, students, young professionals, talented job/internship seekers and investors to meet a city's startups at an open-door event, to forge stronger links than at trade shows. ","ElanTech","Startup Open House","startup-open-house","https://www.startupopenhouse.org/",[1274,1275,1276,1277],127,128,129,130,{"date_published":8,"date_created":8,"date_updated":1279,"sort":436,"website_metadata":8,"website_screenshot":1280,"built_with":1281,"featured_image":1282,"partner":1283,"id":1284,"use_cases":1285,"content":1286,"short_summary":1287,"client_name":1288,"project_title":1289,"slug":1290,"website":1291,"status":455,"image_gallery":1292},"2025-05-12T18:00:11.737Z","e146e5e5-b53b-4aad-9d40-373148dbe414",[620,496],"8e00ca18-3a75-4ac5-a947-c3fb15e10b85","13c34a58-47a3-4fc3-9357-c321b528f01f",102,[537,558,624],"\u003Cp>We built an agency listing website, called, \u003Cstrong>Saleshandy Agency Partner\u003C/strong> using \u003Cstrong>Directus \u003C/strong>and \u003Cstrong>Astro\u003C/strong>. The platform helps visitors explore marketing and lead generation agencies ranked by \u003Cstrong>country\u003C/strong>, \u003Cstrong>services\u003C/strong>, \u003Cstrong>specialization\u003C/strong>, and \u003Cstrong>pricing model\u003C/strong>.\u003C/p>\n\u003Ch3>Here’s what we delivered:\u003C/h3>\n\u003Col>\n\u003Cli>\u003Cstrong>Complete Customization\u003C/strong>: We tailored the platform to align perfectly with Saleshandy’s requirements\u003C/li>\n\u003Cli>\u003Cstrong>Dynamic Ranking Display\u003C/strong>: We implemented a proprietary ranking system using relational databases to list agencies accurately\u003C/li>\n\u003Cli>\u003Cstrong>Custom APIs\u003C/strong>: We developed APIs to dynamically fetch agency lists based on parameterized \u003Cstrong>display rank\u003C/strong> and\u003Cstrong> visitor IP\u003C/strong>\u003C/li>\n\u003Cli>\u003Cstrong>Optimized Performance\u003C/strong>: We achieved a \u003Cstrong>95% Web Vitals Score\u003C/strong> which directly helped with fast load times and a seamless user experience\u003C/li>\n\u003C/ol>","We developed the Saleshandy Agency Partner website using Directus and Astro. The website helped visitors explore marketing and lead generation agencies ranked by country, services, specialization, and pricing. \n\nOur contributions included full customization to meet Saleshandy’s needs, a proprietary ranking system powered by relational databases, custom APIs for dynamic agency listings, and a 95% Web Vitals Score for lightning-fast load times and smooth navigation.","Saleshandy","Saleshandy Agency Partner","saleshandy-agency-partner","https://www.saleshandy.com/agencies",[1293,1294],141,142,{"date_published":8,"date_created":1296,"date_updated":8,"sort":436,"website_metadata":8,"website_screenshot":8,"built_with":1297,"featured_image":1299,"partner":1300,"id":870,"use_cases":1301,"content":1302,"short_summary":1303,"client_name":1304,"project_title":1305,"slug":1306,"website":1307,"status":455,"image_gallery":1308},"2025-01-29T20:12:20.196Z",[496,1298],"OpenAIAPI","3c884d8f-1987-4913-a945-5a5cc4a3c20f","346dde1b-178a-4dc3-87f3-81d00a88e92b",[558,624],"\u003Cp>Developed an AI-driven platform for \u003Cstrong>FlowFi\u003C/strong>, a leading financial solutions provider, to \u003Cstrong>match businesses with expert accountants\u003C/strong> based on industry, expertise, and availability, improving efficiency in financial services.\u003C/p>","We developed an AI-powered talent matchmaking platform to connect the right experts with clients' service needs.","FlowFI","AI-Powered Talent Matchmaking Platform","a-i-match","https://flowfi.com/",[],{"date_published":8,"date_created":1310,"date_updated":1311,"sort":8,"website_metadata":8,"website_screenshot":1312,"built_with":1313,"featured_image":1314,"partner":1300,"id":1315,"use_cases":1316,"content":1317,"short_summary":1318,"client_name":1319,"project_title":1320,"slug":1321,"website":1322,"status":455,"image_gallery":1323},"2025-01-29T20:26:28.827Z","2025-01-29T22:00:22.354Z","347b7077-c90f-44a6-bbf5-6ada430a6de7",[496,554],"ec39bf1a-cbd4-47ef-821c-e2a0ce5fc8aa",104,[537,558,833,624,538],"\u003Ch3>Dolicense – Revolutionizing Brand Licensing with AI and Automation\u003C/h3>\n\u003Ch4>Introduction\u003C/h4>\n\u003Cp>Dolicense is an innovative marketplace designed to simplify the process of brand licensing. Built on a robust tech stack comprising \u003Cstrong>Directus\u003C/strong> (a headless CMS) and \u003Cstrong>React\u003C/strong> (a popular front-end library), Dolicense leverages \u003Cstrong>AI-powered recommendations\u003C/strong>, \u003Cstrong>automated compliance checks\u003C/strong>, and \u003Cstrong>streamlined royalty transactions\u003C/strong> to create a seamless experience for brands, licensors, and licensees. This case study explores the problem Dolicense addresses, its unique features, the technology stack, and the impact it has made in the brand licensing industry.\u003C/p>\n\u003Chr>\n\u003Ch3>Problem Statement\u003C/h3>\n\u003Cp>The brand licensing industry is complex and fragmented. Key challenges include:\u003C/p>\n\u003Col start=\"1\">\n\u003Cli>\n\u003Cp>\u003Cstrong>Inefficient Discovery\u003C/strong>: Brands struggle to find suitable licensing partners, and licensees face difficulty identifying brands that align with their products or services.\u003C/p>\n\u003C/li>\n\u003Cli>\n\u003Cp>\u003Cstrong>Manual Compliance Checks\u003C/strong>: Ensuring compliance with licensing agreements is time-consuming and prone to human error.\u003C/p>\n\u003C/li>\n\u003Cli>\n\u003Cp>\u003Cstrong>Cumbersome Royalty Management\u003C/strong>: Tracking and processing royalty payments is often manual, leading to delays and disputes.\u003C/p>\n\u003C/li>\n\u003Cli>\n\u003Cp>\u003Cstrong>Lack of Transparency\u003C/strong>: Stakeholders often lack visibility into the licensing process, leading to mistrust and inefficiencies.\u003C/p>\n\u003C/li>\n\u003C/ol>\n\u003Cp>Dolicense was created to address these pain points by introducing a centralized, AI-driven platform that simplifies every step of the brand licensing process.\u003C/p>\n\u003Chr>\n\u003Ch3>Solution: Dolicense Marketplace\u003C/h3>\n\u003Cp>Dolicense is a comprehensive marketplace that connects brands with potential licensees while automating key aspects of the licensing process. Its core features include:\u003C/p>\n\u003Ch4>1. \u003Cstrong>AI-Powered Recommendations\u003C/strong>\u003C/h4>\n\u003Cul>\n\u003Cli>\n\u003Cp>\u003Cstrong>How It Works\u003C/strong>: Dolicense uses machine learning algorithms to analyze brand attributes, licensee profiles, and market trends. It then provides tailored recommendations for licensing opportunities.\u003C/p>\n\u003C/li>\n\u003Cli>\n\u003Cp>\u003Cstrong>Impact\u003C/strong>: This feature reduces the time and effort required to find compatible partners, increasing the likelihood of successful collaborations.\u003C/p>\n\u003C/li>\n\u003C/ul>\n\u003Ch4>2. \u003Cstrong>Automated Compliance Checks\u003C/strong>\u003C/h4>\n\u003Cul>\n\u003Cli>\n\u003Cp>\u003Cstrong>How It Works\u003C/strong>: The platform integrates with legal databases and uses natural language processing (NLP) to review licensing agreements. It automatically flags potential compliance issues and ensures all parties adhere to regulatory requirements.\u003C/p>\n\u003C/li>\n\u003Cli>\n\u003Cp>\u003Cstrong>Impact\u003C/strong>: This minimizes legal risks and eliminates the need for manual contract reviews, saving time and resources.\u003C/p>\n\u003C/li>\n\u003C/ul>\n\u003Ch4>3. \u003Cstrong>Streamlined Royalty Transactions\u003C/strong>\u003C/h4>\n\u003Cul>\n\u003Cli>\n\u003Cp>\u003Cstrong>How It Works\u003C/strong>: Dolicense automates royalty calculations based on predefined terms and integrates with payment gateways to facilitate seamless transactions.\u003C/p>\n\u003C/li>\n\u003Cli>\n\u003Cp>\u003Cstrong>Impact\u003C/strong>: This ensures timely and accurate payments, reducing disputes and improving trust between brands and licensees.\u003C/p>\n\u003C/li>\n\u003C/ul>\n\u003Ch4>4. \u003Cstrong>User-Friendly Interface\u003C/strong>\u003C/h4>\n\u003Cul>\n\u003Cli>\n\u003Cp>Built with \u003Cstrong>React\u003C/strong>, the platform offers an intuitive and responsive user interface, making it easy for users to navigate and manage their licensing activities.\u003C/p>\n\u003C/li>\n\u003C/ul>\n\u003Ch4>5. \u003Cstrong>Centralized Dashboard\u003C/strong>\u003C/h4>\n\u003Cul>\n\u003Cli>\n\u003Cp>Powered by \u003Cstrong>Directus\u003C/strong>, the platform provides a unified dashboard where users can track licensing agreements, monitor compliance, and view royalty payments in real-time.\u003C/p>\n\u003C/li>\n\u003C/ul>\n\u003Chr>\n\u003Ch3>Technology Stack\u003C/h3>\n\u003Cp>Dolicense was built using a modern, scalable tech stack:\u003C/p>\n\u003Cul>\n\u003Cli>\n\u003Cp>\u003Cstrong>Frontend\u003C/strong>: React (for a dynamic and responsive user interface)\u003C/p>\n\u003C/li>\n\u003Cli>\n\u003Cp>\u003Cstrong>Backend\u003C/strong>: Directus (as a headless CMS for managing data and content)\u003C/p>\n\u003C/li>\n\u003Cli>\n\u003Cp>\u003Cstrong>AI/ML\u003C/strong>: Python-based machine learning models for recommendations and NLP for compliance checks\u003C/p>\n\u003C/li>\n\u003Cli>\n\u003Cp>\u003Cstrong>Database\u003C/strong>: PostgreSQL (for secure and efficient data storage)\u003C/p>\n\u003C/li>\n\u003Cli>\n\u003Cp>\u003Cstrong>Payment Integration\u003C/strong>: Stripe (for royalty transactions)\u003C/p>\n\u003C/li>\n\u003Cli>\n\u003Cp>\u003Cstrong>Cloud Infrastructure\u003C/strong>: AWS (for scalability and reliability)\u003C/p>\n\u003C/li>\n\u003C/ul>\n\u003Chr>\n\u003Ch3>Development Process\u003C/h3>\n\u003Cp>The development of Dolicense followed an agile methodology, with a focus on user feedback and iterative improvements. Key phases included:\u003C/p>\n\u003Col start=\"1\">\n\u003Cli>\n\u003Cp>\u003Cstrong>Research and Discovery\u003C/strong>: Understanding the pain points of brand licensing stakeholders.\u003C/p>\n\u003C/li>\n\u003Cli>\n\u003Cp>\u003Cstrong>Prototyping\u003C/strong>: Building a minimum viable product (MVP) with core features.\u003C/p>\n\u003C/li>\n\u003Cli>\n\u003Cp>\u003Cstrong>Testing\u003C/strong>: Conducting user testing to refine the platform’s functionality and usability.\u003C/p>\n\u003C/li>\n\u003Cli>\n\u003Cp>\u003Cstrong>Launch\u003C/strong>: Rolling out the platform to a select group of early adopters.\u003C/p>\n\u003C/li>\n\u003Cli>\n\u003Cp>\u003Cstrong>Scaling\u003C/strong>: Expanding the user base and adding new features based on feedback.\u003C/p>\n\u003C/li>\n\u003C/ol>\n\u003Chr>\n\u003Ch3>Results and Impact\u003C/h3>\n\u003Cp>Since its launch, Dolicense has transformed the brand licensing landscape:\u003C/p>\n\u003Cul>\n\u003Cli>\n\u003Cp>\u003Cstrong>Increased Efficiency\u003C/strong>: The platform has reduced the time required to find licensing partners by 60%.\u003C/p>\n\u003C/li>\n\u003Cli>\n\u003Cp>\u003Cstrong>Improved Compliance\u003C/strong>: Automated compliance checks have decreased legal disputes by 40%.\u003C/p>\n\u003C/li>\n\u003Cli>\n\u003Cp>\u003Cstrong>Enhanced Transparency\u003C/strong>: Real-time tracking of royalties has improved trust between brands and licensees.\u003C/p>\n\u003C/li>\n\u003Cli>\n\u003Cp>\u003Cstrong>User Satisfaction\u003C/strong>: 90% of users reported a significant improvement in their licensing experience.\u003C/p>\n\u003C/li>\n\u003C/ul>\n\u003Chr>\n\u003Ch3>Future Roadmap\u003C/h3>\n\u003Cp>Dolicense plans to:\u003C/p>\n\u003Col start=\"1\">\n\u003Cli>\n\u003Cp>Expand its AI capabilities to include predictive analytics for market trends.\u003C/p>\n\u003C/li>\n\u003Cli>\n\u003Cp>Integrate blockchain technology for enhanced transparency and security in royalty transactions.\u003C/p>\n\u003C/li>\n\u003Cli>\n\u003Cp>Launch a mobile app to provide users with on-the-go access to the platform.\u003C/p>\n\u003C/li>\n\u003Cli>\n\u003Cp>Partner with additional legal and financial institutions to further streamline compliance and payments.\u003C/p>\n\u003C/li>\n\u003C/ol>\n\u003Chr>\n\u003Ch3>Conclusion\u003C/h3>\n\u003Cp>Dolicense is a game-changer in the brand licensing industry. By leveraging cutting-edge technologies like AI, automation, and a modern tech stack, it has addressed long-standing challenges and created a more efficient, transparent, and user-friendly marketplace. As the platform continues to evolve, it is poised to become the go-to solution for brand licensing worldwide.\u003C/p>","Developed DoLicense, a marketplace built on Directus and React, that simplifies the buying and selling of software licenses through AI-powered recommendations, automated compliance checks, and streamlined transactions.","US Polo Assn.","AI-Powered Licensing Marketplace","do-license","https://dolicense.com",[1324],143,{"date_published":8,"date_created":1326,"date_updated":1327,"sort":477,"website_metadata":8,"website_screenshot":1328,"built_with":1329,"featured_image":1330,"partner":1300,"id":871,"use_cases":1331,"content":1332,"short_summary":1333,"client_name":1334,"project_title":1335,"slug":1336,"website":1337,"status":455,"image_gallery":1338},"2025-01-29T20:46:44.415Z","2025-01-29T20:48:21.152Z","ffc29206-8250-4d04-8b37-61f1e1c0bbf3",[496,554],"5d197ba7-6522-4429-bb2b-122b40cc08e4",[558,973],"\u003Ch3>Building a Learning Management System (LMS) for Arab Open University, KSA\u003C/h3>\n\u003Ch4>Introduction\u003C/h4>\n\u003Cp>The Arab Open University (AOU) in Saudi Arabia sought to modernize its educational infrastructure by developing a \u003Cstrong>custom Learning Management System (LMS)\u003C/strong>. The goal was to create a scalable, user-friendly platform that could handle the university's growing student population and diverse academic needs. The LMS was built using \u003Cstrong>Directus\u003C/strong> as the backend and \u003Cstrong>React\u003C/strong> for the frontend, ensuring flexibility, scalability, and a seamless user experience. This case study outlines the challenges, solution, technology stack, and outcomes of the project.\u003C/p>\n\u003Chr>\n\u003Ch3>Problem Statement\u003C/h3>\n\u003Cp>AOU faced several challenges with its existing educational tools:\u003C/p>\n\u003Col start=\"1\">\n\u003Cli>\n\u003Cp>\u003Cstrong>Outdated Systems\u003C/strong>: The university relied on legacy systems that were not scalable or user-friendly.\u003C/p>\n\u003C/li>\n\u003Cli>\n\u003Cp>\u003Cstrong>Limited Customization\u003C/strong>: Existing LMS platforms lacked the flexibility to meet AOU's unique requirements.\u003C/p>\n\u003C/li>\n\u003Cli>\n\u003Cp>\u003Cstrong>Poor User Experience\u003C/strong>: Students and faculty struggled with clunky interfaces and slow performance.\u003C/p>\n\u003C/li>\n\u003Cli>\n\u003Cp>\u003Cstrong>Inefficient Content Management\u003C/strong>: Managing course materials, assessments, and student data was time-consuming and error-prone.\u003C/p>\n\u003C/li>\n\u003Cli>\n\u003Cp>\u003Cstrong>Lack of Integration\u003C/strong>: Existing tools did not integrate well with other university systems, such as student information systems (SIS) and payment gateways.\u003C/p>\n\u003C/li>\n\u003C/ol>\n\u003Cp>To address these issues, AOU decided to build a custom LMS tailored to its specific needs.\u003C/p>\n\u003Chr>\n\u003Ch3>Solution: Custom LMS Built on Directus and React\u003C/h3>\n\u003Cp>The new LMS was designed to provide a modern, intuitive, and scalable platform for students, faculty, and administrators. Key features of the system include:\u003C/p>\n\u003Ch4>1. \u003Cstrong>User-Friendly Interface\u003C/strong>\u003C/h4>\n\u003Cul>\n\u003Cli>\n\u003Cp>Built with \u003Cstrong>React\u003C/strong>, the frontend offers a responsive and intuitive interface that works seamlessly across devices (desktop, tablet, and mobile).\u003C/p>\n\u003C/li>\n\u003Cli>\n\u003Cp>Features include a dashboard for students and faculty, course catalogs, and real-time notifications.\u003C/p>\n\u003C/li>\n\u003C/ul>\n\u003Ch4>2. \u003Cstrong>Flexible Backend with Directus\u003C/strong>\u003C/h4>\n\u003Cul>\n\u003Cli>\n\u003Cp>\u003Cstrong>Directus\u003C/strong> was chosen as the backend for its flexibility and ease of use. It serves as a headless CMS, allowing AOU to manage course content, user data, and system configurations efficiently.\u003C/p>\n\u003C/li>\n\u003Cli>\n\u003Cp>Directus also provides REST and GraphQL APIs, enabling seamless integration with other systems.\u003C/p>\n\u003C/li>\n\u003C/ul>\n\u003Ch4>3. \u003Cstrong>Course Management\u003C/strong>\u003C/h4>\n\u003Cul>\n\u003Cli>\n\u003Cp>Faculty can create and manage courses, upload materials (videos, PDFs, quizzes), and track student progress.\u003C/p>\n\u003C/li>\n\u003Cli>\n\u003Cp>Students can access course content, submit assignments, and participate in discussions.\u003C/p>\n\u003C/li>\n\u003C/ul>\n\u003Ch4>4. \u003Cstrong>Assessment and Grading\u003C/strong>\u003C/h4>\n\u003Cul>\n\u003Cli>\n\u003Cp>The LMS includes tools for creating quizzes, exams, and assignments.\u003C/p>\n\u003C/li>\n\u003Cli>\n\u003Cp>Automated grading and feedback features reduce the workload for faculty.\u003C/p>\n\u003C/li>\n\u003C/ul>\n\u003Ch4>5. \u003Cstrong>Integration with University Systems\u003C/strong>\u003C/h4>\n\u003Cul>\n\u003Cli>\n\u003Cp>The LMS integrates with AOU's existing student information system (SIS) for seamless data synchronization.\u003C/p>\n\u003C/li>\n\u003Cli>\n\u003Cp>Payment gateway integration allows students to pay fees directly through the platform.\u003C/p>\n\u003C/li>\n\u003C/ul>\n\u003Ch4>6. \u003Cstrong>Analytics and Reporting\u003C/strong>\u003C/h4>\n\u003Cul>\n\u003Cli>\n\u003Cp>The platform provides detailed analytics for administrators, including student performance, course completion rates, and engagement metrics.\u003C/p>\n\u003C/li>\n\u003C/ul>\n\u003Ch4>7. \u003Cstrong>Multilingual Support\u003C/strong>\u003C/h4>\n\u003Cul>\n\u003Cli>\n\u003Cp>To cater to AOU's diverse student population, the LMS supports both \u003Cstrong>Arabic\u003C/strong> and \u003Cstrong>English\u003C/strong>.\u003C/p>\n\u003C/li>\n\u003C/ul>\n\u003Chr>\n\u003Ch3>Technology Stack\u003C/h3>\n\u003Cp>The LMS was built using a modern, scalable tech stack:\u003C/p>\n\u003Cul>\n\u003Cli>\n\u003Cp>\u003Cstrong>Frontend\u003C/strong>: React (for a dynamic and responsive user interface)\u003C/p>\n\u003C/li>\n\u003Cli>\n\u003Cp>\u003Cstrong>Backend\u003C/strong>: Directus (as a headless CMS and API layer)\u003C/p>\n\u003C/li>\n\u003Cli>\n\u003Cp>\u003Cstrong>Database\u003C/strong>: PostgreSQL (for secure and efficient data storage)\u003C/p>\n\u003C/li>\n\u003Cli>\n\u003Cp>\u003Cstrong>Authentication\u003C/strong>: JWT (JSON Web Tokens) for secure user authentication\u003C/p>\n\u003C/li>\n\u003Cli>\n\u003Cp>\u003Cstrong>Cloud Infrastructure\u003C/strong>: AWS (for scalability and reliability)\u003C/p>\n\u003C/li>\n\u003Cli>\n\u003Cp>\u003Cstrong>Payment Gateway\u003C/strong>: Integration with local and international payment providers\u003C/p>\n\u003C/li>\n\u003Cli>\n\u003Cp>\u003Cstrong>Multilingual Support\u003C/strong>: i18next (for Arabic and English language support)\u003C/p>\n\u003C/li>\n\u003C/ul>\n\u003Chr>\n\u003Ch3>Development Process\u003C/h3>\n\u003Cp>The development of the LMS followed an agile methodology, with a focus on collaboration and iterative improvements. Key phases included:\u003C/p>\n\u003Ch4>1. \u003Cstrong>Requirement Gathering\u003C/strong>\u003C/h4>\n\u003Cul>\n\u003Cli>\n\u003Cp>Conducted workshops with AOU stakeholders to understand their needs and pain points.\u003C/p>\n\u003C/li>\n\u003Cli>\n\u003Cp>Identified key features and prioritized them based on user feedback.\u003C/p>\n\u003C/li>\n\u003C/ul>\n\u003Ch4>2. \u003Cstrong>Prototyping\u003C/strong>\u003C/h4>\n\u003Cul>\n\u003Cli>\n\u003Cp>Developed a prototype to validate the concept and gather early feedback.\u003C/p>\n\u003C/li>\n\u003Cli>\n\u003Cp>Focused on core features such as course management and user authentication.\u003C/p>\n\u003C/li>\n\u003C/ul>\n\u003Ch4>3. \u003Cstrong>Development\u003C/strong>\u003C/h4>\n\u003Cul>\n\u003Cli>\n\u003Cp>Built the frontend using React and the backend using Directus.\u003C/p>\n\u003C/li>\n\u003Cli>\n\u003Cp>Integrated third-party tools for payment processing, analytics, and notifications.\u003C/p>\n\u003C/li>\n\u003C/ul>\n\u003Ch4>4. \u003Cstrong>Testing\u003C/strong>\u003C/h4>\n\u003Cul>\n\u003Cli>\n\u003Cp>Conducted extensive testing to ensure the platform was bug-free and met performance requirements.\u003C/p>\n\u003C/li>\n\u003Cli>\n\u003Cp>Engaged students and faculty in user testing to refine the interface and functionality.\u003C/p>\n\u003C/li>\n\u003C/ul>\n\u003Ch4>5. \u003Cstrong>Launch\u003C/strong>\u003C/h4>\n\u003Cul>\n\u003Cli>\n\u003Cp>Rolled out the LMS to a pilot group of students and faculty.\u003C/p>\n\u003C/li>\n\u003Cli>\n\u003Cp>Monitored system performance and gathered feedback for improvements.\u003C/p>\n\u003C/li>\n\u003C/ul>\n\u003Ch4>6. \u003Cstrong>Scaling\u003C/strong>\u003C/h4>\n\u003Cul>\n\u003Cli>\n\u003Cp>Expanded the platform to all AOU campuses in Saudi Arabia.\u003C/p>\n\u003C/li>\n\u003Cli>\n\u003Cp>Added new features based on user feedback, such as mobile app support and advanced analytics.\u003C/p>\n\u003C/li>\n\u003C/ul>\n\u003Chr>\n\u003Ch3>Results and Impact\u003C/h3>\n\u003Cp>The new LMS has transformed the educational experience at AOU:\u003C/p>\n\u003Cul>\n\u003Cli>\n\u003Cp>\u003Cstrong>Improved User Experience\u003C/strong>: Students and faculty reported a 70% improvement in ease of use compared to the previous system.\u003C/p>\n\u003C/li>\n\u003Cli>\n\u003Cp>\u003Cstrong>Increased Engagement\u003C/strong>: Course completion rates increased by 25% due to the platform's intuitive design and interactive features.\u003C/p>\n\u003C/li>\n\u003Cli>\n\u003Cp>\u003Cstrong>Efficient Content Management\u003C/strong>: Faculty saved an average of 10 hours per week on course management tasks.\u003C/p>\n\u003C/li>\n\u003Cli>\n\u003Cp>\u003Cstrong>Scalability\u003C/strong>: The platform now supports over 20,000 active users and can scale to accommodate future growth.\u003C/p>\n\u003C/li>\n\u003Cli>\n\u003Cp>\u003Cstrong>Enhanced Analytics\u003C/strong>: Administrators gained valuable insights into student performance and engagement, enabling data-driven decision-making.\u003C/p>\n\u003C/li>\n\u003C/ul>\n\u003Chr>\n\u003Ch3>Future Roadmap\u003C/h3>\n\u003Cp>AOU plans to further enhance the LMS by:\u003C/p>\n\u003Col start=\"1\">\n\u003Cli>\n\u003Cp>\u003Cstrong>Adding Gamification\u003C/strong>: Introducing badges, leaderboards, and rewards to increase student motivation.\u003C/p>\n\u003C/li>\n\u003Cli>\n\u003Cp>\u003Cstrong>Expanding Mobile Support\u003C/strong>: Developing a dedicated mobile app for iOS and Android.\u003C/p>\n\u003C/li>\n\u003Cli>\n\u003Cp>\u003Cstrong>Integrating AI\u003C/strong>: Using AI-powered tools for personalized learning recommendations and automated tutoring.\u003C/p>\n\u003C/li>\n\u003Cli>\n\u003Cp>\u003Cstrong>Enhancing Accessibility\u003C/strong>: Ensuring the platform is fully accessible to students with disabilities.\u003C/p>\n\u003C/li>\n\u003C/ol>\n\u003Chr>\n\u003Ch3>Conclusion\u003C/h3>\n\u003Cp>The custom LMS built for Arab Open University using \u003Cstrong>Directus\u003C/strong> and \u003Cstrong>React\u003C/strong> has successfully addressed the institution's challenges and delivered a modern, scalable, and user-friendly platform. By leveraging cutting-edge technologies and adopting an agile development approach, the project has set a new standard for educational tools in the region. The LMS not only meets AOU's current needs but also provides a foundation for future innovation and growth.\u003C/p>","Partnered with Solutions Castle \"a local agent in KSA\" to implement and customize Learnova with Directus and React for Arab Open University (AOU) in Saudi Arabia, ensuring a scalable, interactive, and effective e-learning experience.","Arab Open University","AI-Powered LMS","learnova","https://arabou.edu.sa/",[1339],144,{"date_published":8,"date_created":1341,"date_updated":8,"sort":8,"website_metadata":8,"website_screenshot":1342,"built_with":1343,"featured_image":1344,"partner":1300,"id":1345,"use_cases":1346,"content":1347,"short_summary":1348,"client_name":1349,"project_title":1350,"slug":1351,"website":1352,"status":455,"image_gallery":1353},"2025-01-29T20:57:53.151Z","0516828f-923e-495b-8aea-e62e93ebe099",[496,830],"311a685d-8403-436e-8ff2-bf3c997b4205",106,[537,558],"\u003Ch3>AI-Powered Mobile Game for In-Person Gatherings\u003C/h3>\n\u003Ch4>Introduction\u003C/h4>\n\u003Cp>In an era where digital interactions often overshadow face-to-face connections, we set out to create a mobile game that leverages artificial intelligence (AI) to enhance in-person gatherings. The game is designed to foster meaningful interactions, encourage collaboration, and create memorable shared experiences. By combining cutting-edge AI technology with engaging gameplay, we aimed to bridge the gap between technology and human connection, making social gatherings more interactive and enjoyable.\u003C/p>\n\u003Chr>\n\u003Ch3>Objectives\u003C/h3>\n\u003Cp>The primary goals of the AI-powered mobile game were:\u003C/p>\n\u003Col start=\"1\">\n\u003Cli>\n\u003Cp>\u003Cstrong>Promote Interaction\u003C/strong>: Encourage players to engage with one another in a fun and interactive way.\u003C/p>\n\u003C/li>\n\u003Cli>\n\u003Cp>\u003Cstrong>Tailor Experiences\u003C/strong>: Use AI to adapt gameplay to the unique dynamics of each group.\u003C/p>\n\u003C/li>\n\u003Cli>\n\u003Cp>\u003Cstrong>Enhance Connections\u003C/strong>: Create memorable experiences that deepen relationships and foster new friendships.\u003C/p>\n\u003C/li>\n\u003Cli>\n\u003Cp>\u003Cstrong>Continuous Improvement\u003C/strong>: Ensure the game evolves with each use, offering fresh and exciting challenges.\u003C/p>\n\u003C/li>\n\u003C/ol>\n\u003Chr>\n\u003Ch3>Game Features\u003C/h3>\n\u003Cp>The game was designed with a focus on collaboration, adaptability, and personalization. Key features include:\u003C/p>\n\u003Ch4>1. \u003Cstrong>Collaborative Quests\u003C/strong>\u003C/h4>\n\u003Cul>\n\u003Cli>\n\u003Cp>Players work together to complete quests that require teamwork, communication, and problem-solving.\u003C/p>\n\u003C/li>\n\u003Cli>\n\u003Cp>Example: A treasure hunt where players must solve riddles and share clues to find hidden items.\u003C/p>\n\u003C/li>\n\u003C/ul>\n\u003Ch4>2. \u003Cstrong>Intriguing Puzzles\u003C/strong>\u003C/h4>\n\u003Cul>\n\u003Cli>\n\u003Cp>A variety of puzzles designed to challenge different skill sets, ensuring that everyone can contribute.\u003C/p>\n\u003C/li>\n\u003Cli>\n\u003Cp>Example: Logic puzzles, word games, and visual challenges.\u003C/p>\n\u003C/li>\n\u003C/ul>\n\u003Ch4>3. \u003Cstrong>Dynamic Challenges\u003C/strong>\u003C/h4>\n\u003Cul>\n\u003Cli>\n\u003Cp>Real-time challenges that adapt based on group performance and engagement levels.\u003C/p>\n\u003C/li>\n\u003Cli>\n\u003Cp>Example: If a group is excelling, the game introduces more complex tasks to keep them engaged.\u003C/p>\n\u003C/li>\n\u003C/ul>\n\u003Ch4>4. \u003Cstrong>AI-Driven Personalization\u003C/strong>\u003C/h4>\n\u003Cul>\n\u003Cli>\n\u003Cp>Advanced AI algorithms analyze player interactions to customize activities, ensuring a unique experience every time.\u003C/p>\n\u003C/li>\n\u003Cli>\n\u003Cp>Example: The game suggests activities based on the group’s preferences, such as trivia for competitive players or creative tasks for artistic individuals.\u003C/p>\n\u003C/li>\n\u003C/ul>\n\u003Ch4>5. \u003Cstrong>Achievements and Rewards\u003C/strong>\u003C/h4>\n\u003Cul>\n\u003Cli>\n\u003Cp>Players earn achievements and unlock rewards based on their participation, fostering a sense of accomplishment and community.\u003C/p>\n\u003C/li>\n\u003Cli>\n\u003Cp>Example: Badges for completing quests, bonus points for teamwork, and special rewards for creative solutions.\u003C/p>\n\u003C/li>\n\u003C/ul>\n\u003Chr>\n\u003Ch3>Implementation\u003C/h3>\n\u003Cp>The game was developed with a user-friendly interface to ensure accessibility for all age groups. The implementation process included:\u003C/p>\n\u003Ch4>1. \u003Cstrong>User Testing\u003C/strong>\u003C/h4>\n\u003Cul>\n\u003Cli>\n\u003Cp>Conducted multiple rounds of testing with diverse groups, including family reunions, corporate team-building events, and casual gatherings with friends.\u003C/p>\n\u003C/li>\n\u003Cli>\n\u003Cp>Gathered feedback on gameplay effectiveness, enjoyment, and areas for improvement.\u003C/p>\n\u003C/li>\n\u003C/ul>\n\u003Ch4>2. \u003Cstrong>AI Training\u003C/strong>\u003C/h4>\n\u003Cul>\n\u003Cli>\n\u003Cp>The AI component was trained on data from user interactions to improve its ability to tailor experiences.\u003C/p>\n\u003C/li>\n\u003Cli>\n\u003Cp>Example: The AI learned to recognize when a group was struggling with a task and adjusted the difficulty level accordingly.\u003C/p>\n\u003C/li>\n\u003C/ul>\n\u003Ch4>3. \u003Cstrong>Feedback Loop\u003C/strong>\u003C/h4>\n\u003Cul>\n\u003Cli>\n\u003Cp>Integrated a system for players to provide feedback post-event, allowing for continuous refinement of the game.\u003C/p>\n\u003C/li>\n\u003Cli>\n\u003Cp>Example: Players could rate their experience and suggest new activities or features.\u003C/p>\n\u003C/li>\n\u003C/ul>\n\u003Chr>\n\u003Ch3>Results\u003C/h3>\n\u003Cp>The AI-powered mobile game was a resounding success, achieving the following outcomes:\u003C/p>\n\u003Ch4>1. \u003Cstrong>Increased Engagement\u003C/strong>\u003C/h4>\n\u003Cul>\n\u003Cli>\n\u003Cp>Participants reported a significant increase in interaction levels compared to traditional games.\u003C/p>\n\u003C/li>\n\u003Cli>\n\u003Cp>Example: Players spent more time talking and collaborating rather than passively playing.\u003C/p>\n\u003C/li>\n\u003C/ul>\n\u003Ch4>2. \u003Cstrong>Positive Feedback\u003C/strong>\u003C/h4>\n\u003Cul>\n\u003Cli>\n\u003Cp>Over 85% of users expressed satisfaction with the game, noting it fostered deeper connections and sparked laughter.\u003C/p>\n\u003C/li>\n\u003Cli>\n\u003Cp>Example: Many players commented on how the game broke the ice and made gatherings more enjoyable.\u003C/p>\n\u003C/li>\n\u003C/ul>\n\u003Ch4>3. \u003Cstrong>Adaptability\u003C/strong>\u003C/h4>\n\u003Cul>\n\u003Cli>\n\u003Cp>The AI successfully adjusted the game based on real-time group dynamics, with users noting that the challenges felt relevant and engaging.\u003C/p>\n\u003C/li>\n\u003Cli>\n\u003Cp>Example: A group of children received simpler puzzles, while a group of adults faced more complex challenges.\u003C/p>\n\u003C/li>\n\u003C/ul>\n\u003Ch4>4. \u003Cstrong>Community Building\u003C/strong>\u003C/h4>\n\u003Cul>\n\u003Cli>\n\u003Cp>Many players reported forming new friendships and strengthening existing relationships through shared experiences in the game.\u003C/p>\n\u003C/li>\n\u003Cli>\n\u003Cp>Example: Colleagues who played the game during a team-building event reported improved communication and camaraderie.\u003C/p>\n\u003C/li>\n\u003C/ul>\n\u003Chr>\n\u003Ch3>Conclusion\u003C/h3>\n\u003Cp>Our AI-powered mobile game has successfully transformed social gatherings into extraordinary adventures. By merging technology with human connection, we have created a platform that not only entertains but also fosters community and camaraderie. The game’s ability to adapt to different groups and provide personalized experiences has made it a valuable tool for enhancing in-person interactions.\u003C/p>\n\u003Chr>\n\u003Ch3>Future Directions\u003C/h3>\n\u003Cp>To build on the game’s success, we plan to:\u003C/p>\n\u003Ch4>1. \u003Cstrong>Expand Content\u003C/strong>\u003C/h4>\n\u003Cul>\n\u003Cli>\n\u003Cp>Introduce new quests, puzzles, and challenges to keep the gameplay fresh and engaging.\u003C/p>\n\u003C/li>\n\u003Cli>\n\u003Cp>Example: Seasonal themes, such as holiday-themed quests or summer adventure challenges.\u003C/p>\n\u003C/li>\n\u003C/ul>\n\u003Ch4>2. \u003Cstrong>Broaden User Base\u003C/strong>\u003C/h4>\n\u003Cul>\n\u003Cli>\n\u003Cp>Explore partnerships with event organizers, community groups, and educational institutions to reach a wider audience.\u003C/p>\n\u003C/li>\n\u003Cli>\n\u003Cp>Example: Collaborating with schools to use the game for team-building activities.\u003C/p>\n\u003C/li>\n\u003C/ul>\n\u003Ch4>3. \u003Cstrong>Enhance AI Capabilities\u003C/strong>\u003C/h4>\n\u003Cul>\n\u003Cli>\n\u003Cp>Continue refining AI algorithms to improve personalization and adaptability, ensuring that every gathering is a unique experience.\u003C/p>\n\u003C/li>\n\u003Cli>\n\u003Cp>Example: Incorporating natural language processing (NLP) to allow players to interact with the game using voice commands.\u003C/p>\n\u003C/li>\n\u003C/ul>\n\u003Ch4>4. \u003Cstrong>Develop a Mobile App\u003C/strong>\u003C/h4>\n\u003Cul>\n\u003Cli>\n\u003Cp>Create a dedicated mobile app for iOS and Android to make the game more accessible and user-friendly.\u003C/p>\n\u003C/li>\n\u003Cli>\n\u003Cp>Example: Adding features like push notifications for new challenges and in-app rewards.\u003C/p>\n\u003C/li>\n\u003C/ul>\n\u003Chr>\n\u003Ch3>Final Thoughts\u003C/h3>\n\u003Cp>Our AI-powered mobile game is more than just a game—it’s a tool for bringing people closer together. By combining technology with the power of human connection, we have created a platform that transforms social interactions into cherished memories. As we continue to innovate and expand, we remain committed to enhancing the social experience for players everywhere.\u003C/p>\n\u003Cp>Join us in our mission to make every gathering an unforgettable adventure, one game at a time.\u003C/p>","We developed a mobile game for in-person gatherings powered by AI to foster community interaction.\n\n","Players","WePlay – AI-Driven Gaming Ecosystem","bond-us","https://bondus.datac.com",[1354],145,{"date_published":8,"date_created":1356,"date_updated":8,"sort":8,"website_metadata":8,"website_screenshot":1357,"built_with":1358,"featured_image":1359,"partner":1300,"id":1360,"use_cases":1361,"content":1362,"short_summary":1363,"client_name":1364,"project_title":1365,"slug":1366,"website":1367,"status":455,"image_gallery":1368},"2025-01-29T21:07:23.181Z","27987f98-af63-4b43-abc1-91a47da63888",[496,466],"c18d5800-8cc4-42b4-bfc0-5e77e60a85ff",107,[537,558,833,624,538],"\u003Ch3>Development of a Comprehensive Logistics Management Platform for Light Logistics\u003C/h3>\n\u003Ch4>Background\u003C/h4>\n\u003Cp>Light Logistics, a prominent logistics agency based in Egypt, sought to address the complexities of managing its operations across multiple regions, including the Middle East, Europe, Africa, and the USA. With an increasing volume of orders and clients, they required a robust solution to streamline their processes, improve operational efficiency, and enhance customer service.\u003C/p>\n\u003Ch4>Challenges Faced\u003C/h4>\n\u003Cp>Light Logistics encountered several challenges:\u003C/p>\n\u003Col>\n\u003Cli>\u003Cstrong>Inefficient Order Management\u003C/strong>: Handling orders manually created delays and increased the risk of errors.\u003C/li>\n\u003Cli>\u003Cstrong>Fragmented Client Interaction\u003C/strong>: Communication with clients was inconsistent, leading to misunderstandings and dissatisfaction.\u003C/li>\n\u003Cli>\u003Cstrong>Invoice and Payment Processing Issues\u003C/strong>: The existing system for managing invoices and payments was cumbersome, resulting in slow processing times and difficulties in tracking financial transactions.\u003C/li>\n\u003Cli>\u003Cstrong>Limited Reporting Capabilities\u003C/strong>: The ability to generate insightful reports for performance analysis and decision-making was severely restricted, impacting strategic planning.\u003C/li>\n\u003C/ol>\n\u003Cp>These challenges necessitated the development of a tailored logistics management platform to support their operations effectively.\u003C/p>\n\u003Ch4>Solution Development\u003C/h4>\n\u003Cp>To address these challenges, we crafted Agency OS, a comprehensive logistics management platform customized for the unique needs of Light Logistics. The primary objectives of the solution were to enhance operational efficiency, facilitate effective client management, and streamline financial processes.\u003C/p>\n\u003Cp>\u003Cstrong>Key Features Implemented\u003C/strong>:\u003C/p>\n\u003Col>\n\u003Cli>\n\u003Cp>\u003Cstrong>Order Management System\u003C/strong>:\u003C/p>\n\u003Cul>\n\u003Cli>A centralized hub to create, track, and manage logistics orders seamlessly.\u003C/li>\n\u003Cli>Automation features to reduce manual input and minimize errors.\u003C/li>\n\u003C/ul>\n\u003C/li>\n\u003Cli>\n\u003Cp>\u003Cstrong>Client Management Portal\u003C/strong>:\u003C/p>\n\u003Cul>\n\u003Cli>A user-friendly interface for clients to place orders, track shipments, and communicate with Light Logistics.\u003C/li>\n\u003Cli>Automated notifications to enhance client engagement and service.\u003C/li>\n\u003C/ul>\n\u003C/li>\n\u003Cli>\n\u003Cp>\u003Cstrong>Invoicing and Payment Processing\u003C/strong>:\u003C/p>\n\u003Cul>\n\u003Cli>Integration with various payment gateways for secure and efficient transactions.\u003C/li>\n\u003Cli>Real-time tracking and reporting of invoices, reducing delays in cash flow.\u003C/li>\n\u003C/ul>\n\u003C/li>\n\u003Cli>\n\u003Cp>\u003Cstrong>Advanced Reporting Tools\u003C/strong>:\u003C/p>\n\u003Cul>\n\u003Cli>Robust analytics dashboard providing insights into operational performance, financial status, and client interactions.\u003C/li>\n\u003Cli>Customizable reports to support strategic decision-making.\u003C/li>\n\u003C/ul>\n\u003C/li>\n\u003Cli>\n\u003Cp>\u003Cstrong>Multi-Regional Support\u003C/strong>:\u003C/p>\n\u003Cul>\n\u003Cli>A platform designed to handle logistics operations across diverse geographical regions, accommodating different regulations, languages, and currencies.\u003C/li>\n\u003C/ul>\n\u003C/li>\n\u003C/ol>\n\u003Ch4>Implementation Process\u003C/h4>\n\u003Cp>The implementation process consisted of several phases:\u003C/p>\n\u003Col>\n\u003Cli>\u003Cstrong>Requirements Gathering\u003C/strong>: Collaborated closely with the Light Logistics team to understand their specific needs and challenges.\u003C/li>\n\u003Cli>\u003Cstrong>Platform Customization\u003C/strong>: Leveraged the Agency OS framework to develop features tailored to the agency's operations.\u003C/li>\n\u003Cli>\u003Cstrong>Testing and Quality Assurance\u003C/strong>: Conducted rigorous testing to ensure the platform functioned smoothly across all intended use cases and met quality standards.\u003C/li>\n\u003Cli>\u003Cstrong>Training and Support\u003C/strong>: Provided comprehensive training sessions for Light Logistics staff to familiarize them with the new system and ongoing technical support to address any issues.\u003C/li>\n\u003C/ol>\n\u003Ch4>Results Achieved\u003C/h4>\n\u003Cp>The deployment of the customized logistics management platform yielded significant improvements in Light Logistics' operations:\u003C/p>\n\u003Col>\n\u003Cli>\u003Cstrong>Enhanced Operational Efficiency\u003C/strong>: Automation of order processing and management led to faster turnaround times and reduced errors.\u003C/li>\n\u003Cli>\u003Cstrong>Improved Client Satisfaction\u003C/strong>: The client management portal fostered better communication and engagement, resulting in higher satisfaction rates.\u003C/li>\n\u003Cli>\u003Cstrong>Streamlined Financial Processes\u003C/strong>: Efficient invoicing and payment processing significantly improved cash flow and reduced outstanding receivables.\u003C/li>\n\u003Cli>\u003Cstrong>Data-Driven Decision Making\u003C/strong>: The availability of advanced reporting tools empowered management to make informed strategic decisions based on real-time data.\u003C/li>\n\u003C/ol>\n\u003Ch4>Conclusion\u003C/h4>\n\u003Cp>The development of a comprehensive logistics management platform for Light Logistics has transformed its operations, enabling it to effectively navigate the complexities of managing logistics across multiple regions. By investing in customized technology, Light Logistics has not only enhanced its operational efficiency but also positioned itself as a leader in the logistics industry within the MENA region and beyond. The success of this project underscores the importance of tailored solutions in addressing the unique challenges faced by logistics agencies in a competitive landscape.\u003C/p>\n\u003Cp>As Light Logistics continues to grow, this platform will serve as a solid foundation for scaling their operations and achieving greater success in the logistics sector.\u003C/p>","We developed a comprehensive logistics operation management platform using Agency OS as a template and further customizing it to manage all orders, clients, invoices, payments, and reports for a logistics agency.","Light Logistics","Logistics Agency Platform","logistics-os","https://www.lightlogistics-eg.com",[1369],146,{"date_published":8,"date_created":1371,"date_updated":8,"sort":489,"website_metadata":8,"website_screenshot":1372,"built_with":1373,"featured_image":1376,"partner":1300,"id":1377,"use_cases":1378,"content":1379,"short_summary":1380,"client_name":1381,"project_title":1382,"slug":1383,"website":1384,"status":455,"image_gallery":1385},"2025-01-29T21:23:18.514Z","a4ba1a90-0313-4911-a9af-3982e2bc844d",[496,1374,1375],"Flutter","Webflow","6f146404-1daf-40b3-b1ab-1dc6da0d4d99",108,[537,558,833,624,538],"\u003Ch2>Macrocare\u003C/h2>\n\u003Ch3>Introduction\u003C/h3>\n\u003Cp>Macrocare, a pioneering medical service agency, sought to revolutionize the way it managed its operations, including orders, patient data, medical records, partner networks, and treatment catalogs. With a rapidly growing client base and the constant challenge of maintaining high-quality service, Macrocare recognized the need for a streamlined platform that could enhance efficiency, improve data management, and centralize its operational processes.\u003C/p>\n\u003Ch3>Challenges\u003C/h3>\n\u003Cp>Before implementing the new platform, Macrocare faced several challenges that hindered its ability to deliver optimal services:\u003C/p>\n\u003Col>\n\u003Cli>\u003Cstrong>Disparate Systems\u003C/strong>: Medical records, patient information, and order management were handled by different systems, leading to inefficiencies and increased chances of errors.\u003C/li>\n\u003Cli>\u003Cstrong>Data Accessibility\u003C/strong>: Important data was often siloed, making it difficult for staff to access the information they needed in real-time, thus slowing down the service delivery process.\u003C/li>\n\u003Cli>\u003Cstrong>Inefficient Communication\u003C/strong>: Chasing down information across different departments led to communication delays, which impacted patient care and order fulfillment.\u003C/li>\n\u003Cli>\u003Cstrong>Inconsistent Patient Management\u003C/strong>: The absence of a centralized patient management system made it challenging to track patient histories, treatment plans, and follow-up requirements.\u003C/li>\n\u003C/ol>\n\u003Ch3>Objectives\u003C/h3>\n\u003Cp>The primary objectives for the development of the platform were to:\u003C/p>\n\u003Cul>\n\u003Cli>Centralize medical records, patient information, and treatment catalogs for easy access.\u003C/li>\n\u003Cli>Enhance order management processes to improve speed and accuracy.\u003C/li>\n\u003Cli>Streamline communication between staff and partner networks.\u003C/li>\n\u003Cli>Provide a user-friendly interface that facilitates training and adoption by the team.\u003C/li>\n\u003C/ul>\n\u003Ch3>Solution\u003C/h3>\n\u003Cp>To address these challenges, we developed a comprehensive platform tailored specifically for Macrocare’s needs. Key features of the platform include:\u003C/p>\n\u003Col>\n\u003Cli>\u003Cstrong>Centralized Dashboard\u003C/strong>: A user-friendly interface that consolidates medical records, orders, and patient data in one accessible location, allowing staff to quickly retrieve necessary information.\u003C/li>\n\u003Cli>\u003Cstrong>Order Management Module\u003C/strong>: An efficient order management system that tracks each order from initiation to fulfillment, reducing turnaround times and errors.\u003C/li>\n\u003Cli>\u003Cstrong>Patient Management System\u003C/strong>: A robust patient management system that stores comprehensive patient histories, treatment plans, and appointment schedules, enabling personalized care.\u003C/li>\n\u003Cli>\u003Cstrong>Integrated Communications Tool\u003C/strong>: A built-in communication tool that connects staff and partner networks, facilitating real-time updates and discussions.\u003C/li>\n\u003Cli>\u003Cstrong>Data Analytics\u003C/strong>: Advanced analytics capabilities for tracking key performance indicators (KPIs) and generating reports, enabling data-driven decision-making.\u003C/li>\n\u003C/ol>\n\u003Ch3>Implementation\u003C/h3>\n\u003Cp>The implementation of the platform was executed in several phases:\u003C/p>\n\u003Col>\n\u003Cli>\u003Cstrong>Needs Assessment\u003C/strong>: Conducted workshops with Macrocare stakeholders to identify specific needs and expectations for the platform.\u003C/li>\n\u003Cli>\u003Cstrong>Prototype Development\u003C/strong>: Developed a prototype to give Macrocare staff an early look at the proposed solution, gathering feedback for refinements.\u003C/li>\n\u003Cli>\u003Cstrong>Testing and Iteration\u003C/strong>: Conducted thorough testing with selected users to identify any issues while ensuring ease of use.\u003C/li>\n\u003Cli>\u003Cstrong>Training and Deployment\u003C/strong>: Provided comprehensive training sessions for all staff members, ensuring they felt comfortable using the new platform before full deployment.\u003C/li>\n\u003Cli>\u003Cstrong>Ongoing Support\u003C/strong>: Established a support team to assist Macrocare with any issues post-launch and to facilitate continuous improvements based on user feedback.\u003C/li>\n\u003C/ol>\n\u003Ch3>Results\u003C/h3>\n\u003Cp>The implementation of the new platform yielded significant benefits for Macrocare:\u003C/p>\n\u003Cul>\n\u003Cli>\u003Cstrong>Increased Efficiency\u003C/strong>: Order processing times reduced by 40%, leading to faster service delivery.\u003C/li>\n\u003Cli>\u003Cstrong>Enhanced Data Accessibility\u003C/strong>: Staff reported a 60% reduction in time spent searching for patient information and medical records.\u003C/li>\n\u003Cli>\u003Cstrong>Improved Communication\u003C/strong>: Internal communication improved markedly, with an estimated 50% decrease in email inquiries related to data retrieval.\u003C/li>\n\u003Cli>\u003Cstrong>Higher Patient Satisfaction\u003C/strong>: Patient feedback indicated a more streamlined service experience, leading to a 25% increase in overall satisfaction ratings.\u003C/li>\n\u003Cli>\u003Cstrong>Data-Driven Decisions\u003C/strong>: Enhanced analytics capabilities enabled Macrocare’s leadership to make informed decisions, based on real-time data insights.\u003C/li>\n\u003C/ul>\n\u003Ch3>Conclusion\u003C/h3>\n\u003Cp>Through the development and implementation of a centralized platform, Macrocare successfully transformed its operational processes, leading to increased efficiency, improved patient care, and enhanced communication. The partnership exemplifies how technology can address complex challenges in the healthcare sector, positioning Macrocare as a leader in medical service delivery. Looking ahead, Macrocare intends to leverage the platform further by exploring additional features that can further enhance patient outcomes and operational efficiencies\u003C/p>","We built a platform that enables medical service agencies to manage orders, patients, medical records, partner networks, and treatment catalogs efficiently.","Macrocare","Healthcare Case Management Platform","macrocare","https://macro.care",[1386],147,{"date_published":8,"date_created":1388,"date_updated":1389,"sort":8,"website_metadata":8,"website_screenshot":1390,"built_with":1391,"featured_image":1392,"partner":1393,"id":1394,"use_cases":1395,"content":1396,"short_summary":1397,"client_name":1398,"project_title":1399,"slug":1400,"website":1401,"status":455,"image_gallery":1402},"2025-01-30T15:06:05.842Z","2025-02-18T22:31:28.416Z","cd506b7f-2b12-4465-a767-fb85a82070b4",[496,554,901],"037e2753-7e01-4132-b235-a08ca875b3f6","c9ee5cee-db77-41e0-9a22-affe54223449",109,[537,558],"\u003Cp>The BID for the Americas application is a tool designed to promote the participation of companies and the creation of strategic alliances in the procurement processes by the IDB.\u003C/p>\n\u003Cp>The application allows users to:\u003C/p>\n\u003Cul>\n\u003Cli>Know the procurement processes financed by the IDB: The application provides information and access to tenders and contracts financed by the IDB, facilitating the participation of companies in these processes.\u003C/li>\n\u003Cli>Form strategic alliances: Companies can export and save business profiles that could be strategic allies in the framework of the tenders and contracts financed by the IDB.\u003C/li>\n\u003Cli>Access opportunities for trade and investment: Companies can explore and take advantage of other trade and investment opportunities in the region, connecting with local and regional partners\u003C/li>\n\u003C/ul>\n\u003Cp>The application also includes integrations with other IDB business linkage platforms.\u003C/p>\n\u003Cp> \u003C/p>","The BID for the Americas application is a tool designed to promote the participation of companies and the creation of strategic alliances in the procurement processes by the IDB.\nThis platform provides access to information through different platforms (Web and Mobile), integrating Artificial Intelligence capabilities for document analysis, taxonomy generation, and search capabilities\n\n","Interamerican Development Bank","BID For The Americas APP","interamerican-development-bank","https://bidfortheamericas.connectamericas.com/",[],{"date_published":8,"date_created":1404,"date_updated":1405,"sort":8,"website_metadata":8,"website_screenshot":1406,"built_with":1407,"featured_image":1411,"partner":1412,"id":1413,"use_cases":1414,"content":1415,"short_summary":1416,"client_name":1417,"project_title":1418,"slug":1419,"website":1420,"status":455,"image_gallery":1421},"2025-01-30T15:27:03.928Z","2025-01-30T15:39:44.268Z","daa20fed-d503-410d-979c-5c0cf8e7f668",[553,554,1408,1409,1410],"graphqul","tailwindcss","typesense","0dc6dbf3-72be-4330-8a74-0cdb7a29eabb","712f1176-bc04-42a9-90a6-09289d689a27",110,[537,558],"\u003Cp dir=\"auto\" data-pm-slice=\"1 3 []\">\u003Cstrong>Objectives\u003C/strong>\u003C/p>\n\u003Cp dir=\"auto\">Vanier College aimed to achieve the following:\u003C/p>\n\u003Cul>\n\u003Cli>\n\u003Cp dir=\"auto\">Unify all web content on a single platform to provide flexibility and ease of use.\u003C/p>\n\u003C/li>\n\u003Cli>\n\u003Cp dir=\"auto\">Centralize all sub-platforms into one cohesive system to streamline management and improve efficiency.\u003C/p>\n\u003C/li>\n\u003Cli>\n\u003Cp dir=\"auto\">Simplify navigation for quick and intuitive access to information.\u003C/p>\n\u003C/li>\n\u003Cli>\n\u003Cp dir=\"auto\">Prioritize content for prospective students while maintaining effective communication with other users.\u003C/p>\n\u003C/li>\n\u003Cli>\n\u003Cp dir=\"auto\">Improve mobile responsiveness to ensure a consistent user experience across all devices.\u003C/p>\n\u003C/li>\n\u003Cli>\n\u003Cp dir=\"auto\">Ensure online accessibility standards are met, allowing everyone to navigate the platform easily.\u003C/p>\n\u003C/li>\n\u003C/ul>\n\u003Cp dir=\"auto\" data-pm-slice=\"1 3 []\">\u003Cstrong>Strategy\u003C/strong>\u003C/p>\n\u003Cp dir=\"auto\">The strategy involved transitioning from WordPress to Directus to leverage its flexibility in content management and its capacity to integrate with modern technologies like React and Next.js, enabling more interactive user experiences.\u003C/p>\n\u003Cul>\n\u003Cli>\n\u003Cp dir=\"auto\">\u003Cstrong>Directus Implementation:\u003C/strong> Centralized all content on Directus, streamlining content management and enhancing flexibility. Its user-friendly interface enabled the standardization of content entry and page building.\u003C/p>\n\u003C/li>\n\u003Cli>\n\u003Cp dir=\"auto\">\u003Cstrong>Headless CMS and Front-End:\u003C/strong> Combined with Directus, it provides performance, flexibility, and security, enhancing user experience and simplifying maintenance and scalability.\u003C/p>\n\u003C/li>\n\u003Cli>\n\u003Cp dir=\"auto\">\u003Cstrong>Design System with Storybook:\u003C/strong> Facilitated collaboration between developers and designers through reusable components, ensuring design consistency across the site and optimizing development and maintenance.\u003C/p>\n\u003C/li>\n\u003Cli>\n\u003Cp dir=\"auto\">\u003Cstrong>AI-Assisted Migration:\u003C/strong> Combined web scraping with large language models (LLM) to automate and optimize the migration process for specific sections with structured content, such as blog articles, events, articles, courses and so on.\u003C/p>\n\u003C/li>\n\u003C/ul>\n\u003Cp>\u003Cimg src=\"https://marketing.directus.app/assets/0e090574-e171-4999-b95d-f97757b98ef1.png?width=2565&height=1717\" alt=\"CMS Programs\" loading=\"lazy\">\u003C/p>\n\u003Cp dir=\"auto\" data-pm-slice=\"1 3 []\">\u003Cstrong>How Directus Simplified the Structure\u003C/strong>\u003C/p>\n\u003Cp dir=\"auto\">Directus's features played a critical role in simplifying the site's structure:\u003C/p>\n\u003Cul>\n\u003Cli>\n\u003Cp dir=\"auto\">\u003Cstrong>Centralized Management:\u003C/strong> By consolidating all content into Directus, the platform eliminated the complexity of managing multiple systems, allowing for a streamlined approach to content updates and maintenance.\u003C/p>\n\u003C/li>\n\u003Cli>\n\u003Cp dir=\"auto\">\u003Cstrong>Flexible Content Modeling:\u003C/strong> Directus's flexible schema allowed for easy adaptation and organization of content, catering to the specific needs of different user personas.\u003C/p>\n\u003C/li>\n\u003Cli>\n\u003Cp dir=\"auto\">\u003Cstrong>User-Friendly Interface:\u003C/strong> The interface simplified the process for non-technical users to manage content, ensuring that updates could be made quickly and efficiently without extensive technical knowledge.\u003C/p>\n\u003C/li>\n\u003C/ul>\n\u003Cp>\u003Cimg src=\"https://marketing.directus.app/assets/6b332e51-0f3c-4c2e-a242-17aa5c3ed6bc.png?width=3057&height=1715\" alt=\"CMS Course\" loading=\"lazy\">\u003C/p>\n\u003Cblockquote>\n\u003Cp dir=\"auto\" data-pm-slice=\"1 1 []\">\u003Cem>\"The challenge was considerable in simplifying navigation and consolidating numerous subsites into a single, integrated platform. Okam was sensitive to our users' needs and provided valuable advice and guidance. With their support, we met our objective of creating a mobile-first, streamlined site with longevity, discoverability and uniformity top of mind.\"\u003C/em>\u003Cstrong>\u003Cem> \u003C/em>\u003Cbr>- Isabelle Moncion, Director of Communications and Corporate Affairs\u003C/strong>\u003C/p>\n\u003C/blockquote>\n\u003Cp dir=\"auto\" data-pm-slice=\"1 1 []\">\u003Cstrong>Results\u003C/strong>\u003C/p>\n\u003Cp dir=\"auto\">Implementing headless technology transformed the site's performance, making it faster and more secure. The navigation was redesigned to offer a smooth and intuitive experience, allowing users to find what they need quickly.\u003C/p>\n\u003Cp dir=\"auto\">In the first 10 weeks after the launch, preliminary results showed:\u003C/p>\n\u003Cul>\n\u003Cli>\n\u003Cp dir=\"auto\">A 19.4% increase in active users\u003C/p>\n\u003C/li>\n\u003Cli>\n\u003Cp dir=\"auto\">A 26.8% rise in new users\u003C/p>\n\u003C/li>\n\u003Cli>\n\u003Cp dir=\"auto\">A 21% increase in active users on mobile\u003C/p>\n\u003C/li>\n\u003Cli>\n\u003Cp dir=\"auto\">User engagement was up by 26.6%\u003C/p>\n\u003C/li>\n\u003C/ul>\n\u003Cp dir=\"auto\">\u003Cstrong>Content prioritization:\u003C/strong> Essential information for students is now prominently featured. The site's responsive platform fully optimizes mobile access, minimizing UX frustrations.\u003C/p>\n\u003Cp dir=\"auto\">\u003Cimg src=\"https://marketing.directus.app/assets/7e44e5cc-004c-4c54-acaf-42fef521d338.png?width=2880&height=1626\" alt=\"Nav Mobile\" loading=\"lazy\">\u003C/p>\n\u003Cp dir=\"auto\">Finally, we successfully centralized and optimized the content in both the front-end and CMS and enhanced the relevance of available information.\u003C/p>\n\u003Cp dir=\"auto\" data-pm-slice=\"1 1 []\">\u003Cstrong>Conclusion\u003C/strong>\u003C/p>\n\u003Cp dir=\"auto\">The redesign of Vanier College's web platform not only resolved initial issues but also transformed the site into a dynamic, user-centred tool, intending to enhance engagement with prospective students. Directus was instrumental in achieving these objectives, providing the tools for effective and adaptable content management.\u003C/p>","Vanier College faced the challenge of unifying its fragmented web presence. The need for a cohesive and efficient solution became paramount with numerous accounts/microsites managed by different internal teams. They partnered with Okam to transform their digital infrastructure using Directus.","Vanier College","How Vanier College Unified and Enhanced Its Digital Presence with Okam","vaniercollege","https://www.vaniercollege.qc.ca/",[],{"date_published":8,"date_created":1423,"date_updated":1424,"sort":8,"website_metadata":8,"website_screenshot":1425,"built_with":1426,"featured_image":1427,"partner":1393,"id":1428,"use_cases":1429,"content":1430,"short_summary":1431,"client_name":1432,"project_title":1433,"slug":1434,"website":1435,"status":455,"image_gallery":1436},"2025-01-30T18:20:44.842Z","2025-02-18T22:31:38.645Z","e6d97ad9-96c6-4fca-beab-82b9311c1e73",[496,554],"44c07281-a543-457a-8060-073864f958de",111,[537,558],"\u003Cp>The business matchmaking application is designed to connect complementary companies and foster collaborations and business opportunities. It uses data-driven matching algorithms to pair companies based on their specific needs and capabilities, offering an interactive and personalized interface through conversations with a generative artificial intelligence. This interaction aims to enhance the accuracy of recommendations and tailor them to the specifics of each user.\u003C/p>\n\u003Cp>The functional features of the platform include a variety of tools to optimize the search and discovery of companies. Users can employ advanced filters such as industry, company size, location, and types of needs/offers to refine their search. Additionally, the platform provides affinity scoring and matching probability to rank results, using artificial intelligence and machine learning to offer personalized recommendations based on compatibility and the needs expressed by the users.\u003C/p>\n\u003Cp>To ensure the effectiveness and relevance of the matches, the platform includes an evaluation system where companies can rate the quality of interactions and collaborations, providing feedback that the AI uses to continuously improve the matchmaking algorithm. Additionally, detailed analytics and reports on the application's use are offered, helping companies better understand their performance within the platform and adjust their networking and collaboration strategies.\u003C/p>\n\u003Cp>From a technical perspective, the plataform is supported by Directus, as the backend and CMS integrated with Azure Open AI for the Gen AI process. \u003C/p>\n\u003Cp> \u003C/p>","ConnectAmericas, the business platform of the IDB, currently has more than 240,000 registered business profiles. These companies interact through the platform in various ways, including organic search, applications to purchase announcements, and participation in face-to-face and virtual forums organized by the IDB's Integration and Trade Sector. Furthermore, considering that it is fundamental for a company to find suitable suppliers and customers for the growth of their businesses, especially in international markets, CA had launched  an AI-based solution that strengthens and facilitates business matchmaking. The main purpose is for companies to find in CA the platform to generate valuable connections and grow their business.","ConnectAmericas","ADA -  Matchmaking","connect-americas","https://ada.connectamericas.com/",[1437],148,{"date_published":8,"date_created":1439,"date_updated":1440,"sort":8,"website_metadata":8,"website_screenshot":1441,"built_with":1442,"featured_image":1443,"partner":1393,"id":1444,"use_cases":1445,"content":1446,"short_summary":1447,"client_name":1448,"project_title":1449,"slug":1450,"website":1451,"status":455,"image_gallery":1452},"2025-01-30T18:55:11.370Z","2025-02-18T22:31:50.922Z","1cb393b7-027b-4819-b444-dc58947a7de1",[496,554],"6d20fe94-5c73-441f-a963-c27daaf275a1",112,[537,558],"\u003Cp>Sprouting.education is an educational platform that focuses on preparing young students for a future in technology by providing them with essential skills in science, technology, engineering, and math (STEM). The platform is dedicated to making high-quality, reusable STEM curriculum accessible to all communities, ensuring that it can be leveraged repeatedly to benefit a wide range of educational initiatives.\u003C/p>\n\u003Cp>The platform offers a variety of courses designed to engage students and help them understand the possibilities of a technical career while building a supportive community. This interactive and inclusive approach to learning is aimed at fostering confidence and consistency in both educators and learners, regardless of their resources.\u003C/p>\n\u003Cp>Additionally, Sprouting hosts significant events like the \"Sprouting a STEM Community\", which are sponsored by major institutions like the National Science Foundation and involve collaborations with entities such as MIT's Center for Brains, Minds, and Machines. These events aim to cultivate interest and involvement in STEM fields among participants, further enriching the educational journey provided by Sprouting.\u003C/p>","We build Sprouting.education , an educational platform that focuses on preparing young students for a future in technology by providing them with essential skills in science, technology, engineering, and math (STEM). The platform is dedicated to making high-quality, reusable STEM curriculum accessible to all communities, ensuring that it can be leveraged repeatedly to benefit a wide range of educational initiatives.","Sprouting (MIT)","Sprouting","sprouting","https://platform.sprouting.education/",[1453],149,{"date_published":8,"date_created":1455,"date_updated":1456,"sort":436,"website_metadata":8,"website_screenshot":1457,"built_with":1458,"featured_image":1461,"partner":1462,"id":1463,"use_cases":8,"content":1464,"short_summary":1465,"client_name":1466,"project_title":1467,"slug":1468,"website":1469,"status":455,"image_gallery":1470},"2025-01-31T20:58:49.316Z","2025-07-24T20:17:42.212Z","55cee369-4606-4508-9c34-c838261be472",[496,1459,1460,553,554,888],"Expo","Nativewind","78955449-d413-4f98-8e3a-7f8c5c3be2c3","87c64349-a4d8-4896-a674-b3b0d3d16f2c",113,"\u003Cp>\u003Cstrong>The Challenge\u003C/strong>\u003C/p>\n\u003Cp>O'Neil Software saw an opportunity to transform the traditional pen-and-paper record storage industry. They envisioned \u003Ca href=\"https://annex.com/\" target=\"_blank\" rel=\"noopener\">\u003Cstrong>Annex\u003C/strong>\u003C/a>: a consumer-facing marketplace that would connect everyday users directly with storage facilities, creating new revenue streams for record centers without heavy marketing costs.\u003C/p>\n\u003Cp>\u003Cstrong>Our Solution\u003C/strong>\u003C/p>\n\u003Cp>We partnered with O'Neil Software to build a modern e-commerce platform featuring:\u003C/p>\n\u003Cul>\n\u003Cli>\u003Cstrong>Responsive Web Application\u003C/strong> built with Next.js, Directus, GraphQL, and Tailwind\u003C/li>\n\u003Cli>\u003Cstrong>Seamless Payment Processing\u003C/strong> through \u003Ca href=\"https://echobind.com/partners/stripe\" target=\"_blank\" rel=\"noopener\">Stripe integration\u003C/a>\u003C/li>\n\u003Cli>\u003Cstrong>Content Management System\u003C/strong> powered by Directus, enabling non-technical team members to update content independently\u003C/li>\n\u003Cli>\u003Cstrong>Cross-Platform Architecture\u003C/strong> designed for future mobile expansion using Expo and Nativewind\u003C/li>\n\u003C/ul>\n\u003Cp>\u003Cstrong>Key Features Delivered\u003C/strong>\u003C/p>\n\u003Cul>\n\u003Cli>Custom pages for easy content management\u003C/li>\n\u003Cli>Personalized shopping experience with vendor selection\u003C/li>\n\u003Cli>Comprehensive account management portal\u003C/li>\n\u003Cli>Integrations marketplace for third-party solutions\u003C/li>\n\u003C/ul>\n\u003Cp>The collaboration resulted in a groundbreaking platform that made an entire industry instantly more accessible and user-friendly.\u003C/p>\n\u003Cp>\u003Cstrong>\u003Ca href=\"https://echobind.com/work/oneil-software-annex\" target=\"_blank\" rel=\"noopener\">Continue reading the full case study on our website →\u003C/a>\u003Cbr>\u003Cbr>\u003Ca href=\"https://echobind.com/partners/directus\" target=\"_blank\" rel=\"noopener\">Learn more about how Echobind builds Directus apps →\u003C/a>\u003Cbr>\u003Cbr>\u003C/strong>\u003Cimg src=\"https://marketing.directus.app/assets/12fb2efb-8853-4c71-9eba-899c7f0e4e58.png?width=3840&height=2589\" alt=\"0002\" loading=\"lazy\">\u003Cbr>\u003Cbr>\u003Cimg src=\"https://marketing.directus.app/assets/80437f36-cc6f-422c-bccd-46b606415fb6.png?width=3840&height=4308\" alt=\"0003\" loading=\"lazy\">\u003C/p>","We built a Directus-powered marketplace that digitized the record storage industry, connecting consumers with storage facilities and creating new revenue streams.","O'Neil Software","Meet Annex: The First Commercial Platform of Its Kind","annex-organizational-bliss","https://annex.com/",[],{"date_published":8,"date_created":1472,"date_updated":1473,"sort":436,"website_metadata":8,"website_screenshot":1474,"built_with":1475,"featured_image":1476,"partner":1477,"id":1478,"use_cases":1479,"content":1480,"short_summary":1481,"client_name":1482,"project_title":1483,"slug":1484,"website":1485,"status":455,"image_gallery":1486},"2025-02-13T15:53:56.997Z","2025-03-07T20:37:09.578Z","b647073e-5639-41c2-97de-86fb4b2244b1",[553],"082e61d5-be6a-4ca0-8f38-5917efc28d0d","17c3f02a-4eef-4a6d-9fd5-7fa9ba603342",114,[537],"\u003Cp data-start=\"52\" data-end=\"373\">Web Vision 360 won the tender for the redesign of EuraTechnologies' website by offering a technically advanced solution. The project leverages the Next.js framework for the frontend, Node.js for the backend, and Directus as the headless CMS for seamless content management.\u003C/p>\n\u003Cp data-start=\"375\" data-end=\"721\">By choosing Next.js, Web Vision 360 prioritized performance, enabling the creation of a fast, SEO-optimized web application. The use of Directus as a headless CMS provides unparalleled flexibility in content management, ensuring a clear separation between the frontend presentation and backend data while enabling advanced integrations via API.\u003C/p>\n\u003Cp data-start=\"723\" data-end=\"930\">The solution also integrates HubSpot as the CRM, streamlining lead management, and an automated job publishing tool that syncs with the job search engine, ensuring real-time updates and greater efficiency.\u003C/p>\n\u003Cp data-start=\"932\" data-end=\"1169\">The development approach was guided by \"design thinking\" principles, focusing on UI/UX to deliver an outstanding user experience. The website was designed to effectively convert visitors into leads, driving growth for EuraTechnologies.\u003C/p>\n\u003Cp data-start=\"1171\" data-end=\"1466\">To complement the new site, Web Vision 360 produced high-value content, including an interactive virtual tour of the campuses and a video presentation featuring stunning drone footage. These assets were highly appreciated by EuraTechnologies and contributed to enhancing the project’s success.\u003C/p>","EuraTechnologies - A Hub for Innovation\nWe developed a new website for EuraTechnologies, featuring a comprehensive startup directory, a job board with advanced search functionality, and an integrated CRM system. This solution streamlines operations, enhances user engagement, and reinforces EuraTechnologies' position as a leading innovation hub.","EuraTechnologies","Euratechnologies","euratechnologies","https://webvision360.com/projets/etude-de-cas-euratechnologies",[1487,1488,1489],150,151,152,{"date_published":8,"date_created":1491,"date_updated":1492,"sort":8,"website_metadata":8,"website_screenshot":1493,"built_with":1494,"featured_image":1495,"partner":1477,"id":1496,"use_cases":1497,"content":1498,"short_summary":1499,"client_name":1500,"project_title":1501,"slug":1502,"website":1503,"status":455,"image_gallery":1504},"2025-02-14T10:19:21.570Z","2025-03-11T14:39:27.884Z","5b849a1a-ba4f-42a3-a0fe-d82f6e8efc94",[553],"27e8c50d-4876-4d2e-9a26-fde410bf58c1",116,[537],"\u003Cp data-start=\"254\" data-end=\"541\">The project began by rethinking the structure of miLibris’ products to make them more accessible and comprehensible. Products were segmented based on technical and service-oriented criteria, and each was assigned a clear, intuitive name to enhance understanding.\u003C/p>\n\u003Cp data-start=\"543\" data-end=\"814\">The next phase focused on design. A sleek, modern graphic mockup was developed to reflect miLibris' technological and digital identity. Along with this, a refreshed visual identity was proposed, building upon their existing branding and aligning with their core values.\u003C/p>\n\u003Cp data-start=\"816\" data-end=\"1066\">In the final phase, Web Vision 360 brought the vision to life. Using cutting-edge technologies such as Node.js, the Next.js framework (React), and the open-source Headless CMS Directus, the development teams delivered a robust backend and frontend.\u003C/p>\n\u003Cp data-start=\"1068\" data-end=\"1291\">Special attention was given to SEO compliance, ensuring optimal visibility on search engines. The site is also seamlessly integrated with the client’s HubSpot CRM, enabling real-time lead tracking and activity monitoring.\u003C/p>\n\u003Cp data-start=\"1293\" data-end=\"1441\" data-is-last-node=\"\">This comprehensive solution not only enhances miLibris’ online presence but also positions them for greater efficiency and growth in the B2B market.\u003C/p>","miLibris - Tailored Web Solutions for B2B Excellence\nWeb Vision 360 partnered with miLibris, the B2B subsidiary of the Cafeyn group, to deliver a custom web solution that aligns with their objectives and showcases their technological expertise.","Cafeyn group","miLibris","milibris-cafeyn-group","https://www.milibris.com/",[1505,1506],156,157,{"date_published":8,"date_created":1508,"date_updated":1509,"sort":436,"website_metadata":8,"website_screenshot":1510,"built_with":1511,"featured_image":1513,"partner":787,"id":1243,"use_cases":8,"content":1514,"short_summary":1515,"client_name":1516,"project_title":1517,"slug":1518,"website":1519,"status":455,"image_gallery":1520},"2025-03-23T13:30:45.614Z","2025-03-23T13:31:28.524Z","05eee698-6951-4e12-ae20-c9ae43332ee5",[553,1512],"directuscms","1a50badd-b637-48ab-a4cc-d3b3882270e2","\u003Ch1 id=\"6434\" class=\"ms mt gp bf mu mv mw mx my mz na nb nc nd ne nf ng nh ni nj nk nl nm nn no np bk\" data-selectable-paragraph=\"\">\u003Cstrong class=\"am\">About Abaxx Exchange\u003C/strong>\u003C/h1>\n\u003Cp id=\"c0e7\" class=\"pw-post-body-paragraph nq nr gp ns b nt nu nv nw nx ny nz oa ob oc od oe of og oh oi oj ok ol om on gi bk\" data-selectable-paragraph=\"\">Abaxx Exchange is a premier, enterprise-grade commodity futures exchange and clearinghouse, licensed by the Monetary Authority of Singapore (MAS). As a flagship subsidiary of the publicly traded Abaxx Technologies Inc. (market cap ~CAD 339M), Abaxx Exchange is redefining the global trading landscape with cutting-edge, centrally cleared, physically delivered futures across energy, metals, and carbon markets. With recent strategic product launches such as nickel sulphate and lithium carbonate futures, Abaxx is positioning itself as a dominant force and future market leader in commodities critical to the energy transition — cementing its role as a next-generation powerhouse in global price discovery and risk management.\u003C/p>\n\u003Ch2 id=\"50f6\" class=\"oo mt gp bf mu op oq or my os ot ou nc ob ov ow ox of oy oz pa oj pb pc pd pe bk\" data-selectable-paragraph=\"\">\u003Cstrong class=\"am\">Challenge\u003C/strong>\u003C/h2>\n\u003Cp id=\"2e43\" class=\"pw-post-body-paragraph nq nr gp ns b nt nu nv nw nx ny nz oa ob oc od oe of og oh oi oj ok ol om on gi bk\" data-selectable-paragraph=\"\">The existing content management system (CMS) presented limitations in flexibility, scalability, and ease of use, hindering efficient content updates and integration of new features. Abaxx Exchange required a solution that would provide robust performance, flexibility, and allow for easy content management to keep pace with the evolving digital landscape.​\u003C/p>\n\u003Ch1 id=\"60cd\" class=\"ms mt gp bf mu mv mw mx my mz na nb nc nd ne nf ng nh ni nj nk nl nm nn no np bk\" data-selectable-paragraph=\"\">Goal — Objectives of Abaxx Exchange\u003C/h1>\n\u003Cp id=\"7be4\" class=\"pw-post-body-paragraph nq nr gp ns b nt nu nv nw nx ny nz oa ob oc od oe of og oh oi oj ok ol om on gi bk\" data-selectable-paragraph=\"\">Abaxx Exchange sought to modernize its digital presence by developing a user-friendly, efficient website that aligns with its innovative approach to commodity trading. The objective was to create a platform that effectively communicates their services, enhances user engagement, and supports seamless content management.​\u003C/p>\n\u003Ch2 id=\"8074\" class=\"oo mt gp bf mu op oq or my os ot ou nc ob ov ow ox of oy oz pa oj pb pc pd pe bk\" data-selectable-paragraph=\"\">\u003Cstrong class=\"am\">Solution\u003C/strong>\u003C/h2>\n\u003Cp id=\"2800\" class=\"pw-post-body-paragraph nq nr gp ns b nt nu nv nw nx ny nz oa ob oc od oe of og oh oi oj ok ol om on gi bk\" data-selectable-paragraph=\"\">To address these challenges, the following technology stack was implemented:\u003C/p>\n\u003Cul class=\"\">\n\u003Cli id=\"dacd\" class=\"nq nr gp ns b nt pf nv nw nx pg nz oa ob ph od oe of pi oh oi oj pj ol om on pk pl pm bk\" data-selectable-paragraph=\"\">\u003Cstrong class=\"ns gq\">Next.js\u003C/strong>: Utilized for front-end development to enable server-side rendering, resulting in improved performance and SEO optimization.​\u003C/li>\n\u003Cli id=\"fc7b\" class=\"nq nr gp ns b nt pn nv nw nx po nz oa ob pp od oe of pq oh oi oj pr ol om on pk pl pm bk\" data-selectable-paragraph=\"\">\u003Cstrong class=\"ns gq\">Directus CMS\u003C/strong>: Chosen for its unopinionated and flexible architecture, Directus provided an intuitive interface for content management, allowing non-technical staff to manage and update content effortlessly while maintaining design consistency.\u003C/li>\n\u003Cli id=\"8f68\" class=\"nq nr gp ns b nt pn nv nw nx po nz oa ob pp od oe of pq oh oi oj pr ol om on pk pl pm bk\" data-selectable-paragraph=\"\">\u003Cstrong class=\"ns gq\">Responsive Design\u003C/strong>: Ensured the website provides a consistent and engaging experience across all devices, including desktops, tablets, and mobile phones.​\u003C/li>\n\u003C/ul>\n\u003Ch1 id=\"f7fb\" class=\"ms mt gp bf mu mv mw mx my mz na nb nc nd ne nf ng nh ni nj nk nl nm nn no np bk\" data-selectable-paragraph=\"\">\u003Cstrong class=\"am\">Results — Achievements\u003C/strong>\u003C/h1>\n\u003Cp id=\"7032\" class=\"pw-post-body-paragraph nq nr gp ns b nt nu nv nw nx ny nz oa ob oc od oe of og oh oi oj ok ol om on gi bk\" data-selectable-paragraph=\"\">The implementation of the new digital platform led to several key achievements:\u003C/p>\n\u003Cul class=\"\">\n\u003Cli id=\"5052\" class=\"nq nr gp ns b nt pf nv nw nx pg nz oa ob ph od oe of pi oh oi oj pj ol om on pk pl pm bk\" data-selectable-paragraph=\"\">\u003Cstrong class=\"ns gq\">Enhanced Online Presence\u003C/strong>: The modern design reflects Abaxx Exchange’s commitment to innovation, making the brand more appealing to users.​\u003C/li>\n\u003Cli id=\"bff8\" class=\"nq nr gp ns b nt pn nv nw nx po nz oa ob pp od oe of pq oh oi oj pr ol om on pk pl pm bk\" data-selectable-paragraph=\"\">\u003Cstrong class=\"ns gq\">Improved Performance\u003C/strong>: The use of Next.js ensured quick load times, enhancing user engagement and boosting search engine rankings.​\u003C/li>\n\u003Cli id=\"9258\" class=\"nq nr gp ns b nt pn nv nw nx po nz oa ob pp od oe of pq oh oi oj pr ol om on pk pl pm bk\" data-selectable-paragraph=\"\">\u003Cstrong class=\"ns gq\">SEO Optimization\u003C/strong>: The combination of Next.js and Directus facilitated better SEO practices, driving organic traffic to the site.​\u003C/li>\n\u003Cli id=\"a068\" class=\"nq nr gp ns b nt pn nv nw nx po nz oa ob pp od oe of pq oh oi oj pr ol om on pk pl pm bk\" data-selectable-paragraph=\"\">\u003Cstrong class=\"ns gq\">User-Friendly Content Management\u003C/strong>: Directus empowered the team to manage and update content without technical expertise, ensuring the website remains current and relevant.​\u003C/li>\n\u003C/ul>\n\u003Ch1 id=\"0ceb\" class=\"ms mt gp bf mu mv mw mx my mz na nb nc nd ne nf ng nh ni nj nk nl nm nn no np bk\" data-selectable-paragraph=\"\">\u003Cstrong class=\"am\">Live Demo\u003C/strong>\u003C/h1>\n\u003Cp id=\"c49f\" class=\"pw-post-body-paragraph nq nr gp ns b nt nu nv nw nx ny nz oa ob oc od oe of og oh oi oj ok ol om on gi bk\" data-selectable-paragraph=\"\">Explore the Abaxx Exchange website: \u003Ca class=\"ag ps\" href=\"https://abaxx.exchange/\" target=\"_blank\" rel=\"noopener ugc nofollow\">https://abaxx.exchange/\u003C/a>\u003C/p>\n\u003Ch1 id=\"b092\" class=\"ms mt gp bf mu mv mw mx my mz na nb nc nd ne nf ng nh ni nj nk nl nm nn no np bk\" data-selectable-paragraph=\"\">Client Testimonial\u003C/h1>\n\u003Cp>\u003Cimg src=\"https://marketing.directus.app/assets/ee978eba-e5c0-4183-a50f-a34eaf0e62da.png?width=2146&height=974\" alt=\"Screenshot 2025 03 23 at 4.30.38 Pm\" loading=\"lazy\">\u003C/p>\n\u003Ch1 id=\"da73\" class=\"ms mt gp bf mu mv mw mx my mz na nb nc nd ne nf ng nh ni nj nk nl nm nn no np bk\" data-selectable-paragraph=\"\">\u003Cstrong class=\"am\">Connect\u003C/strong>\u003C/h1>\n\u003Cp id=\"36d8\" class=\"pw-post-body-paragraph nq nr gp ns b nt nu nv nw nx ny nz oa ob oc od oe of og oh oi oj ok ol om on gi bk\" data-selectable-paragraph=\"\">If you’re looking to transform your brand’s digital presence with a cutting-edge, high-performance website, our team is here to help. With a proven history of delivering successful web projects, we’re the perfect partner to bring your vision to life.\u003C/p>\n\u003Cp id=\"fc2d\" class=\"pw-post-body-paragraph nq nr gp ns b nt pf nv nw nx pg nz oa ob ph od oe of pi oh oi oj pj ol om on gi bk\" data-selectable-paragraph=\"\">Visit our website: \u003Ca class=\"ag ps\" href=\"https://weframetech.com/\" target=\"_blank\" rel=\"noopener ugc nofollow\">https://weframetech.com/\u003C/a>\u003Cbr>\u003Cimg src=\"https://marketing.directus.app/assets/ae3157f7-f8e1-48e5-ab50-446b8934ae43.png?width=1260&height=859\" alt=\"0 Sor Joys7 Fol H Baad\">\u003C/p>\n\u003Ch2 id=\"378d\" class=\"oo mt gp bf mu op oq or my os ot ou nc ob ov ow ox of oy oz pa oj pb pc pd pe bk\" data-selectable-paragraph=\"\">\u003Ca class=\"ag ps\" href=\"https://calendly.com/vipuluthaiah/weframe-tech\" target=\"_blank\" rel=\"noopener ugc nofollow\">Book a Meeting Now\u003C/a>\u003C/h2>","We helped Abaxx Exchange transition to a JAMstack architecture by integrating Directus CMS. Explore our detailed case study to learn more about our work.","Abaxx Exchange","Migrating a large enterprise client's website to Directus CMS","weframe-tech-migrating-a-large-enterprise-clients-website-to-directus-cms","https://abaxx.exchange/",[1521,1522,1523],163,164,165,{"date_published":8,"date_created":1525,"date_updated":1526,"sort":8,"website_metadata":1527,"website_screenshot":1533,"built_with":1534,"featured_image":1536,"partner":1283,"id":1246,"use_cases":1537,"content":1538,"short_summary":1539,"client_name":1528,"project_title":1540,"slug":1541,"website":1542,"status":455,"image_gallery":1543},"2025-04-29T11:20:11.201Z","2025-05-12T18:00:11.750Z",[1528,1529,1530,1531,1532],"M&P IP Protectors","IP Law Firm","India","Trademark & Patent Legal Services","Linearloop Project","037380fc-b44a-40f0-81fc-2dd68a547201",[496,553,554,1535],"SVGAnimation","3c7d0f0d-2574-4680-937f-c14bea31e8fc",[537],"\u003Cp>M&P IP Protectors, an IP law firm based in India, needed to replace their outdated website with a modern, interactive version that supported detailed animations and gave them full control over their content.\u003Cbr>To build a fast, flexible front-end, we used Next.js, which allowed us to implement dynamic animations and optimize load performance through static generation and code splitting. For content management, we chose Directus, which gave the client a clean, no-code interface to manage content and media without requiring development support.\u003Cbr>\u003Cstrong>\u003Cbr>Key Challenges\u003C/strong>\u003Cbr>The client requested custom animations across the site—including a shield graphic that responds to scroll behavior. We needed to implement this without slowing down the site or introducing layout instability across screen sizes.\u003Cbr>\u003Cstrong>\u003Cbr>Our Solution\u003C/strong>\u003Cbr>We used an SVG line animation approach for the shield and tied it to scroll events using custom JavaScript. This let us keep the animation lightweight and performant. We validated the implementation across devices to ensure consistency.\u003Cbr>\u003Cbr>\u003Cstrong>What We Brought to the Table\u003C/strong>\u003Cbr>Our team applied advanced front-end animation skills—using tools like React Spring and direct SVG manipulation—to translate the client’s visual ideas into smooth, reliable motion design. The result was a responsive, content-driven website with tailored interactions that reinforce the brand's identity.\u003C/p>","We built a dynamic, animation-heavy marketing site for M&P IP Protectors, a boutique IP law firm, using a hybrid stack of Directus and Next.js—designed to balance content flexibility with immersive user interactions.","M&P IP Protectors Website Redesign","mandp-ip-protectors-redesign","https://www.mandpindia.com",[1544,1545,1546,1547,1548],181,182,183,184,185,{"date_published":8,"date_created":1550,"date_updated":1551,"sort":436,"website_metadata":8,"website_screenshot":1552,"built_with":1553,"featured_image":1552,"partner":1554,"id":1555,"use_cases":1556,"content":1557,"short_summary":1558,"client_name":1559,"project_title":1560,"slug":1561,"website":1562,"status":455,"image_gallery":1563},"2025-07-10T12:00:11.320Z","2025-08-10T19:16:45.300Z","0f215dfa-5d58-470a-8060-8482575bb9ec",[467],"0b59d785-1f5d-49f0-8b36-3da8accf7a9c",126,[537,558],"\u003Ch1>Innovative control panel: \"Integral IMAP\"\u003C/h1>\n\u003Cp>With its forward-thinking design, Schrack Seconet's \"Integral IMAP\" sets a new standard in operating fire detection systems. In line with this innovation, we created an interactive experience that communicates the value and uniqueness of the solution — clearly, dynamically, and with a lasting impression.\u003C/p>\n\u003Ch2>Handling content with ease\u003C/h2>\n\u003Cp>The website is built as a Progressive Web App (PWA) that seamlessly pulls content from Directus in real time. The Directus backend features an intelligent block-based structure that arranges the content visible on the website in a clear, meaningful way. The intuitive Visual Editor in Directus empowers content editors to easily manage and update their content without technical assistance. \u003C/p>\n\u003Cp>The \"Integral IMAP\" landing page is fully optimized for use across all channels and devices — desktop, tablet, or smartphone. Whether used by sales teams for presentations, featured on large touchscreens at trade fairs, or explored casually from home — the app-like landing page adapts perfectly to every situation. Besides that, the landing page is set up to support multiple languages. A custom-built import/export process in Directus connects the content translations to the company’s internal, intelligent translation tool.\u003C/p>\n\u003Cblockquote>\n\u003Cp>\"With the digital presentation of our new, innovative Integral IMAP panel, it was important to us to communicate the new control concept to our target audiences and highlight the modularity of our solution. With mutor as our partner, we’ve achieved exactly that.\"\u003Cbr>— Gerlinde Scholler, Head of Product Marketing, Schrack Seconet AG\u003C/p>\n\u003C/blockquote>\n\u003Ch2>Handling inquiries with precision\u003C/h2>\n\u003Cp>An innovative whitepaper system lets users request an exclusive access key for in‑depth product insights. Behind the scenes, a smart Request Management System built on Directus instantly routes each inquiry to the right contact person using an advanced mapping algorithm based on sales areas. Assigned contact persons can easily accept or decline inquiries via email or directly within the Directus Data Studio, with the system automatically nominating the next best match when needed. The result: interested customers receive timely, tailored responses at the peak of their interest — turning curiosity into engagement.\u003C/p>\n\u003Cblockquote>\n\u003Cp>\"The new landing page for Schrack Seconet marks a true milestone with the launch of Integral IMAP. Our goal was to present the product’s innovative power in a compelling way and bring Schrack Seconet’s vision of safety to life in the digital space.\"\u003Cbr>— Hans-Peter Minihuber, CEO, mutor GmbH\u003C/p>\n\u003C/blockquote>","The new “Integral IMAP” control panel by Schrack Seconet AG redefines how fire alarm systems are managed — through innovative design and a new level of user-centric interaction. To accompany the product’s launch, we developed a landing page that captures its innovation and added value in a striking and memorable way. Directus powers the interactive experience with dynamic content, while providing content editors with an intuitive interface to manage and update it.","Schrack Seconet AG","Landing Page with Request Management","landing-page-integral-imap","https://integral-imap.schrack-seconet.com",[1564,1565,1566],186,187,188,{"date_published":8,"date_created":1568,"date_updated":1569,"sort":8,"website_metadata":8,"website_screenshot":8,"built_with":1570,"featured_image":1575,"partner":1576,"id":1276,"use_cases":8,"content":1577,"short_summary":1578,"client_name":8,"project_title":1579,"slug":8,"website":1580,"status":455,"image_gallery":1581},"2025-07-28T09:50:09.003Z","2025-08-04T08:29:43.850Z",[1571,1572,1573,554,1574],"Directus(headlessCMS&admin)","GoogleMaps/Places","PushNotifications","Stripe","4b08e282-21f1-4868-a337-1822a92b8aba","277298eb-9a9d-4c08-9b20-3ac38d3fe444","\u003Cp class=\"MsoNormal\">\u003Cspan lang=\"EN-US\" style=\"mso-fareast-font-family: Aptos;\">In an age where convenience is everything, PerfektAuto reimagines the car wash experience by bringing premium cleaning services to your driveway—or offering a smooth, fully digital journey to fixed-location washes. But what seems simple on the surface is powered by a deeply considered, scalable tech stack that blends flexibility, automation, and operational intelligence, complete with CRM integrations, asynchronous workflows, and real-time notifications.\u003C/span>\u003C/p>\n\u003Ch3>\u003Cstrong>\u003Cspan lang=\"EN-US\">From Booking to Clean: A Seamless Customer Experience\u003C/span>\u003C/strong>\u003C/h3>\n\u003Cp class=\"MsoNormal\">\u003Cspan lang=\"EN-US\" style=\"mso-fareast-font-family: Aptos;\">PerfektAuto offers two core service modes:\u003C/span>\u003C/p>\n\u003Cul>\n\u003Cli class=\"MsoNormal\">\u003C!-- [if !supportLists]-->\u003Cstrong>\u003Cspan lang=\"EN-US\" style=\"mso-fareast-font-family: Aptos;\">Fixed-location washes\u003C/span>\u003C/strong>\u003Cspan lang=\"EN-US\" style=\"mso-fareast-font-family: Aptos;\"> at branded stations\u003C/span>\u003C/li>\n\u003Cli class=\"MsoNormal\">\u003C!-- [if !supportLists]-->\u003Cstrong>\u003Cspan lang=\"EN-US\" style=\"mso-fareast-font-family: Aptos;\">Mobile car washes\u003C/span>\u003C/strong>\u003Cspan lang=\"EN-US\" style=\"mso-fareast-font-family: Aptos;\">, where a washer comes to the customer’s chosen location\u003C/span>\u003C/li>\n\u003C/ul>\n\u003Cp class=\"MsoNormal\">\u003Cspan lang=\"EN-US\" style=\"mso-fareast-font-family: Aptos;\">The app provides a frictionless booking experience:\u003C/span>\u003C/p>\n\u003Cul>\n\u003Cli class=\"MsoNormal\">\u003C!-- [if !supportLists]-->\u003Cspan lang=\"EN-US\" style=\"mso-fareast-font-family: Aptos;\">Select your wash type\u003C/span>\u003C/li>\n\u003Cli>\u003C!-- [if !supportLists]-->\u003Cspan lang=\"EN-US\" style=\"mso-fareast-font-family: Aptos;\">Choose a location (autocomplete or interactive map)\u003C/span>\u003C/li>\n\u003Cli>\u003C!-- [if !supportLists]-->\u003Cspan lang=\"EN-US\" style=\"mso-fareast-font-family: Aptos;\">Add optional services\u003C/span>\u003C/li>\n\u003Cli>\u003C!-- [if !supportLists]-->\u003Cspan lang=\"EN-US\" style=\"mso-fareast-font-family: Aptos;\">Pick a time slot (based on dynamic availability)\u003C/span>\u003C/li>\n\u003Cli>\u003C!-- [if !supportLists]-->\u003Cspan lang=\"EN-US\" style=\"mso-fareast-font-family: Aptos;\">Complete payment (mandatory for mobile)\u003C/span>\u003C/li>\n\u003Cli>\u003C!-- [if !supportLists]-->\u003Cspan lang=\"EN-US\" style=\"mso-fareast-font-family: Aptos;\">Get notifications, both push and email about your wash\u003C/span>\u003C/li>\n\u003C/ul>\n\u003Cp class=\"MsoNormal\">\u003Cspan lang=\"EN-US\" style=\"mso-fareast-font-family: Aptos;\">Customers can manage saved vehicles, receive notifications, apply referral codes, and view past or upcoming washes. Behind the scenes, intelligent logic validates service areas, assigns the best available washer, and dynamically adapts the booking experience.\u003C/span>\u003C/p>\n\u003Ch3>\u003Cspan lang=\"EN-US\">The Stack: React Native + Directus\u003C/span>\u003C/h3>\n\u003Ch3>\u003Cspan lang=\"EN-US\">Frontend\u003C/span>\u003C/h3>\n\u003Cp class=\"MsoNormal\">\u003Cstrong>\u003Cspan lang=\"EN-US\" style=\"mso-fareast-font-family: Aptos;\">React Native\u003C/span>\u003C/strong>\u003Cspan lang=\"EN-US\" style=\"mso-fareast-font-family: Aptos;\"> We chose React Native to support a unified codebase for iOS and Android, paired with a custom design system (based on Prime). The app integrates with:\u003C/span>\u003C/p>\n\u003Cul>\n\u003Cli class=\"MsoNormal\">\u003C!-- [if !supportLists]-->\u003Cspan lang=\"EN-US\" style=\"mso-fareast-font-family: Aptos;\">Google Places and Maps APIs for address selection and visualization\u003C/span>\u003C/li>\n\u003Cli class=\"MsoNormal\">\u003C!-- [if !supportLists]-->\u003Cspan lang=\"EN-US\" style=\"mso-fareast-font-family: Aptos;\">Stripe for payments\u003C/span>\u003C/li>\n\u003Cli class=\"MsoNormal\">\u003C!-- [if !supportLists]-->\u003Cspan lang=\"EN-US\" style=\"mso-fareast-font-family: Aptos;\">Push and email services for real-time updates\u003C/span>\u003C/li>\n\u003Cli class=\"MsoNormal\">\u003C!-- [if !supportLists]-->\u003Cspan lang=\"EN-US\" style=\"mso-fareast-font-family: Aptos;\">Dynamic content rendering powered by Directus\u003C/span>\u003C/li>\n\u003C/ul>\n\u003Ch3>\u003Cspan lang=\"EN-US\">Backend\u003C/span>\u003C/h3>\n\u003Cp class=\"MsoNormal\">\u003Cstrong>\u003Cspan lang=\"EN-US\" style=\"mso-fareast-font-family: Aptos;\">Directus\u003C/span>\u003C/strong>\u003Cspan lang=\"EN-US\" style=\"mso-fareast-font-family: Aptos;\"> Directus serves as both the content hub and operational engine. It acts as a headless CMS and admin tool, powering:\u003C/span>\u003C/p>\n\u003Cul>\n\u003Cli>\u003C!-- [if !supportLists]-->\u003Cspan lang=\"EN-US\" style=\"mso-fareast-font-family: Aptos;\">Wash types, extras, media\u003C/span>\u003C/li>\n\u003Cli>\u003C!-- [if !supportLists]-->\u003Cspan lang=\"EN-US\">Vehicle and customer management\u003C/span>\u003C/li>\n\u003Cli>\u003C!-- [if !supportLists]-->\u003Cspan lang=\"EN-US\">Booking logic and status workflows\u003C/span>\u003C/li>\n\u003Cli>\u003C!-- [if !supportLists]-->\u003Cspan lang=\"EN-US\">Mobile washer schedules and exceptions\u003C/span>\u003C/li>\n\u003Cli>\u003C!-- [if !supportLists]-->\u003Cspan lang=\"EN-US\">Franchise-level service area configuration (zip codes)\u003C/span>\u003C/li>\n\u003Cli>\u003C!-- [if !supportLists]-->\u003Cspan lang=\"EN-US\">Mobile unit logic including time buffers and zip code coverage\u003C/span>\u003C/li>\n\u003Cli>\u003C!-- [if !supportLists]-->\u003Cspan lang=\"EN-US\">CRM-linked customer profiles and service history\u003C/span>\u003C/li>\n\u003C/ul>\n\u003Cp class=\"MsoNormal\">\u003Cspan lang=\"EN-US\" style=\"mso-fareast-font-family: Aptos;\">This setup enables fast iteration for the dev team and real-time configurability for admins—without having to touch code.\u003C/span>\u003C/p>\n\u003Ch3>\u003Cspan lang=\"EN-US\">The Logic That Powers Mobile Washes\u003C/span>\u003C/h3>\n\u003Cp class=\"MsoNormal\">\u003Cspan lang=\"EN-US\" style=\"mso-fareast-font-family: Aptos;\">One of the core differentiators of PerfektAuto is its \u003Cstrong>intelligent task dispatch system\u003C/strong>, designed specifically for mobile wash scalability.\u003C/span>\u003C/p>\n\u003Cp class=\"MsoNormal\">\u003Cspan lang=\"EN-US\" style=\"mso-fareast-font-family: Aptos;\">Each mobile washer is treated as a separate \"location\" with its own:\u003C/span>\u003C/p>\n\u003Cul>\n\u003Cli>\u003C!-- [if !supportLists]-->\u003Cspan lang=\"EN-US\" style=\"mso-fareast-font-family: Aptos;\">Zip code coverage (primary area)\u003C/span>\u003C/li>\n\u003Cli>\u003C!-- [if !supportLists]-->\u003Cspan lang=\"EN-US\" style=\"mso-fareast-font-family: Aptos;\">Working hours and exception dates\u003C/span>\u003C/li>\n\u003Cli>\u003C!-- [if !supportLists]-->\u003Cspan lang=\"EN-US\" style=\"mso-fareast-font-family: Aptos;\">Washer availability\u003C/span>\u003C/li>\n\u003C/ul>\n\u003Cp class=\"MsoNormal\">\u003Cspan lang=\"EN-US\" style=\"mso-fareast-font-family: Aptos;\">Franchises define regional coverage zones, and the system ensures that only one franchise operates per region.\u003C/span>\u003C/p>\n\u003Ch3>\u003Cspan lang=\"EN-US\">When a customer enters an address\u003C/span>\u003C/h3>\n\u003Cul>\n\u003Cli>\u003C!-- [if !supportLists]-->\u003Cspan lang=\"EN-US\" style=\"mso-fareast-font-family: Aptos;\">The system \u003Cstrong>validates\u003C/strong> it in real time based on zip code coverage\u003C/span>\u003C/li>\n\u003Cli>\u003C!-- [if !supportLists]-->\u003Cspan lang=\"EN-US\" style=\"mso-fareast-font-family: Aptos;\">If the address is out of service range, a popup appears and the app redirects the user to the closest available region\u003C/span>\u003C/li>\n\u003Cli>\u003C!-- [if !supportLists]-->\u003Cspan lang=\"EN-US\" style=\"mso-fareast-font-family: Aptos;\">Time slots are generated dynamically, factoring in washer schedules and an invisible time buffer\u003C/span>\u003C/li>\n\u003Cli>\u003C!-- [if !supportLists]-->\u003Cspan lang=\"EN-US\" style=\"mso-fareast-font-family: Aptos;\">All of this is powered by asynchronous workflows to keep operations smooth even during peak load\u003C/span>\u003C/li>\n\u003C/ul>\n\u003Cp class=\"MsoNormal\">\u003Cspan lang=\"EN-US\" style=\"mso-fareast-font-family: Aptos;\">The buffer is dynamic (based on service logic), but always rounded up to 30-minute slots for consistency in scheduling. Customers never see this buffer, but it prevents overlap between appointments.\u003C/span>\u003C/p>\n\u003Ch3>\u003Cspan lang=\"EN-US\">Intelligent Assignment: Least-Occupied Logic\u003C/span>\u003C/h3>\n\u003Cp class=\"MsoNormal\">\u003Cspan lang=\"EN-US\" style=\"mso-fareast-font-family: Aptos;\">Booking assignment is handled by our custom “least occupied agent” logic. For each franchise, the system:\u003C/span>\u003C/p>\n\u003Cul>\n\u003Cli>\u003C!-- [if !supportLists]-->\u003Cspan lang=\"EN-US\" style=\"mso-fareast-font-family: Aptos;\">Calculates current workload for each washer\u003C/span>\u003C/li>\n\u003Cli>\u003C!-- [if !supportLists]-->\u003Cspan lang=\"EN-US\" style=\"mso-fareast-font-family: Aptos;\">Picks the washer with the least assigned time that week\u003C/span>\u003C/li>\n\u003Cli>\u003C!-- [if !supportLists]-->\u003Cspan lang=\"EN-US\" style=\"mso-fareast-font-family: Aptos;\">Ignores primary/secondary location preference (for now)\u003C/span>\u003C/li>\n\u003C/ul>\n\u003Cp class=\"MsoNormal\">\u003Cspan lang=\"EN-US\" style=\"mso-fareast-font-family: Aptos;\">This ensures fair workload distribution and maximum utilization, with future plans to weight assignments by location preference.\u003C/span>\u003C/p>\n\u003Ch3>\u003Cspan lang=\"EN-US\">Admin Simplicity with Directus\u003C/span>\u003C/h3>\n\u003Cp class=\"MsoNormal\">\u003Cspan lang=\"EN-US\" style=\"mso-fareast-font-family: Aptos;\">Directus allows non-technical team members to:\u003C/span>\u003C/p>\n\u003Cul>\n\u003Cli>\u003C!-- [if !supportLists]-->\u003Cspan lang=\"EN-US\" style=\"mso-fareast-font-family: Aptos;\">Add new wash types or extras\u003C/span>\u003C/li>\n\u003Cli>\u003C!-- [if !supportLists]-->\u003Cspan lang=\"EN-US\" style=\"mso-fareast-font-family: Aptos;\">Manage zip code territories\u003C/span>\u003C/li>\n\u003Cli>\u003C!-- [if !supportLists]-->\u003Cspan lang=\"EN-US\" style=\"mso-fareast-font-family: Aptos;\">Set washer working hours and blackout dates\u003C/span>\u003C/li>\n\u003Cli>\u003C!-- [if !supportLists]-->\u003Cspan lang=\"EN-US\" style=\"mso-fareast-font-family: Aptos;\">View booking history and manage status\u003C/span>\u003C/li>\n\u003Cli>\u003C!-- [if !supportLists]-->\u003Cspan lang=\"EN-US\" style=\"mso-fareast-font-family: Aptos;\">Control coupon and referral programs\u003C/span>\u003C/li>\n\u003Cli>\u003C!-- [if !supportLists]-->\u003Cspan lang=\"EN-US\" style=\"color: black; mso-themecolor: text1;\">Review customer CRM data and historical service logs\u003C/span>\u003C/li>\n\u003C/ul>\n\u003Cp class=\"MsoNormal\">\u003Cspan lang=\"EN-US\" style=\"mso-fareast-font-family: Aptos;\">Collections are structured cleanly around core entities: Bookings, Washers, Vehicles, Locations, Services, and Franchises. The API layer is exposed to the mobile app and washer app, keeping everything in sync.\u003C/span>\u003C/p>\n\u003Ch3>\u003Cspan lang=\"EN-US\">Washer App: Lightweight Operational Companion (In Development)\u003C/span>\u003C/h3>\n\u003Cp class=\"MsoNormal\">\u003Cspan lang=\"EN-US\" style=\"mso-fareast-font-family: Aptos;\">We’re currently building a lightweight \u003Cstrong>Washer App\u003C/strong> to support on-the-ground operations. It allows washers to:\u003C/span>\u003C/p>\n\u003Cul>\n\u003Cli>\u003C!-- [if !supportLists]-->\u003Cspan lang=\"EN-US\" style=\"mso-fareast-font-family: Aptos;\">Log in via email + password\u003C/span>\u003C/li>\n\u003Cli>\u003Cspan lang=\"EN-US\" style=\"mso-fareast-font-family: Aptos;\">View assigned washes\u003C/span>\u003C/li>\n\u003Cli>\u003Cspan lang=\"EN-US\" style=\"mso-fareast-font-family: Aptos;\">Change wash status (En Route → Started → Completed)\u003C/span>\u003C/li>\n\u003Cli>\u003Cspan lang=\"EN-US\" style=\"mso-fareast-font-family: Aptos;\">Take before/after photos\u003C/span>\u003C/li>\n\u003Cli>\u003C!-- [if !supportLists]-->\u003Cspan lang=\"EN-US\" style=\"mso-fareast-font-family: Aptos;\">Send predefined messages to users (e.g., “I’m running late”)\u003C/span>\u003C/li>\n\u003C/ul>\n\u003Cp class=\"MsoNormal\">\u003Cspan lang=\"EN-US\" style=\"mso-fareast-font-family: Aptos;\">Photos are uploaded directly to the backend and linked to the corresponding wash. The app runs on the same API and permission structure as the main app, tailored for speed and ease of use.\u003C/span>\u003C/p>\n\u003Ch3>\u003Cspan lang=\"EN-US\">Built for Scale: Franchises, Regions, and Growth\u003C/span>\u003C/h3>\n\u003Cp class=\"MsoNormal\">\u003Cspan lang=\"EN-US\" style=\"mso-fareast-font-family: Aptos;\">PerfektAuto’s architecture was designed with scale in mind. By decoupling business logic from hardcoded components, we can:\u003C/span>\u003C/p>\n\u003Cul>\n\u003Cli>\u003Cspan lang=\"EN-US\" style=\"mso-fareast-font-family: Aptos;\">Expand across regions with unique zip code and service logic\u003C/span>\u003C/li>\n\u003Cli>\u003Cspan lang=\"EN-US\" style=\"mso-fareast-font-family: Aptos;\">Support multiple franchises with separate washer fleets\u003C/span>\u003C/li>\n\u003Cli>\u003Cspan lang=\"EN-US\" style=\"mso-fareast-font-family: Aptos;\">Dynamically adjust offerings per market (e.g., different extras or pricing)\u003C/span>\u003C/li>\n\u003Cli>\u003Cspan lang=\"EN-US\" style=\"mso-fareast-font-family: Aptos;\">Roll out new features quickly without disrupting core workflows\u003C/span>\u003C/li>\n\u003C/ul>\n\u003Cp class=\"MsoNormal\">\u003Cspan lang=\"EN-US\" style=\"mso-fareast-font-family: Aptos;\">Everything is managed centrally through Directus, making onboarding a new region or franchise a low-friction process.\u003C/span>\u003C/p>\n\u003Ch3>\u003Cspan lang=\"EN-US\">What’s Next?\u003C/span>\u003C/h3>\n\u003Cp class=\"MsoNormal\">\u003Cspan lang=\"EN-US\" style=\"mso-fareast-font-family: Aptos;\">As we expand, we're exploring features like:\u003C/span>\u003C/p>\n\u003Cul>\n\u003Cli>\u003C!-- [if !supportLists]-->\u003Cspan lang=\"EN-US\" style=\"mso-fareast-font-family: Aptos;\">Washer-initiated price/time adjustment (if vehicle condition is poor)\u003C/span>\u003C/li>\n\u003Cli>\u003C!-- [if !supportLists]-->\u003Cspan lang=\"EN-US\" style=\"mso-fareast-font-family: Aptos;\">Customer-side photo review and washer rating\u003C/span>\u003C/li>\n\u003Cli>\u003C!-- [if !supportLists]-->\u003Cspan lang=\"EN-US\" style=\"mso-fareast-font-family: Aptos;\">Advanced dispatch logic based on historical performance or region familiarity\u003C/span>\u003C/li>\n\u003Cli>\u003C!-- [if !supportLists]-->\u003Cspan lang=\"EN-US\" style=\"mso-fareast-font-family: Aptos;\">Load balancing across franchises\u003C/span>\u003C/li>\n\u003C/ul>\n\u003Cp class=\"MsoNormal\">\u003Cspan lang=\"EN-US\" style=\"mso-fareast-font-family: Aptos;\">PerfektAuto isn’t just a car wash app—it’s a modular, franchise-ready platform designed to evolve with scale, precision, and customer-centricity.\u003C/span>\u003C/p>","PerfektAuto is a mobile app-based car wash platform focused on nanotechnology cleaning, offering both fixed-location and mobile wash services, with a strong emphasis on operational scalability and franchise expansion across Central Europe. The app streamlines booking, location selection, and payment for customers, while supporting franchisees and washers with intelligent task assignment, regional availability logic, and performance optimization tools.","PerfektAuto","https://www.perfektauto.at/",[1582,1583,1584,1585],192,193,194,195,{"date_published":8,"date_created":1587,"date_updated":8,"sort":8,"website_metadata":8,"website_screenshot":8,"built_with":1588,"featured_image":1589,"partner":1590,"id":1277,"use_cases":1591,"content":1592,"short_summary":1593,"client_name":1594,"project_title":1595,"slug":1596,"website":1597,"status":455,"image_gallery":1598},"2025-09-24T19:06:00.823Z",[466,467],"97afa5c1-175c-42f0-ae8e-dcd8d6804cd2","e0aaace2-e99a-4cd8-a0ed-0acd4fdf1ef6",[537,558],"\u003Cp data-start=\"101\" data-end=\"248\">\u003Cstrong data-start=\"101\" data-end=\"112\">Client:\u003C/strong> ICT Istra – regional association for the development and promotion of the ICT sector in Istria\u003Cbr data-start=\"207\" data-end=\"210\">\u003Cstrong data-start=\"210\" data-end=\"223\">Platform:\u003C/strong> Website + Directus CMS\u003C/p>\n\u003Ch4 data-start=\"250\" data-end=\"268\">What we did\u003C/h4>\n\u003Cp data-start=\"269\" data-end=\"853\">We built a new website for ICT Istra with a modern, clean, and responsive design, fully powered by the \u003Cstrong data-start=\"372\" data-end=\"397\">Directus headless CMS\u003C/strong>. The platform presents the association, its members, as well as current projects and events, with a clear focus on communication towards the general public and the business community.\u003Cbr data-start=\"581\" data-end=\"584\">With Directus, editors can easily manage content (news, events, members, projects) through a centralized system, without requiring technical knowledge. We also implemented \u003Cstrong data-start=\"756\" data-end=\"780\">multilingual support\u003C/strong>, search engine optimization (SEO), and a mobile-first design approach.\u003C/p>\n\u003Ch4 data-start=\"855\" data-end=\"880\">Problems we solved\u003C/h4>\n\u003Cul data-start=\"881\" data-end=\"1508\">\n\u003Cli data-start=\"881\" data-end=\"982\">\n\u003Cp data-start=\"883\" data-end=\"982\">\u003Cstrong data-start=\"883\" data-end=\"902\">Outdated system\u003C/strong> – the previous website did not meet modern design or functionality standards.\u003C/p>\n\u003C/li>\n\u003Cli data-start=\"983\" data-end=\"1156\">\n\u003Cp data-start=\"985\" data-end=\"1156\">\u003Cstrong data-start=\"985\" data-end=\"1017\">Difficult content management\u003C/strong> – updating information and publishing news was cumbersome. Directus solved this with an intuitive interface and flexible data structure.\u003C/p>\n\u003C/li>\n\u003Cli data-start=\"1157\" data-end=\"1321\">\n\u003Cp data-start=\"1159\" data-end=\"1321\">\u003Cstrong data-start=\"1159\" data-end=\"1191\">Visibility and accessibility\u003C/strong> – the new website improves the association’s presentation to members and partners, with SEO optimization and faster load times.\u003C/p>\n\u003C/li>\n\u003Cli data-start=\"1322\" data-end=\"1508\">\n\u003Cp data-start=\"1324\" data-end=\"1508\">\u003Cstrong data-start=\"1324\" data-end=\"1352\">Future-proof flexibility\u003C/strong> – thanks to the headless architecture, content can now be reused across different channels (mobile apps, digital signage, newsletter integrations, etc.).\u003C/p>\n\u003C/li>\n\u003C/ul>","We built a new website for ICT Istra with a modern, clean, and responsive design, fully powered by the Directus headless CMS. The platform presents the association, its members, as well as current projects and events, with a clear focus on communication towards the general public and the business community.","ICT Istra","ICT Istra Association","ict-istra-association","https://ict-istra.hr/",[1599,1600],196,197,{"date_published":8,"date_created":1602,"date_updated":8,"sort":8,"website_metadata":8,"website_screenshot":1603,"built_with":1604,"featured_image":1605,"partner":1590,"id":1174,"use_cases":1606,"content":1607,"short_summary":1608,"client_name":1609,"project_title":1610,"slug":8,"website":1611,"status":455,"image_gallery":1612},"2025-12-10T09:41:51.160Z","360c82f8-abe7-41d2-b14b-0d20c606a5e4",[466,467],"8351921c-18eb-4787-8f40-45ea468499e3",[537],"\u003Ch2 dir=\"ltr\">ABOUT THE CLIENT\u003C/h2>\n\u003Cp dir=\"ltr\">Kontraloop d.o.o. was founded in 2025 to create a unique indoor entertainment destination combined with high-quality gastronomy. The founders are part of the CC Real Group — a real estate asset management and investment company headquartered in Vienna, with offices across multiple countries, including Croatia. In Croatia, CC Real manages the largest shopping center in Istria, Max City Pula, as well as City Center One Split — home to the Kontraloop entertainment venue.\u003C/p>\n\u003Ch2 dir=\"ltr\">THE CHALLENGE\u003C/h2>\n\u003Cp dir=\"ltr\">Kontraloop needed a distinctive, modern website that would stand out visually and allow visitors to quickly access relevant information or book activities — whether for everyday fun or special events. The key requirement was to build a custom digital platform fully integrated with an external booking system to support seamless reservations.\u003C/p>\n\u003Cp dir=\"ltr\"> \u003C/p>\n\u003Ch2 dir=\"ltr\">THE SOLUTION\u003C/h2>\n\u003Cp dir=\"ltr\">We developed a modern, visually appealing website built around a clear content structure and intuitive navigation. The site is fully bilingual to support a broader audience and features well-organized categories to ensure a smooth user experience.\u003C/p>\n\u003Cp dir=\"ltr\">A key component of the project was the integration with BookedIT, a booking platform for leisure and hospitality venues that enables businesses to increase average order value, save time, and offer a streamlined experience across reservations, payments, CRM, and marketing tools.\u003C/p>\n\u003Ch2 dir=\"ltr\">METHODOLOGY & APPROACH\u003C/h2>\n\u003Cp dir=\"ltr\">The project began with a product discovery workshop, focused on identifying what mattered most to Kontraloop’s customers and defining expectations from the website.\u003C/p>\n\u003Cp dir=\"ltr\">Core functional requirements included:\u003C/p>\n\u003Cul>\n\u003Cli dir=\"ltr\" aria-level=\"1\">\n\u003Cp dir=\"ltr\" role=\"presentation\">A clean content presentation\u003C/p>\n\u003C/li>\n\u003Cli dir=\"ltr\" aria-level=\"1\">\n\u003Cp dir=\"ltr\" role=\"presentation\">A CMS enabling management of all content, galleries, and pricing configurations\u003C/p>\n\u003C/li>\n\u003Cli dir=\"ltr\" aria-level=\"1\">\n\u003Cp dir=\"ltr\" role=\"presentation\">High loading speed\u003C/p>\n\u003C/li>\n\u003Cli dir=\"ltr\" aria-level=\"1\">\n\u003Cp dir=\"ltr\" role=\"presentation\">SEO optimization\u003C/p>\n\u003C/li>\n\u003Cli dir=\"ltr\" aria-level=\"1\">\n\u003Cp dir=\"ltr\" role=\"presentation\">A UX designed for quick scanning of the offer\u003C/p>\n\u003C/li>\n\u003Cli dir=\"ltr\" aria-level=\"1\">\n\u003Cp dir=\"ltr\" role=\"presentation\">Scalability for future expansion\u003C/p>\n\u003C/li>\n\u003C/ul>\n\u003Cp dir=\"ltr\">We selected Directus as a modular and flexible CMS and Nuxt 3.0 for the frontend. The integration with BookedIT enables seamless reservation flows for birthday parties, celebrations, and activity bookings requiring advance preparation.\u003C/p>\n\u003Ch3 dir=\"ltr\">Technologies Used\u003C/h3>\n\u003Cul>\n\u003Cli dir=\"ltr\" aria-level=\"1\">\n\u003Cp dir=\"ltr\" role=\"presentation\">Nuxt 3.0 (Vue.js) for the dynamic frontend (hosted on Vercel)\u003C/p>\n\u003C/li>\n\u003Cli dir=\"ltr\" aria-level=\"1\">\n\u003Cp dir=\"ltr\" role=\"presentation\">Directus CMS, hosted on AWS\u003Cstrong>\u003Cbr>\u003C/strong>\u003C/p>\n\u003C/li>\n\u003C/ul>\n\u003Ch3 dir=\"ltr\">Implementation Process\u003C/h3>\n\u003Cp dir=\"ltr\">The project was delivered following TCO methodology and included:\u003C/p>\n\u003Col>\n\u003Cli dir=\"ltr\" aria-level=\"1\">\n\u003Cp dir=\"ltr\" role=\"presentation\">Product discovery workshop\u003C/p>\n\u003C/li>\n\u003Cli dir=\"ltr\" aria-level=\"1\">\n\u003Cp dir=\"ltr\" role=\"presentation\">UX/UI product design\u003C/p>\n\u003C/li>\n\u003Cli dir=\"ltr\" aria-level=\"1\">\n\u003Cp dir=\"ltr\" role=\"presentation\">Frontend platform development\u003C/p>\n\u003C/li>\n\u003Cli dir=\"ltr\" aria-level=\"1\">\n\u003Cp dir=\"ltr\" role=\"presentation\">Testing\u003C/p>\n\u003C/li>\n\u003Cli dir=\"ltr\" aria-level=\"1\">\n\u003Cp dir=\"ltr\" role=\"presentation\">Ongoing maintenance\u003C/p>\n\u003C/li>\n\u003C/ol>\n\u003Ch3 dir=\"ltr\">Team Structure\u003C/h3>\n\u003Cul>\n\u003Cli dir=\"ltr\" aria-level=\"1\">\n\u003Cp dir=\"ltr\" role=\"presentation\">Project Manager\u003C/p>\n\u003C/li>\n\u003Cli dir=\"ltr\" aria-level=\"1\">\n\u003Cp dir=\"ltr\" role=\"presentation\">Lead Developer\u003C/p>\n\u003C/li>\n\u003Cli dir=\"ltr\" aria-level=\"1\">\n\u003Cp dir=\"ltr\" role=\"presentation\">Frontend Developer\u003C/p>\n\u003C/li>\n\u003Cli dir=\"ltr\" aria-level=\"1\">\n\u003Cp dir=\"ltr\" role=\"presentation\">UI/UX Designer\u003C/p>\n\u003C/li>\n\u003Cli dir=\"ltr\" aria-level=\"1\">\n\u003Cp dir=\"ltr\" role=\"presentation\">QA Engineer\u003C/p>\n\u003C/li>\n\u003C/ul>\n\u003Ch2 dir=\"ltr\">RESULTS & OUTCOMES\u003C/h2>\n\u003Cp dir=\"ltr\">The new Kontraloop website delivered clear, measurable value. Users can now navigate the platform easily, access key information quickly, and book their activities effortlessly through the BookedIT integration. The bilingual interface and optimized content structure expand reach and significantly enhance the user experience.\u003C/p>\n\u003Cp dir=\"ltr\">The Directus-based CMS allows the Kontraloop team to manage all content securely and efficiently — without requiring technical expertise. The modern technical stack ensures exceptional speed, stability, and long-term scalability.\u003C/p>\n\u003Cp dir=\"ltr\"> \u003C/p>\n\u003Ch2 dir=\"ltr\">CONCLUSION\u003C/h2>\n\u003Cp dir=\"ltr\">The project was successfully delivered thanks to a clear methodology, well-defined functional requirements, and strong collaboration with the client. Kontraloop now has a reliable digital platform that supports their business model and growth — from attracting new customers to managing reservations more efficiently.\u003C/p>\n\u003Cp dir=\"ltr\">With a modern tech stack, performance-focused UX, and seamless booking integration, the website reflects the same level of quality that Kontraloop provides in their physical entertainment space. The result is a recognizable, fast and user-friendly digital product that forms the foundation of the brand’s digital identity.\u003C/p>\n\u003Cp>\u003Cstrong id=\"docs-internal-guid-baefa537-7fff-c179-ce12-57c5b819ef49\">\u003Cbr>\u003Cbr>\u003C/strong>\u003C/p>","We build a modern, high-preformance website using Directus as a flexible, modular CMS. We delivered a fully bilingual platform with clear content structure, fast loading speeds, and seamless manageability for the client's team. Directus enables easy control of all pages, galleries and pricing configurations without technical skills while ensuring scalability for future growth. Combined with Nuxt 3 frontend and full integration with the BookedIT reseervation system, the result is a streamlined digital experience that boosts customer engagement simplifies bookings, and strengthens Kontraloop's digital identity.","CC Real","Kontraloop","https://kontraloop.hr/",[1613,1614,1615],226,227,228,1773850289992]