Xywav

A Flexible Component Library For The Jazz Brand

0

1

The Overview

The Xywav set of sites offers a full-range of flexible components to accommodate all content and regulatory-approved needs for a pharmaceutical brochureware website. Using Wordpress, included are a wide range of components that include above-the-fold featured content with images or video, 3-up modules, full-bleed video, data visualization, forms, rich text, and more. The components can be quickly styled specific to the clients’ brand look and feel while retaining their structure and functionality. Mobile-friendly design that works across breakpoints ensure a consistent, engaging experience across all devices.

4

2

Homepage

Features

We designed a range of features, including: an emergency banner across the top of the page; sticky navigation that can accommodate a logo, sign-up CTA, and a maximum of five main items with the potential for dropdown menus; above the fold feature content that can accommodate an image or video; large promo module; 3-up module; full-bleed video; and "learn more" links.

Flexible Components

Most components can be placed anywhere on the page to allow for your specific content needs.

Data Visualizations

Features such as icons, bulleted lists, numbered lists, tables, and images allow for precise story-telling.

For long pages, the progress bar tracks the user’s progress down the page providing a visual queue to the reader.

1

3

Mobile

We created a mobile-friendly design that works across breakpoints ensure a consistent, engaging experience across all devices. During development, we tried and tested techniques such as finger swiping cards or charts and tables are employed across the site.

Collapsing, hamburger navigation allows for the maximum viewport space, easy to finger tap navigation headings, and a prominent “Have Questions” form promo are available to guide the user throughout the site.

2

4

Themes

Specific aspects of content types can be configured to adjust their look-and-feel to provide some contrast to sections of the site without requiring developer intervention.

5
Screen Shot 2021 01 14 at 1 54 31 PM
Meta Image 1200x627
Amazon

Ads that work as hard as you do

Code and Theory developed the integrated, global campaign connecting Amazon Ads with small businesses everywhere.

Read More
  • Proved Amazon Ads are made to match the right person, with the right business, right away.
  • Doubled traffic to Amazon Ads' dot com destination.
  • Produced a global, integrated campaign in less than six months.

Driving B2B Growth

Partnering with some of the world's largest companies to fuel their business-to-business expansion.

Evolving E-commerce to Fit Modern Audiences

We are shaping the digital transformation of the industry by creating strong connections between audiences and brands.

Leading With Empathy and Inclusivity

Having deeper conversations, widening the funnel, and driving innovation with an inclusive-first lens.

Screen Shot 2023 03 01 at 11 14 04 AM
Marriott Bonvoy

Reimagining Marriott Bonvoy as a Hub for Travel and Commerce

Evolving Bonvoy’s design system to be more modern and immersive while staying true to the core strong brand identity.

Read More
  • Mobile-First
  • Contextualized Conversion
  • Flexible Design and Content Systems
Black BoxBlack BoxBlack Box

Recognition

  • YETI x Code and Theory

    Innovation by Design

    Best in Marketing
  • Code and Theory

    Innovation by Design

    Design Company of the Year
  • Code and Theory

    Ad Age

    Agency A-List
Untitled design
Allspring

Speed to Market for a Portfolio Optimization Tool

Crafting a UI for a complex product through user input and clear data visualization.

Read More
  • Improving workflow processes through enhanced user interface design
  • Clear and simple data visualizations for complex data sets
  • Designing a roadmap to continue to iterate and optimize the product on a rolling basis post-launch

All Work

 2023

Says a Lot —

Latest

News — 

CampaignLive | Behavior as a prompt: Why AI’s ability to anticipate will change business forever

News — 

Code and Theory Wins Three Drum Awards For AI, Creativity, and UX with YETI and Tipico

News — 

Under Armour Launches UA Rewards with Masterclass-style Video Series, in Partnership with Code and Theory

News — 

Figma Names Code and Theory as Launch Partner in New Service Partner Program

News — 

Scout by Sutter Health™ Launches an App Focused on Resilience Building for Youth and their ‘Champions’, Built by Code and Theory

News — 

Code and Theory Network Wins Six W3 Awards

News — 

Facing the Future: A Guide to AI and Design Transformation

News — 

Amazon Ads Debuts First Small Business-Targeted Campaign