[{"data":1,"prerenderedAt":605},["ShallowReactive",2],{"featured-work-Art Direction-Design-Strategy":3},[4,42,159,267,458],{"id":5,"title":6,"body":7,"client":18,"date":19,"description":20,"extension":21,"featured":22,"features":23,"image":30,"image_transparency":31,"links":32,"meta":33,"navigation":22,"path":34,"seo":35,"stem":36,"types":37,"url":32,"__hash__":41},"portfolio\u002Fportfolio\u002Fb2b-ai-agent-frontend.md","B2B AI Agent Frontend",{"type":8,"value":9,"toc":14},"minimark",[10],[11,12,13],"p",{},"TIQ.solutions asked me if I could create a frontend-concept, design and the implementation of their new emerging B2B AI agents chat platform.\nTIQ creates their own network of specific LLM implementations that analyze the customers data and generate outputs via other specialized LLMs depending what the user wants to achieve as an output. There could be a combination of statistics, analytics, a blog post article writing agent or a simple company agent that can help other employees summarizing company specific data at a glance. The client provides the necessary APIs (for calendars, documents, other shares or static documents) and TIQ implements them into a regularly trained model. The tokens a company uses get logged so it's possible to charge them by usage.\nThe backend for the frontend is done in Python, pydantic and FastAPI. The chats, user data and everything app specific is saved in a PostgreSQL database.\nThe frontend is created in NuxtJS \u002F Vue, TypeScript and SCSS. Every UI item is a proper reactive component and the whole app is responsively optimized for all screen sizes.\nLike we know it from other web apps we have a sidebar on the left with all the chats, user settings, favourites and the history of previous chats.\nThe chat view itself has an additional top bar that contains the main information about the current conversation (current files within the context, agent information and additional functionality).\nWe have proper user management, with registration, login and refresh tokens. Companies can manage their employees (and tokens) on their own and also chose who can access a specific model via a company admin panel.\nThe latest changes we implemented is streaming. Like we know it from other AI frontends the different LLMs within a pipeline give proper feedback while they all work together on their tasks and when one output gets passed to the next LLM.\nSadly I cannot give you a direct link to the deployment but I would be happy to give a live demo via screen sharing.",{"title":15,"searchDepth":16,"depth":16,"links":17},"",2,[],"TIQ.solutions","2025","A B2B AI agents chat platform.","md",true,[24,25,26,27,28,29],"Vue","Nuxt","TypeScript","SCSS","PostgreSQL","FastAPI","\u002Fportfolio\u002Fb2b-ai-agent-frontend\u002Fmain-visual-glass.png",false,null,{},"\u002Fportfolio\u002Fb2b-ai-agent-frontend",{"title":6,"description":20},"portfolio\u002Fb2b-ai-agent-frontend",[38,39,40],"Web App","Design","UI\u002FUX","WHCqQDX3C-tG63qVYn6nH_GVcJOz_HujrscgLT7NslM",{"id":43,"title":44,"body":45,"client":18,"date":148,"description":149,"extension":21,"featured":22,"features":150,"image":152,"image_transparency":31,"links":32,"meta":153,"navigation":22,"path":154,"seo":155,"stem":156,"types":157,"url":32,"__hash__":158},"portfolio\u002Fportfolio\u002Flaw-firm-document-automation.md","Law Firm Document Automation",{"type":8,"value":46,"toc":141},[47,52,55,60,63,66,69,73,80,87,90,96,99,105,108,114,120,126,132,135],[48,49,51],"h2",{"id":50},"description","Description",[11,53,54],{},"I received a contract to help bring a project to a new level. The initial implementation was a specialized app for a single firm and was in a poor state. I was tasked with transforming it into a generalized product that could be offered to other law firms. Due to the sensitive nature of the project, I cannot display screenshots of the first iteration.",[56,57,59],"h3",{"id":58},"about-the-projects-requirements","About the projects requirements",[11,61,62],{},"The client specializes in traffic accident cases, which follow a consistent workflow. The firm receives various documents related to a case and needs to generate an initial claim letter, which is largely standardized. The system must then support the creation of subsequent letters based on the information gathered.",[11,64,65],{},"The core pipeline processes all incoming documents (currently via email) using LLMs and OCRs to extract relevant values and identifiers. This extracted data is stored in a database, and the system flags any errors or inconsistencies that require human review.",[11,67,68],{},"The frontend presents these extracted values to the user in a clear interface, allowing them to verify and correct the data against the original documents. Visual indicators highlight any issues that need attention.\nThe user can now see all the extracted values in the frontend, checks them against the documents (visually presented) and can correct them if needed.",[56,70,72],{"id":71},"about-the-new-implementation","About the new implementation",[11,74,75,76,79],{},"The first steps of mine included to conceptualize and re-design the frontend from scratch based on the (also partially new) requirements. A lot of the features you can see in the figma document are also already implemented.",[77,78],"br",{},"\nThe user can see all the cases in a table that is sortable and searchable. The table indicates if the pipeline stumbled upon some errors or inconsistencies.",[11,81,82],{},[83,84],"img",{"alt":85,"src":86},"The inbox — a sortable, searchable document table with status indicators for pipeline errors and inconsistencies.","\u002Fportfolio\u002Flaw-firm-document-automation\u002F01_inbox.png",[11,88,89],{},"The user can see all the corresponding documents and where they came from (uploaded via the app or if it came in via E-Mail).",[11,91,92],{},[83,93],{"alt":94,"src":95},"Document preview with file metadata, email origin info, and processing status in the sidebar.","\u002Fportfolio\u002Flaw-firm-document-automation\u002F02_preview.png",[11,97,98],{},"The user can view all the identifiers and extracted values while also being able to overwrite them if needed. It will be possible to click on those bounding boxes so the sidebar directly jumps to the corresponding extracted values (and vice versa).",[11,100,101],{},[83,102],{"alt":103,"src":104},"Side-by-side view of the original document and the LLM-extracted values, with bounding boxes highlighting matched fields and warnings for inconsistencies.","\u002Fportfolio\u002Flaw-firm-document-automation\u002F03_extractions.png",[11,106,107],{},"When a new document goes through the pipeline the so called \"Schadentabelle\" gets generated as well. This always contains the current financial positions, what is claimed, what is already payed and what is still open. This is kept up to date automatically while the user also can manipulate those values within the frontend.",[11,109,110],{},[83,111],{"alt":112,"src":113},"Case detail view showing the full email history, linked documents, and the automatically maintained Schadentabelle.","\u002Fportfolio\u002Flaw-firm-document-automation\u002F04_email_history.png",[11,115,116,117,119],{},"The next step for the employee of the law firm would be to create the first claim letter. For this they can create templates that are based on blocks. Blocks end editors can contain placeholders for the previously extracted identifiers and values so they get filled in automatically when the document is generated for a specific case.",[77,118],{},"\nThe editor is implemented via the Quill Editor library.",[11,121,122],{},[83,123],{"alt":124,"src":125},"The letter editing view — extracted case values are available in the right-hand panel and are automatically injected into the rendered document.","\u002Fportfolio\u002Flaw-firm-document-automation\u002F05_document_editing.png",[11,127,128],{},[83,129],{"alt":130,"src":131},"Template builder with a block-based editor. Each block can include placeholder tokens that are resolved against the case's extracted data at generation time.","\u002Fportfolio\u002Flaw-firm-document-automation\u002F06_blocks.png",[11,133,134],{},"The system is built as a multi-tenant product from the ground up. Each law firm operates in its own isolated tenant environment, configurable via the admin panel — including database connections, email intake settings, and access restrictions.",[11,136,137],{},[83,138],{"alt":139,"src":140},"Administration panel for managing tenants, including database, email, and case-access configuration per firm.","\u002Fportfolio\u002Flaw-firm-document-automation\u002F07_settings.png",{"title":15,"searchDepth":16,"depth":16,"links":142},[143],{"id":50,"depth":16,"text":51,"children":144},[145,147],{"id":58,"depth":146,"text":59},3,{"id":71,"depth":146,"text":72},"2024","Automating document creation for law firms.",[24,25,26,27,151,29],"Python","\u002Fportfolio\u002Flaw-firm-document-automation\u002Fmain-visual-glass.png",{},"\u002Fportfolio\u002Flaw-firm-document-automation",{"title":44,"description":149},"portfolio\u002Flaw-firm-document-automation",[38,39],"5rjHPOSVthB09D4fbQg4Rc-dSjFXZTZnepJUsBDVcjU",{"id":160,"title":161,"body":162,"client":247,"date":148,"description":248,"extension":21,"featured":22,"features":249,"image":254,"image_transparency":31,"links":255,"meta":259,"navigation":22,"path":260,"seo":261,"stem":262,"types":263,"url":32,"__hash__":266},"portfolio\u002Fportfolio\u002Fproson-2024.md","Proson gGmbh (2024)",{"type":8,"value":163,"toc":241},[164,168,171,175,178,201,205,208,234,238],[48,165,167],{"id":166},"die-vision","Die Vision",[11,169,170],{},"Proson gGmbH benötigte eine wirkungsvolle digitale Präsenz, um sich schnell am Markt zu etablieren, während das vollständige Leistungsportfolio noch in der Entwicklung war. Meine Mission bestand darin, eine anspruchsvolle, schnelle und visuell beeindruckende Landingpage zu entwerfen und zu entwickeln, die als sofortiger, professioneller Einstiegspunkt diente. Der gesamte Lebenszyklus des Projekts – vom anfänglichen UX-Wireframing und High-Fidelity-UI-Design bis hin zur komplexen technischen Umsetzung – wurde mir anvertraut. Das Ziel war es, eine elegante digitale \"Visitenkarte\" zu liefern, die Content-Redakteuren volle Kontrolle gibt und zukünftiges Wachstum nahtlos integriert, ohne die etablierte Designsprache zu beeinträchtigen.",[48,172,174],{"id":173},"design-uiux-iteration","Design & UI\u002FUX Iteration",[11,176,177],{},"Ein maßgeschneidertes Designsystem wurde entwickelt, basierend auf einer harmonischen Farbpalette (mit tiefen Grüntönen und warmen Beigetönen) sowie einer gut lesbaren Typografie unter Verwendung harmonischer Proportionen.",[179,180,181,189,195],"ul",{},[182,183,184,188],"li",{},[185,186,187],"strong",{},"Moderne Design-Patterns:"," Dezente Schlagschatten, dynamische Hover-Zustände sowie weiche Übergänge und Parallax-Animationen hauchen der Benutzeroberfläche Leben ein und sorgen dafür, dass sie responsiv und lebendig wirkt.",[182,190,191,194],{},[185,192,193],{},"Mikrointeraktionen & Animationen:"," Unter Verwendung von modernem Vanilla JavaScript und In-View-Erkennung wurden elegante, scrollgesteuerte Reveal-Animationen implementiert. Bilder und Textboxen verfügen über dezente Parallax-Verschiebungen, die den Nutzer beim Scrollen fesseln und so ein Premium-Erlebnis schaffen.",[182,196,197,200],{},[185,198,199],{},"Responsiv gedacht:"," Die Nutzeroberfläche wurde akribisch für alle Endgeräte optimiert und garantiert eine nahtlose Reise – egal ob auf einem großen 4K-Display oder einem mobilen Gerät, wobei srcset für gestochen scharfe, Retina-taugliche Bilder genutzt wird.",[48,202,204],{"id":203},"technische-umsetzung-architektur","Technische Umsetzung & Architektur",[11,206,207],{},"Unter der ansprechenden Oberfläche verbirgt sich eine robuste, skalierbare technische Architektur, die speziell auf hohe Performance ausgelegt ist.",[179,209,210,216,222,228],{},[182,211,212,215],{},[185,213,214],{},"Headless-ähnliche Inhaltspflege:"," Überladene Page-Builder wurden vollständig vermieden. Stattdessen wurde eine Reihe maßgeschneiderter Gutenberg-Blöcke entwickelt. Dies bietet den Redakteuren ein intuitives, visuelles Drag-and-Drop-Erlebnis und setzt gleichzeitig die Regeln des Designsystems strikt durch.",[182,217,218,221],{},[185,219,220],{},"Optimiertes Frontend-Fundament:"," Das Theme setzt auf ein schlankes, unabhängiges Frontend. Unnötiger WordPress-Ballast (wie jQuery) wurde entfernt und stattdessen ein modularer SCSS- und ES6+-Ansatz verfolgt. Build-Tools optimieren SVGs, kompilieren die Styles und minimieren Assets für blitzschnelle Ladezeiten.",[182,223,224,227],{},[185,225,226],{},"Externe API-Integrationen:"," Die BITE HR-API wurde nahtlos angebunden, wodurch Stellenangebote dynamisch abgerufen und im Design der Website nativ dargestellt werden können, was den manuellen HR-Aufwand drastisch reduziert.",[182,229,230,233],{},[185,231,232],{},"Developer Experience & Infrastruktur:"," Das Projekt ist mithilfe von Docker vollständig containerisiert, was perfekt gespiegelte lokale, Staging- und Produktionsumgebungen ermöglicht. Benutzerdefinierte Node-Skripte automatisieren die Datenbanksynchronisierung, das Plugin-Management und das Asset-Deployment, was eine reibungslose Continuous Integration garantiert.",[48,235,237],{"id":236},"das-ergebnis","Das Ergebnis",[11,239,240],{},"Eine hochperformante Landingpage, die als starker erster Markteintritt diente. Durch die Kontrolle über Design und Code konnte eine kompromisslose digitale \"Visitenkarte\" geliefert werden, bei der jeder Pixel einen Zweck erfüllt. Dies ermöglichte es dem Kunden, das wachsende Leistungsportfolio souverän zu präsentieren, während das größere digitale Ökosystem parallel entwickelt wurde.",{"title":15,"searchDepth":16,"depth":16,"links":242},[243,244,245,246],{"id":166,"depth":16,"text":167},{"id":173,"depth":16,"text":174},{"id":203,"depth":16,"text":204},{"id":236,"depth":16,"text":237},"Proson gGmbh","Proson gGmbh Landingpage 2024",[250,251,27,252,253],"Wordpress","ES6 JavaScript","Webpack","PHP","\u002Fportfolio\u002Fproson-2024\u002Fproson_portfolio_glass.png",[256],{"title":257,"url":258},"Proson gGmbh Website","https:\u002F\u002Fwww.proson-ggmbh.de",{},"\u002Fportfolio\u002Fproson-2024",{"title":161,"description":248},"portfolio\u002Fproson-2024",[264,265,40,39],"Website","Web Development","qkOfCDha3RT_cVO-IXFgYJkU9UWNc48WaOveQQ5kvMA",{"id":268,"title":269,"body":270,"client":32,"date":19,"description":441,"extension":21,"featured":22,"features":442,"image":445,"image_transparency":31,"links":446,"meta":450,"navigation":22,"path":451,"seo":452,"stem":453,"types":454,"url":32,"__hash__":457},"portfolio\u002Fportfolio\u002Fradio-tape.md","Radio Tape (macOS)",{"type":8,"value":271,"toc":433},[272,276,282,288,291,295,306,310,361,365,368,400,404,407],[48,273,275],{"id":274},"the-concept-inspiration","The Concept & Inspiration",[11,277,278],{},[279,280,281],"em",{},"“When I was a kid I liked to create tapes from radio and have my own collection of songs I randomly recorded as they occurred. This thought made me nostalgic and I got an idea for a new app others potentially might also enjoy using.”",[11,283,284,287],{},[185,285,286],{},"RadioTape"," is a native macOS application that reimagines the classic mixtape experience for the streaming age. Curated internet radio stations (like Byte.fm) are fantastic for music discovery, but identifying a track after it has played often involves digging through listening histories or hunting down show notes.",[11,289,290],{},"RadioTape removes this friction. It automatically isolates and records every song it detects, maintaining a rolling buffer of the last 10 tracks. Whenever you hear something you want to keep, a single click permanently adds the track to your personal library.",[48,292,294],{"id":293},"features-technical-implementation","Features & Technical Implementation",[11,296,297,298,301,302,305],{},"RadioTape is built entirely natively for macOS using ",[185,299,300],{},"SwiftUI",", delivering a modern, responsive, and adaptive interface. The application seamlessly integrates into the system with full Control Center and Lock Screen support via the ",[185,303,304],{},"Now Playing"," integration.",[56,307,309],{"id":308},"audio-recording-engine","Audio & Recording Engine",[179,311,312,327,337,351],{},[182,313,314,317,318,321,322,326],{},[185,315,316],{},"Intelligent Track Detection",": The app utilizes ",[185,319,320],{},"AVFoundation"," and custom ",[323,324,325],"code",{},"ICY"," metadata parsing to accurately detect track boundaries and real-time stream metadata.",[182,328,329,332,333,336],{},[185,330,331],{},"Direct Stream Recording",": Recordings are captured efficiently using ",[323,334,335],{},"URLSessionDataTask"," to directly download stream data, ensuring no loss of audio quality and saving system resources.",[182,338,339,342,343,350],{},[185,340,341],{},"Global Radio Access",": Integrated with the public API of ",[344,345,349],"a",{"href":346,"rel":347},"https:\u002F\u002Fwww.radio-browser.info",[348],"nofollow","radio-browser.info",", RadioTape offers an easily navigable database of over 50,000 global internet radio stations categorized by genre, country, and language.",[182,352,353,356,357,360],{},[185,354,355],{},"Reactive Architecture",": Built using ",[185,358,359],{},"Combine"," to manage complex streaming states, buffering, and user interactions flawlessly.",[56,362,364],{"id":363},"file-based-zero-lock-in-library","File-Based \"Zero Lock-In\" Library",[11,366,367],{},"Simplicity and user ownership are at the core of the RadioTape philosophy. The entire library is built upon a transparent, user-accessible folder structure.",[179,369,370,380,390],{},[182,371,372,375,376,379],{},[185,373,374],{},"Standardized Formats",": Every recorded track is saved as a standard ",[323,377,378],{},".mp3"," file.",[182,381,382,385,386,389],{},[185,383,384],{},"Extensible Metadata",": Metadata (such as artist, title, station, and duration) is stored in an accompanying ",[323,387,388],{},".json"," sidecar file alongside the audio.",[182,391,392,395,396,399],{},[185,393,394],{},"Your Files, Your Rules",": Because the library lives directly in a designated directory (by default within your ",[323,397,398],{},"Music"," folder), your entire collection and any mixtapes you create can be easily managed, backed up, or shared using Finder or any standard file manager.",[48,401,403],{"id":402},"the-future-a-nostalgic-audio-diary","The Future: A Nostalgic Audio Diary",[11,405,406],{},"The app's roadmap embraces its skeuomorphic roots and the emotional connection of the mixtape era, turning digital files back into tangible memories.",[179,408,409,415,421,427],{},[182,410,411,414],{},[185,412,413],{},"Visual Mixtapes",": Playlists will be visually represented as customizable cassette tapes, complete with user-provided images and back covers populated with tracklists.",[182,416,417,420],{},[185,418,419],{},"Library as a Shelf",": The library interface will evolve into a virtual \"tape shelf,\" bringing back a touch of classic, playful skeuomorphic design.",[182,422,423,426],{},[185,424,425],{},"Daily Sessions",": RadioTape will automatically generate a new tape for each listening session. This creates a daily audio diary, connecting your memories to the music you discovered that day.",[182,428,429,432],{},[185,430,431],{},"Effortless Sharing",": Thanks to the transparent file structure, sharing a mixtape with a friend will be as simple as copying a folder.",{"title":15,"searchDepth":16,"depth":16,"links":434},[435,436,440],{"id":274,"depth":16,"text":275},{"id":293,"depth":16,"text":294,"children":437},[438,439],{"id":308,"depth":146,"text":309},{"id":363,"depth":146,"text":364},{"id":402,"depth":16,"text":403},"A macOS application that brings the nostalgic joy of recording radio to the modern era. Automated.",[443,444],"Swift","macOS","\u002Fportfolio\u002Fradio-tape\u002Fmain-visual-composite.png",[447],{"title":448,"url":449},"Gitlab Repository","https:\u002F\u002Fgitlab.com\u002Fmarcaux\u002Fradiotape",{},"\u002Fportfolio\u002Fradio-tape",{"title":269,"description":441},"portfolio\u002Fradio-tape",[455,40,39,456],"App","Open Source","jjZI9IIjVK7-fI_ws9Ga2GIcTtqHZXnxDQekXgzzeIg",{"id":459,"title":460,"body":461,"client":587,"date":588,"description":589,"extension":21,"featured":22,"features":590,"image":592,"image_transparency":31,"links":593,"meta":596,"navigation":22,"path":597,"seo":598,"stem":599,"types":600,"url":32,"__hash__":604},"portfolio\u002Fportfolio\u002Ftiq-website-2023.md","TIQ.Solutions Website",{"type":8,"value":462,"toc":577},[463,467,470,474,478,492,496,510,514,534,538,570,574],[48,464,466],{"id":465},"project-overview","Project Overview",[11,468,469],{},"A comprehensive digital transformation for TIQ Solutions, a data consultancy firm. The project went beyond a simple website relaunch, establishing a scalable digital ecosystem that integrates content management, lead generation tools, and AI-driven support. Built on a highly customized WordPress foundation, the platform serves as the central hub for the company's marketing and service delivery.",[48,471,473],{"id":472},"key-technical-highlights","Key Technical Highlights",[56,475,477],{"id":476},"_1-advanced-custom-wordpress-architecture","1. Advanced Custom WordPress Architecture",[179,479,480,486],{},[182,481,482,485],{},[185,483,484],{},"Multilingual Support",": Deep integration with Polylang, including custom domain mapping logic to handle canonical URLs and content replacement for other markets, ensuring correct SEO indexing for DACH regions.",[182,487,488,491],{},[185,489,490],{},"Asset Optimization",": Implemented a custom asset loading strategy that conditionally dequeues unused parent-theme scripts and styles, significantly improving Core Web Vitals performance.",[56,493,495],{"id":494},"_2-ai-powered-assistant-tiq-chatbot","2. AI-Powered Assistant (\"TIQ Chatbot\")",[179,497,498,504],{},[182,499,500,503],{},[185,501,502],{},"Hybrid Architecture",": Developed a custom WordPress integration acting as a bridge to an Azure-hosted Python application.",[182,505,506,509],{},[185,507,508],{},"RAG Implementation",": The backend leverages a Retrieval-Augmented Generation (RAG) model, allowing the bot to provide accurate, context-aware answers based on the company's specific knowledge base.",[56,511,513],{"id":512},"_3-interactive-lead-gen-tool-reifegrad-check","3. Interactive Lead Gen Tool (\"Reifegrad-Check\")",[179,515,516,522,528],{},[182,517,518,521],{},[185,519,520],{},"Elementor Integration",": Created a custom Elementor widget allowing marketing teams to place the assessment tool anywhere on the site via drag-and-drop.",[182,523,524,527],{},[185,525,526],{},"PDF Report Generation",": Integrated PDF generation to dynamically generate personalized \"Maturity Level\" PDF reports for users immediately upon form submission.",[182,529,530,533],{},[185,531,532],{},"Data-Driven Logic",": The plugin calculates maturity scores in real-time and segments users, feeding valuable qualified leads into the sales funnel.",[48,535,537],{"id":536},"technology-stack","Technology Stack",[179,539,540,546,552,558,564],{},[182,541,542,545],{},[185,543,544],{},"CMS",": WordPress (Custom Child Theme)",[182,547,548,551],{},[185,549,550],{},"Frontend",": PHP, SCSS, JavaScript (jQuery\u002FVanilla)",[182,553,554,557],{},[185,555,556],{},"Backend\u002FServices",": Python (Azure Web App), MySQL",[182,559,560,563],{},[185,561,562],{},"Integrations",": Polylang, Elementor Pro, Advanced Custom Fields (ACF)",[182,565,566,569],{},[185,567,568],{},"DevOps",": Docker-based local development environment with Composer\u002FNPM dependency management.",[48,571,573],{"id":572},"impact","Impact",[11,575,576],{},"This platform enables TIQ Solutions to manage their content autonomously while offering sophisticated digital tools that engage visitors. The \"Reifegrad-Check\" has become a key lead magnet, and the AI Chatbot reduces support overhead by handling initial inquiries.",{"title":15,"searchDepth":16,"depth":16,"links":578},[579,580,585,586],{"id":465,"depth":16,"text":466},{"id":472,"depth":16,"text":473,"children":581},[582,583,584],{"id":476,"depth":146,"text":477},{"id":494,"depth":146,"text":495},{"id":512,"depth":146,"text":513},{"id":536,"depth":16,"text":537},{"id":572,"depth":16,"text":573},"TIQ.Solutions","2023","TIQ website.",[250,251,591,27,252,253],"Docker","\u002Fportfolio\u002Ftiq-website-2023\u002Findex-generated.png",[594],{"title":460,"url":595},"https:\u002F\u002Fwww.tiq-solutions.de",{},"\u002Fportfolio\u002Ftiq-website-2023",{"title":460,"description":589},"portfolio\u002Ftiq-website-2023",[264,265,601,602,39,603,40],"AI","Lead Generation","Art Direction","jFTWwZcjLzJtFImKfHHGDOvkcUGE4p_bpSFWIA-Tnkk",1779460354546]