Designing a Scalable Blog Experience for Stuut

Project: Building a Scalable Blog Experience for Stuut Role: UX/UI Designer + Webflow Developer

The task was to build three pages from the ground up: a blog hub, an individual post, and an author page that would work as a cohesive system, perform well for SEO, and stay within their brand guidelines. The constraint wasn't fixing bad design. It was making thoughtful structural decisions with no existing foundation to build on, within a one-week deadline covering both design and development.

With no existing structure to reference, every decision had to be deliberate. I reviewed design inspirations shared in Figma, identified the key components the system needed: author byline, dynamic table of contents, related content, and defined where and why each element should live before touching any layout.

The blog hub needed to work as a clear entry point into Stuut's content, scannable, easy to navigate, and structured for discovery. I designed a full-width featured section to anchor the page and give the most important content immediate visibility, followed by an article grid built around hierarchy rather than decoration. Every layout decision was made to help users find what they need quickly, without relying on visual complexity to hold attention.

The post page was designed around how people actually read, scan first, then dive deeper. I structured the layout to surface key insights immediately, and broke complex information into more digestible formats: tables, step-by-step examples, and formula-based explanations where the content called for it. A dynamic table of contents gives readers orientation from the start, reducing cognitive load and making longer articles feel approachable rather than overwhelming. The goal wasn't to decorate the content, it was to make it easier to understand and act on.

The author page was built from scratch to complete the system, giving readers context, building trust, and creating a consistent entry point that connects content to the people behind it.

Stuut launched with a complete, scalable content system, 3 pages built and connected through a consistent structure. Any new article published through the CMS automatically inherits the layout, hierarchy, and components defined in the design. The content team can publish independently without involving a designer. Delivered within one week, covering design, development, and full CMS setup.

Defined the blog architecture and content hierarchy. Designed all three page types: blog hub, post page, and author page. Built the component system, including breadcrumb navigation, author byline, dynamic table of contents, and related content. Implemented everything in Webflow with full CMS configuration. The priority throughout was not visual complexity. It was making content easier to navigate, understand, and scale.