Archive for the ‘Creative Process’ Category

New Hope Brand Identity

new_hope_logo

Last week I had the privilege of spending the day in Portland with the leadership team of New Hope Community Church. Last year we redesigned the New Hope brand identity and the church has since asked me to serve on their advisory board. We meet a few times a year to discuss vision, trends, technology, community and branding. It’s always an inspiring conversation and I love being involved.

Over the years, I’ve worked on branding projects for several faith-based groups. For me, the most exciting engagements have been with organizations who seek to transcend the typical or expected religious expressions. I love working with groups that interested in blurring the line between the secular and sacred.

New Hope is unique in that they’ve purposed to radically transform their church environment and their church experience in order to engage their local community. Through strategic partnerships they are in the process of a complete redevelopment of their land to realize a vision for a new, vibrant community gathering place that will be more accessible to the public.

inner_image

Currently called Eagle Landing, the new development will be a mixed-use lifestyle center with retail, residential and hospitality components. The project will comprise 35 acres of new development containing 450,000 square feet of retail space, 750,000 square feet of office space, 700,000 square feet residential area—including a five-star hotel, lofts, senior active living and assisted living.

image_main

When complete, the center will offer an array of world-class restaurants, entertainment experiences, activities and community gathering areas.

civic_center_image

What will differentiate this particular lifestyle center will be the integration of the church—the intentional fusion of a faith-community with a commercial environment. It’s a very exciting project for me to be a part of. I’ve worked with New Hope over the last year to help them redefine their brand as they redefine their environment. We started with a Brand Ideation engagement where we worked together to craft a verbal articulation of the New Hope brand. Then we addressed the brand identity.

old logo

This was the original logo. The mark was outdated and it did not represent the church’s new vision.

logos

We looked at multiple concepts, but quickly gravitated toward the concept in the bottom left.

new_hope_logo

This is the final identity. Inspired by the colors of stained glass, the symbol is comprised of multiple overlapping quadrants. These forms converge to create both a cross – the central icon of the Christian faith – as well as an intersection, which represents the community it seeks to engage. We chose a lowercase, sans serif type to communicate modernity and approachability.

stationery

I also designed a new stationery system to show how the look-and-feel from the brand identity could extend into other applications.

sign

banner

We did an initial exploration of how the identity might look within the context of the new development – applying the mark to banners and posters. I really like how clean and vibrant the visual system is. It will be exciting to see the how the new identity continues to roll out for New Hope. They are heading in a very exciting direction and it’s been great working with them through the process.

Last week I had the privilege of spending the day in Portland with the leadership team of New Hope Community Church. Last year we redesigned the New Hope brand identity and the church has since asked me to serve on their advisory board. We meet a few times a year to discuss vision, trends, technology, community and branding. It’s always an inspiring conversation and I love being involved.
Over the years, I’ve worked on branding projects for several faith-based groups. For me, the most exciting engagements have been with organizations who seek to transcend the typical or expected religious expressions. I’m interested in blurring the lines between the secular and sacred.
New Hope is unique in that they’ve purposed to radically transform their church environment and their church experience in order to engage their local community. Through strategic partnerships they are in the process of a complete redevelopment of their land to realize a vision for a new, vibrant community gathering place.
Currently called “Eagle Landing”, The new development will be a mixed-use lifestyle center with retail, residential and hospitality components. The project will comprise 35 acres of new development containing 450,000 square feet of retail space, 750,000 square feet of office space, 700,000 square feet residential area—including a five-star hotel, lofts, senior active living and assisted living. When complete, the center will offer an array of world-class restaurants, entertainment experiences, activities and community gathering areas.
What will differentiate this particular lifestyle center will be the integration of the church—the intentional fusion of a faith-community with a commercial environment. It’s a very exciting project for me to be a part of. I’ve worked with New Hope over the last year to help them redefine their brand as they redefine their environment. We started with a Brand Ideation engagement where we worked together to craft a verbal articulation of the New Hope brand.
Then we addressed the brand identity. This was the original logo.
We looked at multiple concepts.
And ultimately
The mark embodies and evokes the new direction for the church. Inspired by the colors of stained glass, the symbol is comprised of multiple overlapping triangles. These forms converge to create both a cross – the central icon of the Christian faith – as well as an intersection, which represents the community it seeks to engage.
- Ty + 9.17.09 | 2:22 pm

