Website Design (UI/UX)

Nonprofits and universities should look for four capabilities together: proven accessible design experience (not accessibility as a plugin or a post-launch audit), user research with the specific audiences the organization serves, a modular design system that scales as the organization adds content and programs over years, and a redesign process that respects the constraints these organizations operate in — limited internal capacity, distributed content ownership, funding cycles, and multi-stakeholder governance. Accessibility should be built into the design system rather than checked at the end; WCAG 2.1 AA is the common baseline, with higher standards where the sector requires. Scalability should be structural (design system, IA, CMS choice) not aspirational. Watson Creative works with nonprofit and higher-education clients on accessible, scalable site redesigns, with accessibility, IA and design system decisions made together in the strategy phase rather than layered on afterwards.

A strategic redesign changes what the site does; a cosmetic redesign changes how the current site looks. A cosmetic redesign refreshes visual design, typography and layout without rethinking navigation, content structure, audience routing, conversion paths or the underlying digital strategy. It is fast, cheap, and it produces a site that looks better but performs the same. A strategic redesign starts upstream — audience and stakeholder research, information architecture, content strategy, conversion path design, SEO planning, accessibility, and platform decisions — and treats visual design as one of the outputs rather than the whole engagement. Strategic redesigns cost more up front and produce measurable business change; cosmetic redesigns cycle every three years because they never address the underlying problem. Watson Creative runs strategic redesigns with the research, IA, UX and accessibility work sequenced before design begins, so the visual layer expresses a decided strategy rather than covering an unresolved one.

A serious website design engagement starts with research, not with visual exploration. Watson Creative’s engagement typically opens with a digital ecosystem audit (performance, SEO, accessibility, content hierarchy, current-site analytics), competitive benchmarking against direct and indirect peers, user research with real audience representatives, and persona-driven journey maps. This phase produces the strategic brief for the design work — who the site is for, what those audiences need to accomplish, where the current site fails, and what the redesign has to change to move the metric that matters. Visual design begins only after that brief is written and agreed. Starting with visual design produces sites that look modern but repeat the same friction the current site has; starting with research produces sites where the visual work extends a decided strategy.

A design system is a modular library of reusable UI components (buttons, forms, cards, navigation patterns, typography scales, color usage, motion rules) governed by shared design principles and documented so developers, designers and content editors work from the same source. Watson Creative delivers a design system as part of most redesign engagements because a modern site cannot be maintained without one — every new page and new content type would otherwise be a bespoke build, and consistency drifts within months of launch. The design system is scoped to the site’s actual complexity — a marketing site’s system is lighter than a large multi-property enterprise system — and delivered with documentation the internal team can extend. Design systems produce the compounding return of a redesign; sites built without them stop compounding within a year.

Accessibility built in means every component in the design system is designed to meet the accessibility standard from its first version — sufficient color contrast, keyboard navigation, focus states, screen-reader-friendly semantic structure, motion controls, form patterns that work with assistive technology. When accessibility is built in, extending the site with a new page or feature does not create new accessibility debt; when it is added later, every component has to be re-visited and every future addition risks introducing regressions. Watson Creative includes accessibility in the design system’s component definitions and tests each component against the target standard before it enters the system. This is what makes accessibility scale — the alternative is a permanent backlog of accessibility fixes chasing an evolving site.

A redesign preserves SEO equity when the migration is planned as an SEO engagement in parallel with the design work — not discovered after launch. That plan covers URL structure and redirect mapping, content preservation and pruning decisions, technical SEO parity (schema, canonicals, sitemaps, robots.txt), analytics continuity, and pre-launch/post-launch monitoring for ranking or traffic regressions. In a Watson Creative redesign, SEO migration sits in the SEO & Content Optimization service — the design and development teams work from a redirect and content plan the SEO team owns, so the redesign launches without the traffic collapse most cosmetic redesigns produce. Redesigns that skip this step often recover their prior SEO position within six to twelve months at significant cost.

UI/UX design and web development are treated as one continuous engagement rather than two vendors handing files across. Watson Creative structures the sequence so the design team is producing components alongside the development team’s implementation, with technical feasibility surfaced during design rather than at build handoff, and with the design system delivered as living code (typically React components, Figma variables, or platform-native design tokens) rather than as static screens. This shortens the total timeline, avoids the ‘design was beautiful but the build watered it down’ problem, and produces a design system the client’s team can extend post-launch. When the two services are procured separately (which sometimes makes sense), the design engagement produces the artifacts and specifications the development team needs — but continuity is why most clients bundle.

B2B redesigns need research that reflects how B2B buyers actually buy — multi-stakeholder committees, extended timelines, technical evaluation alongside brand consideration, and long return visits over the course of a decision. Research typically includes interviews with named customers and lost prospects, stakeholder mapping to understand who visits which parts of the site, journey mapping across the buying committee (economic buyer, technical evaluator, end user, procurement), and prototype testing with representatives of each role. B2B sites that treat all traffic as one audience produce navigation and content that satisfies no one. Watson Creative approaches B2B redesigns with role-aware research and prototyping — the site’s information architecture, page hierarchy and content strategy reflect what each role needs from the site rather than an average of all visitors. This is especially important for industrial B2B, professional services, and enterprise technology buyers.

Multi-segment sites work when the design system treats variability as a first-class concern — templates and components designed to render for a healthcare audience or a manufacturing audience without becoming separate sites; content types that can be tagged with segment metadata and surfaced through personalization or filtered navigation; a design that establishes brand consistency at the shell level and segment specificity at the content level. Multi-segment sites fail when the design assumes one primary audience and treats the others as exceptions — the exceptions accumulate until the site is unmanageable. Watson Creative designs multi-segment sites with segment strategy sequenced in the IA and design system work, so segment-specific content lives inside a coherent framework rather than as bolt-on microsites that eventually fragment.

Strategic redesigns typically run twelve to twenty-four weeks depending on site complexity, research scope, design-system depth, and CMS platform (custom builds run longer than platforms like Webflow). Compressed timelines usually reflect a decision to skip research or design-system work — the compression saves weeks but produces the cosmetic-redesign failure mode. Longer timelines reflect deeper research, more stakeholder alignment cycles, multilingual builds, or complex integrations with CRMs, marketing automation and analytics. Watson Creative scopes each redesign against its actual complexity and provides a phased timeline (discovery → IA → design → build → QA → launch) with milestones the client can validate at each transition. Rushing a strategic redesign into a cosmetic-redesign timeline produces the site the compression predicted.