Web, Brand, and Product Design for Notebooks.

A screenshot of the Abstract Notebooks Landing page

// Overview

Notebooks is Abstract’s newest product that aims to give the design process a home. It combines documentation and reviews to ensure everyone on the team has context.

// Responsibilities

Abstract is lean, so Mike helps with work on the marketing, brand, and product teams. He designs and manages everything on the marketing site, helps with marketing automation, and designs for the product.

// Goals

Mike’s primary goal at Abstract is to drive interest, sign-ups, and participation for Notebooks via the website. Secondary to that, Mike focuses on attracting talent and supporting brand design.

Design

Process

Screenshots of tools we used at Abstract to identify problems and challenges

// Discovery

Via data, analytics, and user feedback, our team uncovers areas for improvement in both our marketing materials and product. These challenges initialize projects and are added into our Agile process to be prioritized and addressed.

// Strategy

“Different minds see more parts” is a company principal at Abstract. To gather ideas, we create a collaborative doc that contains all of the context around a challenge. We then start a whiteboarding-like phase asynchronously. During this stage, we share, critique, and refine possible solutions.

Screenshot of Abstract Notebooks and the icons of tools we used to strategize at Abstract
Screenshot of Figma and icons for tools Mike used to visualize solutions at Abstract

// Visualization

After determining strategy, we dive into ux and visual design. At Abstract, Mike primarily uses Figma and Webflow as creation tools. We share our work twice per week with other designers, stakeholders, and the engineering team to ensure we’re on track and get outside perspectives.

// Implementation

Mike leads implementation for web and email projects that deal with marketing. The primary platforms for are Customer IO and Webflow with bits of Zapier and Segment. When working on product features, Mike works directly with engineers to ensure design is feasible and successfully carried out.

Screenshot of Webflow and icons of tools Mike used implement solutions at Abstract

Outputs + Outcomes + 

Outputs + Outcomes + 

Screenshots of the Use Case Page Designs that Mike made for Notebooks
A screenshot of a homepage design that Mike made for Notebooks
A blog hero image Mike created for Notebooks. Direction from Jason Combs.
A gif of the sign-up screens Mike designed for Notebooks
// Outcomes

Notebooks is still in the process of launching. Our team continues to measure, iterate, and improve upon our solutions daily. Stay tuned

// Team

Brand

Jason Combs

Marketing

Sara Howshar

Content

Alison Harshbarger

Strategy

Mike Perez

Direction

Daina Lightfoot