AllSides: Content, UI, & Graphic Design for News

AllSides | 2020 - 2024

Graphic Design

Content Design

Brand Strategy

Advertising

UX/UI

Web

Social Media

OVERVIEW

This is a collection of work created throughout my four years at the company, including illustrative graphics and data visualizations for blog articles, infographics and marketing materials for Instagram, and asset creation for enhancing brand presence.

I also helped craft advertising copy and creative assets for various events, culminating in a 2024 crowdfunding campaign. This involved working in Canva and Figma with cross-functional teams of marketers and developers.

As I expanded into content design and UX/UI, I also consulted on the design of topics pages, location pickers, AI bias analysis tools, and a hub for data on Americans' political common ground.

MY ROLE

I built a design role for myself while working for AllSides, a news website analyzing US political media.

I advocated for design and research at all levels of the content stack, leading the company to eventually invest more in effective design for new website features and social media posts.

I often undertook design tasks on my own and in addition to daily news writing. This allowed me to help define the company's public-facing design direction, as new hires used assets I had created.

Beyond design, my role at the company was often to critically analyze various political arguments, editorial standards, and bias rating decisions. I asked nuanced questions, encouraged other writers to justify their reasoning, and communicated complex ideas while adjusting for neutrality.

TEAM MEMBERS

Henry Brechter, Julie Mastrine, John Gable (CEO), Scott McDonald (CTO), Andrew Weinzierl, Samantha Shireman, Adriel Warren, Rudy Aquino, Nikita Tselovalnikov, Krystal Woodworth

INTERACTIVE CHARTS FOR NEWS MEDIA ANALYSIS

DATA VISUALIZATION WITH FLOURISH

I used Flourish to create a handful of interactive charts for an article analyzing web traffic data for the top 100 most popular news websites in the US.

Coworkers had collected the data, inspired by an article I wrote a couple years earlier on the topic. I learned Flourish from a coworker who had effectively implemented the data visualization platform in articles and other pages on the website.

REFRESHING THE BRAND'S SOCIAL MEDIA PRESENCE

TWITTER & FACEBOOK HEADER REDESIGN

I led the redesign process of a news website’s Facebook and Twitter profile banner images.
‍
‍The lead stakeholder noticed that the banner images on the company’s Twitter and Facebook profiles were a bit outdated. She wanted new images created and was “down to experiment with this,” but required that the new design included two of the company’s slogans.

‍I researched competitive best practices and submitted a handful of options for the team to review. I then worked with various team members to iterate and come up with a solution the lead stakeholder was happy with.

‍I conducted a competitive analysis of other news platforms’ Twitter banners.

Key findings:

The company’s direct “media bias” competitors also had outdated banners.
Established news organizations tended to use photographs of newsrooms, office buildings, and cities that reminded users of their established brand identity.
Some newer tech-savvy news outlets highlighted their apps and used centered text to promote a brand slogan.
Some outlets used more artistic banners or brand/logo signifiers.

Since the company was fully remote, there were no photos to use for the “established media” approach. The best opportunities for emulation were tech-based platforms and brand/logo signifiers.

Established news organization highlights newsroom

Tech-savvy news organization highlights mobile presence

Web-native newsletter focuses on their brand

I developed mockups using Adobe Photoshop to visually remind users of brand value ("L" and "R" bias rating graphics and red/blue colors).

‍3 of my 5 mockups took inspiration from “tech-savvy” competitors, since that model most aligned with AllSides' brand identity.

When I submitted the mockups for team feedback, I received positive reactions for two of the options.

I used the feedback to develop a final version, which was approved by the lead stakeholder and added to the company's social media profiles.

When implemented, I realized that Facebook moved the profile photo to the middle and overlapped the banner on mobile, creating an awkward overlap. With the stakeholder’s approval, I removed the center logo and slogan, keeping the background brand-signifying graphics.

The final Twitter banner. Still in use as of June 2025

This experience reemphasized to me the importance of designing for different screen sizes — just because a design works in a desktop browser doesn’t mean it will look the same on mobile. Fortunately, the graphics I made helped others at the company create designs for merch and other uses.

Smart, Dynamic, & Social-Savvy Branded Content

Content & Graphic Design for Web & Social Media

Using color to reinforce brand

AllSides presents itself as a smart, tech-savvy organization focused on everyday Americans. To support this brand image, I designed graphics with a colorful and approachable digital-scrapbook style. This helped AllSides content feel like it belonged in the same tier as competing online tech-savvy sites like The Verge and Axios. Several of these images accompany articles I wrote.

Graphics for brand-affiliated blog content

History blog series graphics

Graphics for AllSides blog articles

AllSides brands itself as a smart, tech-savvy, online-first outlet. To support this brand image, I designed graphics with a colorful and approachable digital-scrapbook style. This helped AllSides content feel like it belonged in the same tier as competing online tech-savvy sites like The Verge and Axios. Several of these images accompany articles I wrote.

Newsletter ad post for Instagram