Engadget

Engadget

Not Your Mama's Blogroll

Being more of a news site than a gadget blog, Engadget.com wanted to revitalize their design and resurface their archived content. It was also crucial to find a solution for the problematic blog bounce rate. Engadget offers a wealth of valuable content that can easily get lost within the pages and pages of archives. Many of the articles that are featured on the site are part of a history of stories, and it was imperative to create an environment that makes navigating through that timeline of content seamless.

Due to the typical Blogroll format, Code and Theory recognized that many of the top stories were being pushed further down the page as new posts were added each day. We created a two-tier solution for this particular obstacle. The first is a full page-width Hero area which has the ability to feature any piece of curated Engadget content. The second solution is the Top Stories Grid, which acts as a floatation device for stories that don't deserve to drown under the wave of new posts—thus keeping them afloat above the blogroll.

The approachable writing style of the site is a key element of Engadget's success, so it was important to add faces to the names that are responsible for all of the charismatic content. Adding an Editors button to the main navigation was an obvious answer to drawing more attention, but we took it even further and created a module that pulls a creative quote from featured contributors and can be found on multiple pages throughout the site. Each editor also has a dedicated page that includes a flavorful bio, their personal gadgets of choice, and lists of their recent articles and reviews.

Revitalizing the Hub

Engadget created "hub" pages of curated content that had a single point of interest. Code and Theory embraced these pages and elaborated, creating a total of 3 different types: Product Hub, Event Hub, and Topic Hub. These pages become a one-stop-shop for all multimedia content of any particular item of interest. We have included a 360° At A Glance module showcasing all forms of media that are included. The module titled Follow the Saga reveals all articles related to that item of interest in a timeline format.

The new site layout and functionality will propel Engadget even further as the leader of tech news on the web.

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