Outernet

Outernet

As the debate over Net Neutrality rages on between service providers and conscious consumers, one massive group is left out of the fray: the nearly 4 billion people worldwide that do not have access to the internet.

As ubiquitous as it is in North America, Asia and Europe, the internet is actually quite a scarce commodity. It is almost as rare as clean drinking water in some parts of Africa, South America, and even rural parts of the United States.

In recent months, Google and Facebook have both launched efforts to address this deficit with plans to proliferate the internet around the world via low orbit drones or even Wi-Fi enabled weather balloons. These ingenious ideas have enormous potential to change humanity for the better. The only problem is that it could very well take a decade or more to iron out the logistics of floating or flying an internet-enabled aircraft through foreign airspace.

That’s where Outernet comes in.

Founded in 2012, this Chicago-based startup has developed a technology that would provide people in isolated areas of the world with free access to internet data via satellites. For free. Right now.

Consider it the Trojan Horse in the race to provide free web access to every person on Earth.

A8cd5e7ab17164c6115840635d1d7507cdf37ab7

1

The Vision

Outernet approached us to help them bring their vision of a more informed future to life.

Our team of industrial designers, mechanical engineers, art directors and content producers collaborated with Outernet’s team to develop a product and message born from the same point of inspiration: that information should be a natural resource.

The team sketched objects alongside storyboards, allowing one to inform the other. The result was a product and presentation that were as inventive as they were intuitive.

2

Dish Details

215427b6335ac86f42e6d8d31541f55a7251623b

01

Compact Case

The 24” satellite receiver was designed and engineered to fold into a small footprint 14” in diameter. The outer band around the case was designed to be protective and act as a handle.

Fbc165710c6867209b7517e591f528d553723f33

02

Functional Base

The protective lid transforms into the device’s base, and the handle can be used to secure the dish to any surface through the use of screws or anchors.

D88690372ad01708c77a39ae8a7cda1934d136e3

03

Custom Hinges

The device’s dish required the development of custom “U” shaped hinges. The hinges not only help fold the dish into the most compact shape possible, but they also ensure that the dish's shape is seamless and parabolic when the dish is in the open position.

C9c4ac21336a4b48f26048cd0a82f41110210f50

04

Simple Interface

The device has only one button: power. When the device is turned on, it automatically begins to search for satellites and streams information across its local network. The device also offers USB ports for external power or data sources.

Dca38eff98da9f87de5da0ef87622b12c18108ca

05

Rotation and Articulation

Depending on where in the world the device is being used, it can rotate 150 degrees and angle from 10 to 75 degrees to receive content from satellites orbiting the Earth.

3

Conceptualization

Concepts were driven from two distinct directions: functionality and usability.

Because the device had to be 24” in diameter when in use, a large portion of the team’s conceptualization was focused purely on how to make a parabolic shape fold into the smallest shape possible. In parallel, the team was also focused on making that shape intuitive and robust.

After exploring several radical mechanical concepts, the team landed on a fairly innovative, yet pragmatic folding solution inspired by a vegetable steamer.

Aesthetically, the concept began to reference vessels commonly used to transport water, as the satellite would be providing information that could be equally as important to the user’s sustenance.

outernet

4

Prototyping

By building mockups from studies and bread board models from the very beginning, our team was capable of refining the functionality of the mechanism and proving out the concept while also creating a desirable aesthetic.

The result of this agile process was the creation of a highly-functional “looks like” prototype in just under a few weeks.

The prototype served as a tangible manifestation of Outernet’s vision for making information more accessible.

C843858b8ccee1849b51d5e17b3acae78d8dc5c5

5

STORYTELLING

In tandem with the hardware design and engineering, our team developed storyboards and scripts for a short video about Outernet’s mission and potential.

By integrating art directors and copywriters into our team of industrial designers and engineers, we were capable of allowing the hardware to inspire the message, and the story to inform the device’s form.

The end result? An object and a message that are cohesive and compelling.

Aca362601248a219bfe051b6dd49ffbb79d66888
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.

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

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.

Image 35
Polestar

Electric Driving For a Progressive Future

