Built with Webflow

UnArch: A Dynamic Webflow Template for Architecture Firms

Yunling

Yunling Xie

UnArch: A Dynamic Webflow Template for Architecture Firms

Project Overview

UnArch is a premium Webflow template crafted exclusively for architecture firms, placing the portfolio at its heart while delivering a fresh, engaging digital experience. Built natively in Webflow, it harnesses the platform’s CMS, responsive design tools, and built-in interactions to offer a fully customizable, no-code solution that firms can deploy and adapt with ease.

Homepage: One Seamless Bento Box

UnArch rethinks the traditional architecture homepage by removing all section dividers. Services, news, and star projects coexist within a single, expansive bento box grid—a deliberate mash-up that energizes the browsing experience.
Varied block sizes and aspect ratios invite playful, non-linear exploration.
A featured project might sit beside a recent award or service spotlight, sparking organic discovery.
Subtle scroll-triggered animations keep the dense layout feeling light and alive.
This unified approach turns the homepage into a living canvas, mirroring the creative, boundary-free spirit of modern architecture.

Portfolio: The Beating Heart

The Projects section is the template’s core, powered by Webflow CMS for effortless content scaling.

Smart CMS Lists with Filters & Sorting

Projects, News, and Media pages include intuitive filtering and sorting.
Refine by category (residential, cultural, urban), status, year, or location.
Sort by relevance, date, or manual featured order.

Immersive Project Pages

Each project unfolds with clarity and depth:
Photo Gallery Slider: Full-bleed, swipeable carousel with lightbox and thumbnail navigation.
Timeline Slider: Horizontal, scrollable project journey—from concept sketches to final construction photos—with dated milestones.
Tabbed Info Panels: Clean, collapsible tabs organize:
Location & Scale
Project Team
Collaborators & Engineers
Awards & Honors
Press & Media Links
Information stays structured yet never overwhelming.

Design: Refined, Never Boring

UnArch walks the line between understated elegance and quiet energy:
Typography: Minimalist sans-serif pairing—light for body, bold for impact.
Palette: Neutral foundation with selective color accents derived from project imagery.
Spacing: Generous whitespace keeps focus on architecture, not decoration.

Micro-Interactions That Breathe Life

Webflow’s native interactions add subtle delight:
Card Hovers: Gentle lift + overlay with key stats (year, typology).
Buttons: Smooth scale and hue shifts on click/hover.
Scroll Effects: Parallax layers and fade-ins enhance depth.
Filter Transitions: Fluid reordering and opacity shifts when refining lists.
These touches make the site feel responsive and alive—never flashy, always purposeful.

Built in Webflow: Clean, Scalable, Fast

CMS Collections: Projects, News, Team, Awards, and Media—fully structured and reusable.
Global Symbols: Headers, footers, cards, and tabs for instant site-wide updates.
Responsive Bento Grids: Fluid layouts that adapt seamlessly from mobile to ultra-wide.
Performance: Lazy-loaded images, optimized assets, minimal custom code.
SEO & Accessibility: Semantic markup, CMS-driven meta fields, keyboard navigation.

Outcome

UnArch empowers architecture firms to launch a bold, content-rich online presence in days. By blending a daring homepage structure with a rock-solid portfolio system and refined micro-interactions, the template delivers a digital experience as thoughtful and impactful as the work it represents.
Like this project

Posted Oct 23, 2025

UnArch blends dynamic layout, solid CMS, and subtle interactions. It delivers a digital experience as thoughtful and impactful as the work it showcases.