8 Comments view all

Looks great man. The colors are quite inviting and happy.

- Aaron Martin + 9.18.09 | 8:57 am

I am a bit disappointed in you for not keeping the deafult AI brush cross.

- Aaron Martin + 9.22.09 | 11:55 am

as always, well done!

- jonathan bowden + 9.22.09 | 1:37 pm

Very nice!

- Sam Lester + 9.23.09 | 7:45 am

I love this concept. The colors give the design amazing potential. Nice on the eyes.

- Skylar Hartman + 9.25.09 | 9:50 am

Great logo…great campaign! Awesome work Ty.

- Tyler Griffin + 11.5.09 | 10:53 pm

not bad. :-)

- akrokdesign + 11.5.09 | 11:06 pm

Your works are great. I hope to achieve their level. They’re a good source of study.
I’m glad I found your blog.

- Bel + 11.10.09 | 1:01 pm
Add Comment

New Mattson Creative Project

baby mattson_smaller

We’re having a baby! I just heard the heartbeat.

Amazing…

- Ty + 8.17.09 | 2:07 pm

15 Comments view all

The best! So excited for you guys and this little one. He/she will be well-loved.

- pat brumfield + 8.17.09 | 2:39 pm

Baby Mattson’s first photo is already proudly displayed on Gramma Griff’s frig!!

- Karen Griffin + 8.17.09 | 2:52 pm

Amazing – sooooo exciting!

- Allie Atwood + 8.17.09 | 3:26 pm

It’s a little Mattson jelly-bean!! So exciting!! Congratulations!!

- Anna Lauri + 8.17.09 | 3:38 pm

Ty!! That’s great! Congratulations!

- Brian Somers + 8.17.09 | 3:47 pm

CONGRATS!

- Justin Bernard + 8.17.09 | 3:55 pm

So happy!! Keep the pics coming bra!

- Chase + 8.17.09 | 4:23 pm

Very cool!

- Spencer Wall + 8.17.09 | 5:02 pm

:) such a crazy sound, huh? I’m really excited for you man.

- Dave Donaldson + 8.17.09 | 8:21 pm

You’re not going to show us a time-lapsed movie on the creation of this project (like the Mottsy logo), right? I think I already understand how that works.

Congratulations, bro!

- Matt Lehman + 8.18.09 | 5:53 am

Welcome Baby Mattson to our family! Your uncle to be! Jeff Mattson

- Jeff Mattson + 8.18.09 | 8:06 am

Congratulations!!!

- Marek Hosek + 8.18.09 | 9:46 am

oh my gosh!!!!!!!!!!! so exciting!!!

- shannon leith + 9.9.09 | 1:17 pm

This is awesome!

- Skylar Hartman + 9.25.09 | 9:54 am

Congratulations!

- akrokdesign + 11.5.09 | 11:08 pm
Add Comment

Studio 1200 Brand Identity Development

studio_1200_06

Studio 1200, an architectural design firm, wanted a visual communication program that would accurately reflect their team’s versatility and personal, collaborative style. Mattson Creative worked with the firm’s principals to develop their vision of a vibrant and dynamic new brand. The following is an inside look at the creation of the new identity.

First, we engaged in a Brand Ideation project where we defined the unique personality and attributes of the Studio 1200 brand. This verbal articulation serves as a starting point for the visual exploration.

office

We reviewed the projects that Studio 1200 had completed for their clients and lots of great work they had on the boards. Images of their own office space also informed our identity development – especially the color palette.

sketches

Initial concepts sketches for the identity system.

studio_1200_01

The concepts above represent the initial presentation to the client. Because the name “Studio 1200″ is unique, the logo exploration was more typographic than symbolic. The numerals are so interesting and expressive, they become the primary design elements.

studio_1200_04

