Mark Morford Porftfolio_Header Image

/

Mark Morford — Identity + Website

I created a brand identity and website for Mark Morford—a popular (or infamous, depending on who you ask) columnist, author, and yoga teacher in San Francisco. Mark previously had two distinct websites—one for writing, one for yoga. In recent years the two have become more and more intertwined (For example, he currently offers workshops like, “Yoga for Writers”). So our biggest task at the outset was to combine two sites seamlessly while taking into account two distinct audiences.

I wanted to create an identity system and website that was as irreverent and varied in its design approach as he is in his writing and teaching.

I’ve been a diligent follower of Mark’s writings for years, so I know his sense of humor and tone of voice fairly well. I wanted to create an identity system and website that was as irreverent and varied in its design approach as he is in his writing and teaching.

The result is a module-based, fully responsive site that aggregates Mark’s columns, yoga marketing, photography, and social media. It’s probably the most complex site I’ve ever designed in that there were a plethora of specific needs related to all types of content. This is not a set-it-and-forget it site—Mark posts columns on SFGate.com several times a week! With that in mind, the I designed the site to be as flexible as possible. The vibe of the site morphs depending on the colors and fonts used in the homepage tiles, which is completely in Mark’s control.

My favorite feature is somewhat of an easter egg—clicking on one of the logos that are interspersed with the modules brings up one of several random quotes—all of which are also completely customizable by Mark.

Check it out »

 

Mark-Morford-Web-1

I developed several module styles so Mark has a range of font and color options to match the mood of his posts.

 

Mark-Morford-Web-4

We wanted to include a sort of Easter Egg on the site, so clicking one of his logos brings up a random quote, selecting from some of Mark’s favorites.

 

Mark-Morford-Web-2

Mark’s posts circulate widely on social media, so we integrated a nifty highlighting plugin to make sharing snippets of columns as easy as possible.

 

Mark-Morford-Web-3

Mark travels often and takes lots of pictures. Photo galleries are front and center.

 

Mark-Morford-Porftfolio-Logos

Ten logos is better than one.

 

Mark-Morford-Letterpress

I also got to flex my newfound letterpress skills a bit.