Designing and engineering a state-of-the-art web experience as impressive and exhilarating as the Polestar car itself.

Read More
  • Led design and product strategy for Polestar's web and mobile experiences
  • Developed an information architecture with no dead ends
  • Designed a flexible UI kit to unify every digital touchpoint
  • Fast Company Honoree for Retail and User Experience in Innovation by Design Awards
Black BoxBlack BoxBlack Box

Recognition

  • Code and Theory

    Ad Age A-List

    2024 Business Transformation Agency of the Year
  • YETI x Code and Theory

    Innovation by Design

    2023 Best in Marketing
  • Code and Theory

    Innovation by Design

    2023 Design Company of the Year
Albertsons 2x 1
Albertsons

Simplifying Grocery Shopping for Millions

Building and unifying the digital ecosystem for one of the largest food and drug retailers in the US.

Read More
  • Modernized the ecommerce experience
  • Created a scalable design system
  • Integrated 10+ disparate apps into one, reducing overhead
  • Launched in six months
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

Tipico | Succeeding on a Mission to Win Ohio

Simpli.fi | Building a Brand for the Future of AdTech

Amazon | Amazon Ads: Ads that work as hard as you do

Equifax | Modernizing Equifax Canada’s Customer Tools

Comcast | Commercializing the Comcast Cybersecurity Experience

The Ritz-Carlton | Redefining the Legacy of Luxury for a Powerhouse in Hospitality

YETI | Map The Gaps - Taking Google Street View Way Off The Street

YETI | Year in Preview

Champion | Evolving an Iconic Brand for a New Generation

Albertsons | Simplifying Grocery Shopping For Millions

Electric Driving Built for a Progressive Future | Electric Driving Built for a Progressive Future

Harris Williams | Modernizing Harris Williams with a Future-Leaning Tech Stack

Allstate Protection Plans | Bringing SquareTrade Into The Allstate Family

TikTok | Building Confidence in TT4B Solutions

Marriott Bonvoy Leisure | Reimagining Marriott Bonvoy As A Hub For Travel Content And Commerce

Meta for Business | Creating Connective Tissue to Drive Engagement

Pfizer World | Shaping a Platform into a Beacon for New Priorities and Ways of Work

Allspring Remi Advisor Tools | Crafting a UI Through User Input and Clear Data Visualization

Citizens Bank | Driving Growth For a Storied Financial Institution

Galleri | Introducing a Revolutionary Medical Feat to the Market

Adidas | Engaging a Demographic With Digital Storytelling

The New School | Building Flexible, Data-Driven Pathways for an Academic Innovator

Citadel | Citadel & Citadel Securities Websites

KPMG | Reimagining KPMG US

Johnson & Johnson | Transforming a CPG Powerhouse Into an Inclusive Digital-First Marketer

Daymaker | A Platform Redesign That Supports Local Nonprofits in the U.S.

Bare Necessities | Redefining Fit

Kaplan | Transforming the Digital Ecosystem of a Major Education Provider

Pagaya | Empowering Financial Opportunity

1-800-FLOWERS | Celebrating Gifting With a One-Stop Shop

ConEd | Building A Future Vision For Clean Energy In New York

Party City | Turning a Brick-and-Mortar Mainstay Into an Online Phenom

KYLA Kombucha | Elevating A Beverage Brand's Positioning And Creative Strategy

Washington Football Team | Charting A New Path For An Iconic Institution

Legence | Designing the Digital Presence for a Formidable New Brand

Bustle Digital Group | Scary Mommy: Not Your Mom's Mag

Bustle Digital Group | Gawker | Don't Call It A Comeback

Amazon Ads | Making Amazon Essential for Every Ad Buy

H&M | Modernizing The Intersection Of Inspiration And E-commerce

College Board | Positioning College Board as an Integrated Partner for Students

The Commonwealth Fund | Rebuilding a 100-Year-Old Foundation for the Next Century

National Council on Aging (NCOA) | A Personalized Digital Experience For America's Older Adults

adidas Superstar | Change Is A Team Sport

adidas Running | Bringing In-The-Moment Running Experiences To Boost Product Discovery

