Mori is a 90s-esque alternative-pop band from Brooklyn. The band was releasing a new EP and wanted to get a website up to help promote it. Before the project started, Mori had a professional photoshoot done to help bring a cohesive feel to the band's brand. I helped with art directing the photo edits, as well as helping bring the new website to life.
Photo Curation, Photo Editing, Art Direction, & Web Design
Even though Mori had a professional photoshoot, it was important to make edits to ensure the layouts and coloring worked for her site. We needed to make sure that the photos looked like they lived together, as well as establish an overall look and feel for the new site. The venue chosen was really red, which is a bit hard on the eyes when there's multiples on a site, but the style and texture was really nice.
Four photos were chosen to be edited and appear on the site. Pizza boxes and water bottles were removed, photos were cropped, color adjusted, and a pattern was created from the paneled wall. Moving away from the harsh red of the site, the darker soft grey has a nice feel for the site's look.
You can really see how different these edits make the look change. The edits give them a dark, yet feminine look.
Mori's new EP had 90s grunge-punk vibe, so I wanted to choose typefaces that evoked that feel. Monospaced typefaces feel really punk to me, so I chose Source Code Pro as the body copy — since her site doesn't use a lot of long-form copy. Able was chosen because it has similar shapes as a monospace, but is a bit more legible for headlines. Both typefaces are Google Web Fonts, so they're free for use and could be used on everything from Mori's EP design to her social media accounts.
Working with the edited photos, I chose a color palette that worked to bring out the best in them. The palette is pretty dark, with tiny pops of rosy-peaches as compliments. This palette is tough, but slightly feminine.
The visual direction of the branding helped to guide the one-page site design. Since Mori needed something cost-effective and easy to edit, the site was created using Squarespace.
The site is a one-page site that provides users with at-a-glance look at important info. The photography really brings the site to life.
Regardless of your preference for the red or grey backgrounds, you can see how edited photos shape the mood of a site and allow for readability. For example, the header image was edited to remove the table with water bottles on it, a repeat of the panel background allows Mori's face to be to the right of the text so you can actually read it, and the overall tone has a much different look than the red, un-edited photo. Edited photos provide a better user experience for your audience.