_1120739.jpg

Work

Email, Hugo, Jekyll, Squarespace

Recent projects where I wrote responsive HTML & CSS, and designed appealing page layouts.

Blogophonic

Blogophonic

A blog theme built for the Hugo and Jekyll static website generators. Blogophonic has multiple layouts available for pages and blogs along with configurable colors and fonts all from within a config file. It’s design was purposefully simple, allowing for the end user make it their own using the gaggle of options I built into the template.

Platform: Hugo, Jekyll
Stack: HTML, Sass, Tachyons, Go Template, Liquid

Formspree Redesign

Formspree Redesign

The Formspree marketing site runs on Hugo, and they needed a redesign of the homepage along with new branding, color scheme, and typography. During this project I also created a full featured blog and form library (coming soon) for the site.

Platform: Hugo
Stack: Sketch, HTML, Sass, Go Template

Email Campaigns

Email Campaigns

I was the email developer on the team that created Squarespace’s latest product offering called Email Campaigns. I planned and executed each initial email layout based on extensive research on the effective use of email.

Platform: Squarespace, Email
Stack: HTML, LESS, JSON, JSON-T

Email Campaign Sections

Email Campaign Sections

Each email created in Email Campaigns is assembled with sections. I created each section using adaptive, table-based HTML to be easily stackable into an email body, while also adapting to the viewport size of the device.

Email Campaign Font Pack

Email Campaign Font Pack

Email fonts are different from the web. But, we wanted Email Campaigns to be beautiful and load very fast. So I created a large set of font stacks using the best looking fonts available on every major system. They were then mixed and matched into packs and switchable with just a click (or tap) on a card.

Email Campaign Font Sizes

Email Campaign Font Sizes

One of the most important targets of this product is speed. It was important that people could create and edit Email Campaigns quickly and easily on their desktop or mobile device. To that end, I created a font size editor based on a type scale. By simply dragging two sliders, a person can change all the font sizes throughout their entire email.

York Template Framework

York Template Framework

Built for creative portfolios, York uses stacked landing pages to summarize your work while the unique case-study page allows you to tell the story behind a project in more detail. York, Artesia, Flores, Harris, Jasper, Jones, Lange, Shibori are in the same template family, sharing the same underlying code, structure, and functionality.

Platform: Squarespace
Stack: HTML, LESS, JSON, JSON-T

Pacific Template Framework

Pacific Template Framework

Perfect for agencies, restaurants, bands, wedding sites, and more. Pacific allows you to create long scrolling pages with background images and beautiful full-width galleries or albums. Perfect for a one-page site. Pacific, Charlotte, Fulton, Horizon, and Naomi are in the same template family, sharing the same underlying code, structure, and functionality.

Platform: Squarespace
Stack: HTML, LESS, JSON, JSON-T

Bedford Template Framework

Bedford Template Framework

One of the most popular templates, Bedford offers a wide range of features specifically for non-profits and small businesses. Although its beautiful interface and countless features make it an ideal template for almost any type of website content. Bedford, Anya, Bryant, and Hayden are in the same template family, sharing the same underlying code, structure, and functionality.

Platform: Squarespace
Stack: HTML, LESS, JSON, JSON-T

Montauk Template Framework

Montauk Template Framework

A polished business template that’s easy to set up and easier to customize. Montauk is valued by independent businesses for its flexibility, clean layouts, and professional style. Montauk, Julia, Kent, and Om are in the same template family, sharing the same underlying code, structure, and functionality.

Platform: Squarespace
Stack: HTML, LESS, JSON, JSON-T

Five Template

Five Template

Five is a clean, professional template that’s easy to set up. It's also preferred by small and mid-sized businesses for its dynamic layout and numerous customization options. Yes, it has blog sidebars.

Platform: Squarespace
Stack: HTML, LESS, JSON, JSON-T

Native Template

Native Template

Preferred by businesses and bloggers, Native is a versatile and modern template. The Native blog layout adapts to its content, promoting your most interesting media.

Platform: Squarespace
Stack: HTML, LESS, JSON, JSON-T