WhatsApp
Open Meni

Creating a Fast, Minimalist Website for Ziist Studio’s Creative Craft

We built Ziist Studio a clean, performance-focused portfolio that stays quiet, loads instantly, and puts their branding and packaging work at the center.

Ziist Sutdio case study featured image

Client Details

Ziist Logo
Industry

Graphic Design

Location

Gujarat, India

Visit Website
Labina Nan
Labina NanFounder - Ziist Studio
The overall design feels clean, modern, and very well–structured. The minimal layout makes my portfolio look premium and easy to navigate. I’m extremely happy with how visually cohesive and professional everything turned out. The website loads quickly and browsing feels smooth and seamless across all pages. The performance has been consistently impressive, which really enhances the user experience. Overall, I’m very satisfied with the final result.

1. Project Overview

Ziist Studio is a modern branding and design practice specialising in visual identity, packaging, and creative brand systems. They needed a website that remained intentionally quiet — a minimal digital space that allows their work to take full focus.

Faeb built a custom WordPress website that blends minimal design, Inter typography, clean spacing, and high performance. The goal: create a fast, stable, and visually neutral portfolio that elevates Ziist’s work without competing with it.

Ziist Studio Home Page
Ziist Studio - Home Page

2. Client Goals

Ziist Studio wanted:

  • A portfolio that highlights their design work, not the website design
  • A minimal, structured interface with no decoration
  • A flowing masonry-style gallery for branding projects
  • Clearly organised brand identity packages
  • A simple contact form for inquirie
  • Real client testimonials for trust
  • Fast loading on all devices
  • A custom look, not a template

The core requirement: the website must feel invisible, intentional, and fast.

3. Our Approach

We designed Ziist Studio’s website as a quiet, neutral canvas.

Key decisions:

  • Pure black-and-white visual system
  • Inter as the only font for clarity and balance
  • Masonry grid that showcases work fluidly
  • Minimal navigation with clean alignment
  • Subtle transitions and intentional spacing
  • Lightweight code with WordPress as core

The homepage was structured around the studio’s storytelling:

  • Hero → Portfolio → Packages → Contact Form → Testimonials → Footer
  • Every section moves with clarity and purpose
Ziist Studio Projects Page
Ziist Studio - Projects Page

4. Design Framework

  • Minimal Color System
  • Black (#000) and white (#FFF) to keep the UI silent
  • Typography System
  • Inter Variable Font — chosen for its precision, readability, and neutrality
  • Consistent hierarchy across headings, labels, and body text
  • Layout Philosophy
  • Wide whitespace for a gallery-like feel
  • Balanced grids
  • Generous breathing room
  • Simple alignment to maintain calm visual flow
  • Motion
  • Light hover effects and smooth scroll transitions — no heavy animations or distractions
Ziist Studio Footer
Ziist Studio - Footer
Tech Stack
Tech Stack

5. Technical Strategy

  • Core Stack
  • WordPress
  • Elementor for structure
  • Custom PHP for project pages
  • Custom CSS for grids, spacing, and hover animations
  • Faeb Layers for security enhancement
  • Code Highlights
  • Custom CSS masonry layout
  • Controlled breakpoints for crisp responsiveness
  • Font preloading
  • Clean DOM with low layout shift
  • Manual image compression for balance between clarity and size
  • Performance Engineering
  • AVIF optimised images
  • Lazy loading
  • Minified and optimized CSS/JS
  • Zero external heavy libraries
  • Cache Optimization

6. PageSpeed Performance Results

  • Mobile
  • Overall Performance Score: 97
  • Accesibility Score: 100
  • Best Practices Score: 100
  • SEO Score: 100
  • First Contentful Paint (FCP): 1.4 seconds
  • Largest Contentful Paint (LCP): 2.0 seconds
  • Total Blocking Time (TBT): 0 milliseconds
  • Cumulative Layout Shift (CLS): 0
  • Speed Index: 3.1 seconds
Ziist Studio PageSpeed [Mobile]
Ziist Studio PageSpeed 97 [Mobile]
  • Desktop
  • Overall Performance Score: 98
  • Accesibility Score: 100
  • Best Practices Score: 100
  • SEO Score: 100
  • First Contentful Paint (FCP): 0.3 seconds
  • Largest Contentful Paint (LCP): 1.0 seconds
  • Total Blocking Time (TBT): 0 milliseconds
  • Cumulative Layout Shift (CLS): 0.026
  • Speed Index: 1.1 seconds
Ziist Studio PageSpeed [Desktop]
Ziist Studio PageSpeed 98 [Desktop]

7. Final Outcome

Ziist Studio’s new website is:

  • Fast, stable, and highly optimized
  • Minimal and design-first
  • Structured for clarity and easy navigation
  • Built around their visual storytelling
  • Future-ready with a clean and scalable codebase

The final result is a refined portfolio website that confidently represents Ziist Studio’s identity — modern, minimal, and crafted with intention.