After the initial presentation, we narrowed the selections and explored the three directions above. Ultimately we decided that the middle column was the most visually interesting. The conglomeration of multiple architectural elements to comprise a single logo was an exciting concept.

studio_1200_02

I got really interested in the idea that the logo could rearrange into different configurations using the same kit of parts. The concepts above show multiple arrangements of the same pieces to create unique versions of the mark. This direction had a real mid-century modern feel to it, which I liked a lot.

studio_1200_3

This was a rough animation concept of how the logo might dynamically reconfigure itself.

studio_1200_06

Ultimately, we decided to go with this logo. Although we liked the mid-century aesthetic, we felt this direction was bolder, more dimensional.

studio_1200_07

We kept the kit-of-parts concept and created multiple variations of the mark using the individual pieces that comprised the logo. We used these variations on different applications, so the logo is never exactly the same. On the website, the transitions are animated and you can see the pieces disassemble and then come back together to form a new version of the logo. You can view it here.

studio_1200_08

The Studio 1200 stationery system.

studio_1200_09

The business cards gave each employee multiple options for the color, configuration and pattern on their individual cards.

studio_1200_10

The cards were also designed to interconnect using four die-cut slots on each side. So the business cards themselves could be used as playful, structural tools to build and create.

- Ty + 8.10.09 | 8:23 am

3 Comments view all

ty this is so rad! i love the concept.

- shannon leith + 8.10.09 | 8:49 am

I’m gone for 10 days and this happens: design excellence as usual.

- Aaron Martin + 8.17.09 | 10:59 am

[...] (via twitter), I have just been made aware of this amazing blog, Mattson Creative, which showcases some amazing work.  I mean, I am in hysterics over how BEAUTIFUL the Pocano Modern Identity [...]

Add Comment

Mottsy Logo Design Movie

I recently completed a logo design for Mottsy – an innovative, online printing company. The client was really interested in the creative process and asked me to record my screen during the development of the logo. This time-lapsed movie is the result. (Be sure to hit the expand button in the bottom right corner to view it full size.)

At first I was a little self-conscious recording my screen…it felt like someone was looking over my shoulder, watching me design the logo. But eventually I got used to it, and it was an fun experiment. I’m not sure how interesting it is to watch me look through hundreds of fonts, scan sketches, plot points, check email, change songs in iTunes, etc. Let me know what you think…it helps that we sped it up. And threw a little music in there. Thanks, Jeff.

The following logos and variations are what I presented to the client. They ultimately chose the first one which I actually didn’t capture on video. Oh well, still a fun look behind the scenes at the brand identity development process.

mottsy_01

mottsy_02

mottsy_03

mottsy_04

mottsy_05

mottsy_06

mottsy_06b

mottsy_07

mottsy_08

mottsy_09

mottsy_10

mottsy_11

After we explored a lot of color variations, we ended up pretty close to the original concept.

mottsy_13

This is the final logo. We developed the tagline and their brand positioning as well. Keep an eye on Mottsy.com – they should be launching their site in September. Should be pretty cool.

- Ty + 7.18.09 | 6:52 pm

45 Comments view all

Ty, this was amazing- I’m so glad you did this. I loved getting to peek into your creative process!

- Cathi + 7.18.09 | 8:34 pm

Ty, incredible. You have captured the process of design so well in this little video. Not only did I relate to the process, but the work is incredibly creative and inspiring!

- Bill Chiaravalle + 7.18.09 | 9:17 pm

Awesome! I can only imagine what mine would look like if I recorded ir!

- Diane Faye Zerr + 7.19.09 | 8:21 am

Looks great man. I love seeing stuff like this.

- Aaron Martin + 7.20.09 | 7:15 am

Thanks for sharing the making of this project. It’s hard to select the one I like best, as I don;t know the business, but they had great stuff to chose from.

- dentednj + 7.20.09 | 12:21 pm

thank you for this. awesome job! it was great to watch the design process. i hope to see more.

- Raquel Buckley + 7.20.09 | 12:26 pm

Yeah, very cool. It’s awesome to see how another designer works. The one they picked is pretty kick ass as well!!