adidas Originals James Harden | Launching The Next Chapter In Adidas Basketball

The Venetian | Redefining Luxury in Las Vegas

MetLife Investment Management | Introducing A New Platform For An Institutional Powerhouse

William Hill Estate | Putting Chardonnay On Trend

Nexstar Media Group | Helping 130+ Local News Stations Transition to Digital

Giffords | Launching A Powerful Resource To Spark Action On Gun Violence

PGIM | Unifying PGIM's Global Asset Management Network

Bustle Digital Group | Modern Storytelling For Bustle Digital Group

J.P. Morgan | The First End-To-End Digital Platform In Commercial Real Estate

Xerox | Making Now Work: A New Campaign For A New Time

Mailchimp | A Digital Platform For Emerging Writers And Creators

Sky Italia | A Modern Digital Experience For The Italian Media Platform

Theodore Roosevelt Presidential Library | Defining The New Digital Museum Experience

Nylon | ReIntroducing An Iconic Publishing Brand

Mailchimp | Launching The New Digital Home For Tomorrow's Filmmakers

Input | A Brand New Destination About Technology In Our Lives

Morton Salt | Putting More Salt On US Tables

Cartier | Reimagining Cartier's Retail Experience

Sunbrella | Redefining The Digital Textile Space

Axe | An Iconic Men's Grooming Brand Known For Bold Marketing

CoinDesk | Relaunching A Pillar Of The Blockchain Community

Dignity Health | Delivering A Best-In-Class Digital Experience

NYCEDC | A New Hub For New Yorkers To Grow Their Business

Indigo AG | Adopting Regenerative Practices With The Terraton Initiative

TEGNA | Creating A Centralized CMS For 39 Local News Stations

The Jewish Museum | Bridging The Museum's Physical And Digital Experiences

Bustle Digital Group | Fatherly: From Dude to Dad

Rally | Elevating the Site Experience for a Crypto Pioneer

Bustle Digital Group | Mic – Stories That Fuel Curiosity, Creativity, and Change

CBRE | Building A Digital Infrastructure A Major Real-Estate Firm

Dean & Deluca | Connected Physical And Digital Gourmet Grocery Experiences

Vogue | A Fresh New Look for Vogue.com

SOM | Designing a Site For The Legacy of Architecture’s Most Prolific Firm

Xywav | A Flexible Component Library For The Jazz Brand

BioReference | Launching An On-Demand Healthcare Offering During A Pandemic

Says a Lot —

Latest

News — 

Code and Theory, a Stagwell (STGW) Network Company, Named Ad Age Business Transformation Agency of the Year

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

We Are a Technology-First Creative Agency

What We Do

Code and Theory is a strategically driven, digital-first agency that lives at the intersection of creativity and technology. We solve consumer and business problems with end-to-end solutions that flex to meet the needs of today’s ever-changing digital landscape.

Our Services

We provide a range of offerings built to support the entire ecosystem.

  • Data, Analytics and Research

    Our data-driven approach enables us to understand every aspect of end-to-end consumer journeys, and powers our work from start to finish.

  • Business & Organizational Consulting

    We work with our clients not only to define and deliver products, services and communications, but also to design the business itself.

  • Transformational Technology

    We help our clients reinvent their technical infrastructure and roadmap in order to deliver for the needs of today and tomorrow.

  • Services, Platforms & Products

    We create best-in-class platforms built around both the user and the business goals, often extending into connected physical expressions.

  • Integrated Marketing

    We deliver the right messages to new and existing customers across the entire ecosystem.

Our Offices

We have locations around the world.

Join Our Team

We're not typical, and neither are you. We're always looking to hire smart, interesting and forward-thinking people.
See All Open Positions

Code and Theory is a proud member of Stagwell Group. Stagwell is the challenger network built to transform marketing. We deliver scaled creative performance for the world’s most ambitious brands, connecting culture-moving creativity with leading-edge technology to harmonize the art and science of marketing. Led by entrepreneurs, our 13,000+ specialists in 34+ countries are unified under a single purpose: to drive effectiveness and improve business results for their clients. Join us at www.stagwellglobal.com