[{"data":1,"prerenderedAt":144},["ShallowReactive",2],{"portfolio-ozfame":3,"portfolio-related-ozfame":113},{"_path":4,"_dir":5,"_draft":6,"_partial":6,"_locale":7,"title":8,"description":9,"order":10,"isActive":11,"longDescription":12,"category":13,"tags":14,"recommended":17,"client":21,"year":22,"url":23,"image":24,"metrics":25,"highlights":36,"overview":41,"challenge":42,"solution":43,"architecture":44,"dataFlowSteps":63,"screenshots":69,"gallery":81,"results":82,"features":87,"technical":96,"body":101,"_type":107,"_id":108,"_source":109,"_file":110,"_stem":111,"_extension":112},"/portfolio/ozfame","portfolio",false,"","Course funnel that turns social traffic into paid signups","Landing and checkout flow for an online course — mentor story, proof, pricing, and payment on legacy rails.",3,true,"A conversion-focused marketing landing page built to promote and sell an online course focused on social media growth, personal branding, and influencer marketing. The page presents the course mentor, training program, benefits, and pricing tiers in a layout designed to increase course registrations.","Landing Page",[15,16],"Next","TailwindCSS",[18,19,20],"polygraph-services-website","brand-website","mobile-app-landing","OZFame","2025","https://webinars-azure.vercel.app/","/images/portfolio/ozframe.jpg",[26,30,33],{"value":27,"suffix":28,"label":29},32,"%","Checkout completion lift",{"value":31,"suffix":7,"label":32},5,"Pricing tiers live",{"value":10,"suffix":34,"label":35}," wk","Build & handoff",[37,38,39,40],"Single conversion path from hero to checkout with clear context for cold traffic","Trust stack (mentor credentials, outcomes, testimonials) introduced before pricing ask","Legacy payment rails integrated without changing backend billing operations","Mobile-first page architecture tuned for social-first acquisition campaigns","OZFame needed a focused course-sales experience that could convert social traffic quickly without sacrificing trust. Most visitors arrived from short-form content and had low context, so the page had to explain the mentor, the program, and expected outcomes in a concise but credible way.\n\nWe structured the page as a narrative funnel: value proposition, mentor proof, audience fit, curriculum shape, pricing options, and checkout CTAs. The build stayed intentionally lean so the team could iterate copy and offers rapidly as campaigns changed.\n","The core challenge was balancing persuasion with clarity. The previous flow either overshared too early or pushed users to checkout before enough confidence had been established, which led to drop-off in the lower funnel.\n\nAnother constraint was payment infrastructure. The client had an existing checkout stack they wanted to keep, so the landing needed to connect into those legacy rails reliably while preserving attribution and user intent across the handoff.\n","We implemented the funnel in Next.js with reusable, campaign-friendly sections and CTA patterns. Hero messaging anchors the offer first, then progressively adds trust and program detail before exposing full pricing options.\n\nThe checkout transition was integrated into the current payment system rather than replaced, which reduced migration risk and sped up launch. Tailwind-based components made it easy for the team to adjust content blocks, testimonials, and pricing copy between campaign cycles without redesigning the whole page.\n",[45,51,57],{"title":46,"items":47},"Frontend",[48,49,50],"Next.js landing page with modular sections for hero, proof, curriculum, pricing, FAQ","Responsive component system optimized for mobile-first social traffic","CTA hierarchy that preserves one primary conversion path to checkout",{"title":52,"items":53},"Backend / Routing",[54,55,56],"Route and parameter handoff into the existing checkout rails","Event-friendly links to preserve campaign context during payment transition","Deployment and preview workflow on Vercel for fast content iteration",{"title":58,"items":59},"Integrations",[60,61,62],"Legacy payment stack kept as system of record for transactions","Marketing attribution inputs passed from landing to checkout","Testimonial and pricing content managed directly in page content blocks",[64,65,66,67,68],"Social ad / creator traffic","Course landing narrative","Pricing selection","Legacy checkout","Paid signup",[70,73,77],{"title":71,"caption":72,"image":24},"Landing hero and value proposition","Above-the-fold section optimized for cold social traffic.",{"title":74,"caption":75,"image":76},"Mid-page proof and offer context","Supporting sections that build trust before pricing.","/images/portfolio/ozframe_gallery1.jpg",{"title":78,"caption":79,"image":80},"Conversion blocks and checkout CTA","Offer framing and transition point into payment.","/images/portfolio/ozframe_gallery2.jpg",[76,80],[83,84,85,86],"+32% checkout completion vs. previous funnel (client-measured)","Single path from hero to payment without losing the narrative","Mentor proof, testimonials, and pricing structured for cold traffic","Strong Core Web Vitals on Vercel; mobile-first layout throughout",[88,89,90,91,92,93,94,95],"Conversion-focused hero section","Mentor introduction","Target audience sections","Course curriculum overview","Pricing plans with integration to existing payment system","Testimonials","FAQ section","Multiple call-to-action blocks",[97,98,99,100],"Next.js (TypeScript) rendering with TailwindCSS utility-first component styling","Reusable section-level blocks to iterate campaigns without full page rewrites","Legacy checkout handoff strategy to avoid billing platform migration risk","Vercel deployment flow for rapid previews and production releases",{"type":102,"children":103,"toc":104},"root",[],{"title":7,"searchDepth":105,"depth":105,"links":106},2,[],"markdown","content:portfolio:ozfame.md","content","portfolio/ozfame.md","portfolio/ozfame","md",[114,119,136],{"id":18,"title":115,"description":116,"category":13,"tags":117,"image":118},"Polygraph Services Website","A professional service website for a polygraph testing company in Ukraine. Presents services, explains the testing process, and enables clients to request consultations or book examinations.",[15,16],"/images/portfolio/polygraph-services-website.jpg",{"id":120,"title":121,"description":122,"category":123,"tags":124,"image":135},"logify","Live fleet ops — less phone tag, faster compliance handoffs","Internal real-time platform for trucking — IoT through NATS JetStream, fleet dashboards, FMCSA-oriented reporting, Keycloak, Postgres + Redis.","Web App",[125,126,127,128,129,130,131,132,133,134],"AWS","IoT","Next.js","TypeScript","Node.js","Keycloak","NATS","PostgreSQL","Redis","Compliance","/images/portfolio/logify.jpg",{"id":137,"title":138,"description":139,"category":123,"tags":140,"image":143},"media-compressor","Cross-platform compressor + download funnel — MVP in weeks","Electron app for local image/video compression (Windows, macOS, Linux) plus a landing page with installers and onboarding.",[141,15,142,129],"Electron","Desktop App","/images/portfolio/media-compressor.jpg",1777088738025]