Built with Webflow
So Shall We — Landing Page Development (Webflow)
Fahad Raee
Overview
Project Details:
Website: https://www.soshallwe.com
Industry: Creative Studio / Brand Strategy / Design & Digital Experience
Services Provided: Figma UI/UX Design, Webflow Development, CMS Architecture, Responsive Development, Brand Experience Design
Project Background:
So Shall We is a strategy-led creative studio focused on storytelling, visual identity, and modern digital brand experiences.
The website needed to communicate creative confidence, editorial sophistication, strategic thinking, and high-end digital execution.
The main challenge was designing a digital experience that feels visually refined and expressive without becoming over-designed or difficult to navigate.
The goal was to create a website that balances creative expression with clarity, strong brand positioning, and conversion readiness.
The project included full UI/UX design in Figma, responsive Webflow development, CMS architecture for insights and work, an editorial-style UX system, and a scalable component-based structure.
Challenge
Creative industry websites often fail in one of two ways — they either become visually chaotic or visually clean but strategically empty. This project needed to avoid both.
Key challenges included:
Balancing creativity with usability
Structuring visual content without clutter
Building a premium editorial feel while maintaining conversion flow
Creating strong visual rhythm across pages
Avoiding generic agency website patterns
Another major challenge was that creative studios sell perception before they sell services.
The website needed to feel:
Intentional
Intelligent
Visually controlled
High-trust from the first interaction
Strategy
The strategy focused on creating a website experience that feels editorial, structured, premium, and easy to explore.
Editorial-first UX
Layouts were designed with the feel of a modern digital publication rather than a traditional agency website.
Typography-led hierarchy
Strong typography and intentional spacing were used to create structure instead of relying on excessive visual effects.
Project-focused storytelling
Case studies and visual work became the primary trust-building elements throughout the experience.
Controlled minimalism
Each section was intentionally simplified to reduce noise and improve readability.
Scalable CMS structure
Built to support future growth, including:
Insights
Case studies
Brand articles
Ongoing content expansion
Solution
UI/UX Design (Figma)
The interface was designed with a strong focus on typography, layout rhythm, whitespace, and structured storytelling.
Key improvements:
Clear visual hierarchy
Cleaner and more intuitive navigation flow
Structured content blocks for better readability
Improved overall readability across pages
Fully responsive layouts across all devices
Consistent design system, spacing, and components
The UX was focused on helping users quickly understand:
The studio’s positioning
Creative capabilities
Selected work and thinking
How to engage or contact
AI-Assisted Workflow (Selective Use Only)
AI tools were used carefully to support workflow efficiency and content clarity — not to define the creative direction.
Tools used:
ChatGPT
Refined section messaging and clarity
Structured long-form content into digestible layouts
Supported CTA and hierarchy refinement
Figma AI / Auto Layout
Assisted with layout organization
Improved component structuring
Accelerated repetitive design system tasks
AI was used only as a support layer while all core UX decisions, layouts, and visual direction were handled manually.
Webflow Development
The website was fully developed in Webflow with a strong focus on scalability, precision, and performance.
Development highlights:
Fully responsive implementation
Pixel-perfect frontend development
CMS-ready architecture
Reusable component system
Clean and structured class naming
Performance optimization
Special attention was given to maintaining:
Typography consistency
Precise spacing system
Smooth responsive behavior
Deliverables
UI/UX Design
Full website design in Figma
Editorial-style layout system
Responsive design system
Reusable UI components
Webflow Development
Pixel-perfect Webflow implementation
CMS-ready architecture
Fully responsive optimization
Performance optimization
Scalable component structure
Pages Delivered
Homepage
About page
Services / Capabilities
Work / Case studies
Insights / Articles
Contact page
A strong creative website should feel intentional, structured, and memorable — not visually noisy.
I design and develop premium websites in Figma and Webflow that combine editorial-style UX with scalable modern development.
→ Let’s fix your structure.
→ Request a Website Audit
Like this project
Posted May 10, 2026
Developed a fully responsive landing page in Webflow for So Shall We, a creative strategy and digital studio.