- Marek Hosek + 7.20.09 | 12:37 pm

That was a lot of fun Ty, thanks for sharing!

- Jeff Andrews + 7.20.09 | 4:36 pm

Ty- That piece was amazing. Reminds me of an Apple commercial.

- Kraig Kalashian + 7.20.09 | 6:18 pm

Ty – holy crap that is cool! I so need to learn Illustrator better…and is that the music from Pee Wee’s Big Adventure????? Love it!

- Sara Kalashian + 7.20.09 | 7:18 pm

Thanks, everyone! Glad you enjoyed this. I will plan on doing it again on the next logo project. I will also get this comment thing fixed so it doesn’t make the blog look weird.

- Ty + 7.20.09 | 7:40 pm

Super cool video! Glad people can see the process! This could be used when billing a client for design time!

- Scott + 7.20.09 | 10:05 pm

Very cool. Thanks for sharing! It’s always nice to see the processes that other people go through.

- Amanda + 7.20.09 | 10:20 pm

Pretty awesome. Thanks for sharing the process.

But, seriously, perfect choice on accompanying music!

- William + 7.20.09 | 11:08 pm

Fantastic and great result.

- Matt Trimarchi + 7.20.09 | 11:39 pm

Truly & amazingly fun to watch. Something scary about how one tend to work exactly in the same way! Thanks for sharing!

- Simen Grankel + 7.21.09 | 1:22 am

Interesting video and a really nice end product, congratulations. Out of interest, which program did you use to capture the desktop?
Cheers.

- Sam + 7.21.09 | 5:25 am

Wow!! I am totally overwhelmed with the response to the video! Thanks for all of the comments and compliments! While I was recording it, I thought I might be creating the world’s most boring movie ever…glad that everyone likes it. Sam, I used iShowU HD to record the screen. Pretty cool little app – I think it was 30 bucks.

- Ty + 7.21.09 | 9:38 am

Not boring at all, and a great insight into some of the routine tasks us designers go through.

- David Airey + 7.21.09 | 10:26 am

I wish every client could see this video so they would stop saying things like “why does it cost so much, it’s just a bunch of circles and some type?”

- Joe Breiter + 7.21.09 | 2:12 pm

Hey, that was cool, i totally relate with it, and is good to see the way others work, it would be good to have that video in real time to show clients before they see prices, he he!

- Pablo Marin + 7.21.09 | 3:34 pm

Ty, this came out great! :)

- Jeff Rogers + 7.21.09 | 8:10 pm

for a design dabbler, this is so encouraging, and what is that perfectly upbeat and energizing music? thanks so much!

- patty + 7.22.09 | 12:12 pm

The music is from Pee-Wee’s Big Adventure. A classic.

- Ty + 7.22.09 | 12:19 pm

Great! I loved it! Awesome job!

- Rafael + 7.22.09 | 5:57 pm

That’s is exactly the process! I feel like I should invoice someone after watching it!

- Linda + 7.22.09 | 10:13 pm

Excellent. That’s pretty much my process, especially the hours going through FontExplorer with your finger permanently on the down button!
Every potential/existing client should be shown that to get an idea of the hard graft that goes into creating a logo or if they ever question their invoice.

- andy + 7.23.09 | 5:40 am

You are an awesome designer. Thanks for sharing.

-Greg

- Gregory Gilmer + 7.24.09 | 2:59 pm

This video is THE definitive argument against cheap/crowdsourced/99 logo designs!

- Catherine Azzarello + 7.26.09 | 9:10 am

Absolutely fantastic! And potentially a great tool to show new clients just how much effort goes into creating their logo. Well done!

- Koodoz Design + 7.26.09 | 10:55 pm

This is brilliant! It’s great to get a peek into a designer’s work flow, and the music just made it epic.

- Alison Rowan + 7.26.09 | 11:34 pm

I enjoyed watching how you designed the logo from the ground up. In similar fashion, before I moved strictly to web design, I would sketch my ideas. The success rate of sketching and thinking through the different concepts was astounding. Great job and great design!

