Embedded Files
SBS
Website Redesing
SBS Swiss Business School is a private institution based in Zurich offering international business programs across undergraduate, graduate, and executive levels. This project involved a full UX/UI revamp of their website to modernize the experience, improve architecture and performance, and lay the foundation for a scalable component-based design system—without losing sight of the school’s existing content value and user base.
Powered by Brand Industry
Project duration:
9 months
My role:
UX Designer, leading UI Design
Tools used:
Flowmapp, Google Slides, Google Sheets, Figma, Illustrator, Zeplin and Bugherd
Problem Statement
Problem Statement
The original website was visually outdated and structurally fragmented. Many pages relied on minimal content, had broken links, or redirected users externally without context. With growing competition from more modern-looking Swiss institutions, SBS needed a future-ready web experience that could retain their legacy while evolving for today's prospective students—especially on mobile.
The Goal
The Goal
Redesign the entire site’s visual identity, layout, and structure, consolidate and restructure architecture for better UX and SEO. Create scalable systems for page types, components, and content variations. Enable both visual clarity and backend efficiency through smart documentation. Balance modernity with accessibility for older audiences and executive program users
My Responsibilities
My Responsibilities
Scope definition with PM & Tech Lead (Switzerland-based). UX audit, competitor benchmarking, sitemap restructuring + UX flow optimization. Creation of a full Design System + Documentation for project structure and deliverables. Prototyping of key landings and components including mobile-first designs. Creating content blueprinting for dev integration and scaling
Core Project Layers
Core Project Layers
Architecture
Architecture
The original sitemap was dense, with hundreds of thin-content pages and unclear user journeys. I conducted a complete IA overhaul—merging scattered landings into cohesive sections (e.g. Programs, Admissions, Prospect Students), while introducing high-impact tools like a Program Finder. New UX patterns such as smart filters, pagination, and flexible card modules helped users explore content more intuitively, while SEO clusters (e.g. blogs, rankings, insights) were unified under a tabbed layout for easier discovery. A color-coded sitemap and modular breakdown helped estimate and track component needs.
Documentation
Documentation
To manage such a large-scale revamp, I created an Excel-based Design System Tracker. It included:
A Component Inventory (per sitemap section) with design status, usage notes, plugin/API requirements, screenshots, and Zeplin links
A Design Status Tracker detailing which landings were designed by me, and which would be assembled by devs using modular components
A Content Blueprint listing all site landings, mapped to components, content adaptation instructions, live references, status updates, and asset links
This system became a source of truth for design, development, and content production—supporting both handoff and team coordination.
Delivery
Delivery
The final designs were clean, user-friendly, and balanced aesthetics with accessibility for SBS’s diverse user base. After approval, I developed a full Component Manual—102 slides that detailed every component, its purpose, layout logic, mobile/web views, copy limits, image sizes, and usage instructions. Each slide included:
Component name and usage scenario
Mandatory and optional elements
Screenshot previews (desktop and mobile)
A tabulated field guide with copy limits, asset sizes, and recommendations
This manual, combined with the tracker files, enabled efficient development in Craft CMS and long-term scalability for SBS’s internal teams.
Project Results
Project Results
~40% reduction in individual page count through content consolidation and modular architecture
3+ new content clusters created (Program Finder, Insights, Resources) to support SEO and user needs
Improved navigation depth: reduced from 4+ levels to a cleaner 2-tier hierarchy
Development ready with full component specs and reusable UI templates
Custom tracking and documentation tools supported clearer team workflows and reduced friction across design-dev handoff
Up next
Up next
Quelled your doubts?
Quelled your doubts?
That's just a glimpse of my capabilities. Schedule a free session to chat about your project and get all your questions answered. I'm here to help you navigate your design journey and bring your ideas to life.
Page updated
Google Sites
Report abuse