Los Angeleno · 

Website and logo · 

2018–2019

A new magazine, from idea to launch

A new magazine, from idea to launch

A new magazine, from idea to launch

Two L.A. natives were starting an online magazine about the city. I designed the site, then built it in WordPress.

Role

Sole designer and developer: sitemap, wireframes, logo, design and the WordPress build

Team

Freelance, working directly with the two founders

About the project

Los Angeleno was a new online magazine about L.A. arts and culture, started by two L.A. natives. They came to me with a list of publications they liked (LA Weekly, LAist, The Paris Review, It’s Nice That) and a few words for how it should feel: airy, modern, a little brutalist, and like L.A. The site had to carry features, interviews, food writing and a weekly list of things to do, with room for ads and sponsored posts, since that’s how it would pay for itself.

I started with a written wireframe and a sitemap, then grayscale wireframes for the homepage, articles, categories and an events calendar. Next came two design directions for the homepage and a standard article, plus a quick logo exercise: a plain wordmark and an LA monogram. Round two pulled the directions together. The gradient stayed, and so did the serif headlines.

The logo kept moving after that. The one it launched with is a serif lockup where the L of Los and the A of Angeleno overlap, so LA is hiding in the name.

I built it on WordPress, with a child theme on top of a commercial magazine theme. That way the budget went into the parts that were specific to Los Angeleno: the homepage, the article layout, the events calendar, newsletter signup, ad slots and sponsored-post labels. It launched in April 2019.

Homepage wireframe

Article wireframe

Logo concept one: a plain wordmark, on black and on the gradient

Logo concept two: an LA monogram

The other logo sketches

Round one, direction B

Further down: recent articles and trending

Round two article page

The homepage wireframe on mobile, top to bottom

Events wireframe, with a strip for picking the day

Concept one on the homepage

Concept two on the homepage

Round one, direction A

Round two homepage. The L and A in the header logo are hatched

The four sections and the footer

Homepage wireframe

The homepage wireframe on mobile, top to bottom

Article wireframe

Events wireframe, with a strip for picking the day

Logo concept one: a plain wordmark, on black and on the gradient

Concept one on the homepage

Logo concept two: an LA monogram

Concept two on the homepage

The other logo sketches

Round one, direction A

Round one, direction B

Round two homepage. The L and A in the header logo are hatched

Further down: recent articles and trending

The four sections and the footer

Round two article page