- Skylar Hartman + 7.27.09 | 3:02 pm

Thanks TY, I’ll check iShow out.

- Sam + 7.28.09 | 3:29 am

Very fun! Posted this in this week’s LogoLounge.com news.
Cathy

- Cathy Fishel + 7.30.09 | 8:56 am

Thanks for the big smile that video brought to my face today.

- Astrid + 8.3.09 | 12:51 am

Wow! You have a huge screen estate, what monitor are you using and it’s resolution?

Cool video! Nice logo!

- Rom + 8.3.09 | 9:29 pm

[...] da was brauchbares zu Wege bekomme.  Heute allerdings nicht wirklich viel geschafft, ausser dieses tolle Video hier zu finden. Eine Idee, die einzige Idee, die mir bis dato durch den Kopf schwirrt, ist ein Bild [...]

- Blogactionday vs Designprozess + 8.5.09 | 12:02 am

Very, very interesting! Thank you very much for the insight into your design process.

- Krzysztof Rondomański + 8.5.09 | 1:31 pm

Great work guys – very well done – this is a very cool execution. And the logo rocks too !

- Darren Wilson + 8.7.09 | 1:51 pm

Some lovely designs. I know how you feel about showing your work in progress, but there’s a lot of misunderstanding about still regarding the amount of time and effort that goes into putting together a quality piece of branding like this. This kind of video can really help to counter that misunderstanding. Thanks.

- Sam + 8.14.09 | 3:37 am

wow that´s very nice – must post this on my blog! THX

- fabz + 8.16.09 | 5:25 am

I’m going to play devils advocate here. Brand design isn’t about looking pretty. What does this have to show about printing? Looking at the logo with no context, this could be for any company.

- Randy + 11.1.09 | 4:04 pm

I’m a student of communication arts and this video helped me a lot. I’m going to show it to my class.
Btw, the logo is great.

- Bel + 11.8.09 | 12:57 pm

[...] I have just been made aware of this amazing blog, Mattson Creative, which showcases some amazing work.  I mean, I am in hysterics over how BEAUTIFUL the Pocono Modern Identity [...]

This has to be a great tool to show your prospective clients on how much work goes into a design…Great job!!

FreePrintingSamples.com

- Print Samples + 1.22.10 | 2:47 pm
Add Comment

Pocono Modern Stationery Prints

pm_stationery_05

Just got back from press checking the Pocono Modern stationery. Turned out great. It’s always fun to see the design get printed and come to life. Here are a couple shots from the printing process.

pm_stationery_01

Laser prints trying to find the perfect shade of rorange.





pm_stationery_02

Pantone didn’t have a good enough match, so I had Toyo Inks create a custom color for the project.





pm_stationery_03

Here is the big bad Komori that we used to print the project.





pm_stationery_04

Make-ready test of the letterhead.





pm_stationery_05

Final printed sheet of business cards. Kraig and Shawn each have their own color.





pm_stationery_06

Back of the business cards. Each name has 4 different colored backs. The custom envelopes look great too. I’ll post some pictures once they come back from the converter. This is such a fun brand to work on.

- Ty + 7.16.09 | 5:36 pm

4 Comments view all

Money.

Money, money, money.

- Aaron Martin + 7.17.09 | 1:25 pm

Awesome. Thanks for making us all look bad.

- Matt Lehman + 7.20.09 | 8:49 am

Ha! Thanks.

- Ty + 7.20.09 | 10:57 am

sweet stuff!

- akrokdesign + 11.5.09 | 11:11 pm
Add Comment

Pocono Modern Brand Identity Development

pocono_modern_logo_01

With attention to detail and a commitment to sustainable practices, Pocono Modern is building homes in the Poconos with a fresh, modern twist. Here is an inside look into the creative process that went into designing the Pocono Modern brand identity.

pm_logo_00

This was the original logo that the client was using. It played off of the dynamic modern angles of the architecture and the topography of the Pocono Mountains which was interesting, but we decided that we wanted to explore how we could evolve the mark into more of a distinctive icon.



martindale_02

