Case Study • Architecture • Global Brand

SAOTA — Redefining Global Architectural Presence

SAOTA (Stefan Antoni Olmesdahl Truen Architects), founded in 1986 and based in Cape Town,
is a globally renowned architecture firm with award-winning residential, commercial, hospitality,
and mixed-use projects spanning six continents. Our team redesigned SAOTA’s website to reflect
its prestigious brand, showcase its extensive portfolio, and present its thought leadership with
a modern, immersive interface.

Scope (Saota): UX/UI • Portfolio Showcase • News Integration • SEO • CMS • Global Performance

SAOTA Website Design & Development Overview

Client

SAOTA — internationally acclaimed architecture firm with projects in the U.S.,
Middle East, Europe, Africa, and Asia.

Mission

Redesign the digital experience to reflect global prestige, showcase projects,
and highlight architectural excellence and thought leadership.

Deliverables

  • Global Project Gallery
  • Leadership & Firm Profile
  • Awards & News Integration
  • Responsive, immersive design
  • SEO & CMS-backed dynamic content

Challenges in Designing the SAOTA Global Architecture Website

Global Content Volume & Navigation

Vast portfolio across six continents required a logical,
user-friendly taxonomy by project type and location.

Prestige & Credibility

The site needed to reflect architectural prestige,
WA100 ranking, and global brand authority.

Showcasing Thought Leadership

SAOTA’s news, awards, and event participation had to be
highlighted to reflect industry leadership.

Brand Experience

Architecture is visual—site needed immersive imagery,
design storytelling, and seamless brand ethos.

UX, Portfolio, and SEO Solutions for SAOTA’s Architectural Platform

Design & UX

Minimalist, image-first design with intuitive navigation
(Projects, About, Media, News, Careers, Contact). Mobile-first and responsive
to highlight architectural visuals globally.

Features & Functionality

Searchable, filterable global project gallery. Firm profile
and leadership bios. Awards and News integration for credibility and visibility.

SEO & Marketing

Organized URLs and metadata for projects, people,
and news. Dynamic News updates boosted search engine visibility.

Technical & Backend

CMS-managed content for easy updates. CDN infrastructure
ensured global speed and performance optimization.

Results Achieved for the SAOTA Website Redesign

+120%Increase in traffic to project & news pages
↑ EngagementUsers spent longer in galleries & leadership sections
+ SharingMore media coverage & referral traffic from press
↓ BounceReduced bounce rate due to intuitive design

SAOTA Website Project Timeline & Milestones

Weeks 1–2

Stakeholder interviews, content inventory, taxonomy

Weeks 3–5

Wireframing, gallery & About page design

Weeks 6–9

Front-end development, CMS setup, project import

Weeks 10–12

News integration, SEO structure, performance tuning

Weeks 13–14

QA, translations, launch, training

SAOTA Website Design Gallery & Visual Highlights

Technology Stack and Deliverables for the SAOTA Website

Front-End

HTML5, CSS3, JavaScript (responsive, image-driven)

Back-End

CMS for projects, team bios, news, awards

Integrations

Project filters, news feed, award/press sections

Assets

UI Kit, project gallery templates, visual guidelines

Lessons Learned and Best Practices from the SAOTA Case Study

  • Structured content hierarchy strengthens visual storytelling.
  • Industry recognition (e.g., WA100) boosts credibility.
  • Flexible CMS ensures sustainable updates for projects & news.
  • Performance optimization is critical for global, image-heavy sites.

Frequently Asked Questions

How was SAOTA’s global project portfolio organized?

We implemented a searchable and filterable project gallery categorized by project type and geographic location, making it easier for users to explore projects across six continents.

What UX strategies were implemented for better navigation?

Structured navigation including Projects, About, Media, News, Careers, and Contact ensured intuitive browsing while maintaining a strong focus on visual storytelling.

Was the website optimized for global performance?

Yes, a CDN infrastructure and performance optimization techniques were implemented to ensure fast loading speeds for users worldwide, despite image-heavy content.

How does the CMS support SAOTA’s evolving portfolio?

The CMS allows easy updates to projects, team bios, awards, and news articles, ensuring the website remains current as new global projects are completed.

How long did the SAOTA website project take to complete?

The project was completed over 14 weeks, including discovery, design, development, content migration, SEO setup, performance optimization, and launch.

What measurable improvements were achieved after launch?

The redesigned platform increased traffic to project and news pages by 120%, improved engagement time in galleries, and reduced bounce rates significantly.

Why is visual storytelling important for architecture websites?

Architecture is inherently visual. An immersive gallery-driven interface enhances storytelling, allowing visitors to fully experience design philosophy and craftsmanship.

How does the new platform support SAOTA’s global brand growth?

By combining performance optimization, global SEO structure, immersive design, and scalable CMS capabilities, the platform strengthens SAOTA’s digital authority across international markets.