PressHound
UI UX Designer
PressHound, a tech start-up that uses machine learning to analyze bias in digital news media approached me to assist in improving on existing branding while establishing style guidelines where they were lacking. Then later extending those guidelines into a landing page.
Goal: Create visual design materials, animations, wireframes, and mockups to help give the company branding and establishing an online presence.
Problem: Limited existing materials or guidelines to act as a base for the designs while reconciling the given visual reference and style.
Solution: Underwent several rounds of iteration changing from an aesthetic lead by the imagery of propaganda to one more evoking machine learning & technology for the site's final design.
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.
Page Layout
Based on project requirements, I created wireframes of the long-form landing page in Figma to establish a layout for the illustrations.
f .01
f .02
f .03
Logo assistance
I was asked to help improve their logo (f.01). To refine the shape (f.02), helping to impart the design at many varying scales. The result (f.03), was created with a 5-step process of design and feedback.
Colors
Fonts
Roboto
Style Guide
I created a UI style guide to define the visual design of the site and a color-palette for the illustrations.
Web Graphics
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.
Hand-offs
I provided redlines and prototype site code - including the CSS styles, for the COO to implement the design.