The aesthetic of The Martindale – one of the first Pocono Modern homes to be completed — inspired a lot of my initial concepts for the mark.



pm_logo_sketches

Like every project, I begin by sketching concepts. This process is very freeform. The drawings are quick and loose, and all over the page. I try to generate a lot of ideas quickly, exploring as many different visual concepts as I can. I will play with shapes and forms in multiple configurations until something interesting takes place, or another idea emerges. It’s a difficult process to describe, but I think this may be my favorite part of logo development.

pm_logo_04

After I create sketches, I evaluate the ideas and then start exploring more refined versions that integrate type and color. This next series represent the initial logo concepts that were presented to the client. This concept integrated the silhouette of The Martindale house with the mountain in more of a retro way.



pm_logo_03

I thought is concept could be interesting to explore as a seasonal mark that could have different colors to represent different seasons in the Poconos. Ultimately, these felt a little too kitchy.



pm_logo_05

This concept is a much more graphic abstraction of the landscape. We liked this direction, although we determined that it didn’t work well as a stand-alone logo. The idea of the triangle pattern made its way into the overall visual language of the brand as a supporting graphic element.

pm_logo_06

I really liked this concept. I loved the simplicity and the transparency. Maybe a little plain, but it has a very modern sensibility which we liked.



pm_logo_08

This idea was much more playful. The icon is comprised of different elements that combine to represent The Martindale, and the tagline type is vintage and fun. This was a little too whimsical, but we wound up using the wood texture in the final mark.



pm_logo_09

Another variation on the abstract mountain concept. I thought the relationship between the hand-drawn texture and the solid field behind it was interesting.



pm_logo_10

A different variation on some of the same themes. Mountains, seasons and amenities of the Poconos.



pm_logo_11

This was an interesting type treatment, but legibility was a concern — and overall, we felt like the identity needed an symbol element.



pm_logo_12

After the initial presentation, we decided that these three concepts were the strongest. Pocono Modern is the vision of Kraig Kalashian, who is a really incredible architect and designer, which makes all of our collaborations very creative. He has a great eye for design and we tend to gravitate towards the same aesthetic which is fun. Kraig wanted to integrate the idea of “homes” or “community” into the concept on the lower left.



pm_logo_13

This was a challenge until saw this incredible cover illustration for Fortune Magazine by Erik Nitche, which inspired the simple geometric style that I used below.

pm_logo_02

I really loved the way this logo design turned out. We had a hard time deciding between this idea and the one we eventually went with.



pm_logo_14

Along with the Nitche-inspired logo, I explored this stationery concept for the logo above. I introduced the abstract triangle pattern, which ultimately made us feel that this direction was stronger overall.



pocono_modern_logo_01

So here is where we ended up. The mountains are represented, but are abstracted into simple, strong shapes. There is some interesting positive/negative space created in the middle of the mark by the intersection of the angles. The wood texture evokes the organic nature of the Poconos and the color-fields represent the minimal, modern aspect of the brand.



pm_matchbox

pm_stationery

After we finalized the logo, we applied the look and feel to an array of applications including packaging and stationery.



pm_book_03

pm_book_02

Currently, we’re working on the interior of the Pocono Modern corporate office and design studio in Jim Thorpe, PA. I will post some photos and updates on this project in the next few days.

- Ty + 7.12.09 | 5:37 pm

4 Comments view all

I’m a big fan of the color scheme you went with, as well. I find it very inviting and foundational, there is a lot of strength to it, but it still retains a lot of playfulness.

- Aaron Martin + 7.13.09 | 6:34 am

This project is amazing. Well done! It works so great applied across the various pieces you show. Very, very cool.

- Shawn Hazen + 7.15.09 | 7:29 am

Nice explanation of the design process; I especially appreciate the choices of fonts throughout the sketch/variation process.
ps. nice functionality on the website too!

- Joshua Reese + 7.18.09 | 9:29 am

[...] twitter), I have just been made aware of this amazing blog, Mattson Creative, which showcases some amazing work.  I mean, I am in hysterics over how BEAUTIFUL the Pocano Modern Identity [...]

Add Comment