PressHound

Role

Visual Designer, Production Designer, Web Designer, Illustrator, Responsive Web Design, Branding

Problem

PressHound, a tech start-up that uses machine-learning to analyze bias in digital news media, has created a free web-browser extension but has no brand to stand out amongst others entering this space.

Solution

Create an iconic logo & brand aesthetic for their online presence to market their free browser extension and news aggregation platform.

Project Evaluation

The COO, acting as project manager and developer, required a logo that would be used wherever the users interacted with the browser extension and requested a long-form home page to maximize the likelihood of users downloading the browser extension. For the marketing aspect, the COO wanted an illustration style that blended 1940’s era constructivism with modern vector graphics— two very distinct looks.

Wireframes

Based on project requirements, I created wireframes of the long-form landing page in Figma to establish a layout for the illustrations.

Colors

#1b1464
#4061d5
#aeceff
#FFFFFF

Fonts

Roboto

abcdefghijklmnopqrstuvwxyz
ABCDEFGHIJKLMNOPQRSTUVWXYZ
1234567890

Style Guide

I created a UI style guide to define the visual design of the site and a color-palette for the illustrations.

Illustrations

PressHound deals with discovering bias in media through their web app. Helping to highlight the opinions & propaganda that underlays our day-to-day media. For this, we worked to capture elements & styles found in propaganda imagery and to help impart their theme.

Visual Design

I incorporated the UI style-guide and illustrations into the site layout. Taking what was successful in previous designs & iterating on them - gradually.

Prototype

A prototype was created to test usability and validate the design of the site before launch.

Web Prototype

Redlines & Hand-off

provided redlines and prototype site code - including the CSS styles, for the COO to implement the design.