Kazi Rahamatullah
Kazi Rahamatullah
AboutProjectsBlogContact
UsesBooks
ResumeView CV
Kazi Rahamatullah

© Copyright 2026 Kazi Rahamatullah

AboutProjectsBlogBooksUses
Twitter/XGitHubProduct HuntCodeSandbox
Back to Projects

Obie

Road to a Better And Faster Website

Delivered a faster, improved user experience—now part of Lessonly.

Obie header image
Highlights

40

Pages Designed

12

Animations Created

99

Speed Score

Live URLCase Study
FigmaLottie AnimationsNext.jsPrismic
Project Overview

Client

Chris Buttenham

Industry

SaaS / AI / Workplace Productivity

Service

UI/UX Design, Web Development, Animations

Timeline

Agile delivery over multiple phases (Design → Development)

Engagement

End-to-end product website execution

Deliverables

Marketing websiteCMS integrationAnimated UI
Summary

Obie is an AI-powered knowledge bot for Slack that helps teams instantly access internal knowledge and documentation across silos — without leaving their workflow.

StaticMania partnered with the Obie team to design and build a modern, high-performance website that clearly communicates Obie's value proposition, supports content scalability, and delivers a polished, product-led experience aligned with modern SaaS and AI products.

The engagement covered design through development: a fast Next.js site, Prismic CMS for independent content updates, and Lottie-driven motion that explains product value without overwhelming users. The improved experience later became part of Lessonly.

The Challenge

Client Objectives

  • Create a high-quality product website that reflects Obie's AI-first positioning.
  • Ensure fast load times and strong performance for a global audience.
  • Support ongoing content updates without engineering overhead.
  • Use motion and interaction to explain product value without overwhelming users.

Core Challenges

  • Balancing technical clarity with marketing storytelling.
  • Designing for a developer-savvy audience while remaining accessible.
  • Implementing animations without compromising performance.
  • Building a scalable structure suitable for future growth.
My Solution

I developed a high-performance marketing website using Next.js to ensure speed, reliability, and SEO readiness. I integrated Prismic as a headless CMS so the Obie team could manage and scale content independently. To elevate the user experience, I implemented Lottie animations and subtle UI interactions that reinforced product messaging while keeping the interface clean and focused. The result is a modern, maintainable website that supports both marketing and product growth.

Client Feedback
“The team went above and beyond to help us execute on our vision. From early discussions through design, development, and animations, they were thoughtful, proactive, and highly collaborative. They understood our product and audience quickly, and consistently delivered work that balanced performance, clarity, and visual quality. The end result reflects exactly what we were aiming for, and the process itself was smooth and reliable throughout.”
CB

Chris Buttenham

Founder, Obie

Key Highlights
  • Product storytelling that positions Obie as the secret weapon for knowledge workers — searchable knowledge base, self-serve support deflection, and secure real-time access across tools like Slack, Google Drive, and Confluence.
  • Performance-first frontend on Next.js with strong SEO readiness and a measured 99 speed score.
  • Prismic CMS so marketing can ship pages and updates without engineering bottlenecks.
  • Lottie animations and subtle UI interactions across key product moments, kept light enough not to hurt load time.
  • Scalable page structure for products, solutions, resources, pricing, and case studies (including customer stories like Cvent).
Screenshots
Obie screenshot 1Obie screenshot 2Obie screenshot 3Obie screenshot 4Obie screenshot 5