<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet type="text/xsl" media="screen" href="/~d/styles/rss2full.xsl"?><?xml-stylesheet type="text/css" media="screen" href="http://feeds.feedburner.com/~d/styles/itemcontent.css"?><rss xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:sy="http://purl.org/rss/1.0/modules/syndication/" xmlns:admin="http://webns.net/mvcb/" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:feedburner="http://rssnamespace.org/feedburner/ext/1.0" version="2.0">

    <channel>
    
    <title>Work</title>
    <link>http://themaninthesea.com/</link>
    <description />
    <dc:language>en</dc:language>
    <dc:creator>thinmatt@gmail.com</dc:creator>
    <dc:rights>Copyright 2009</dc:rights>
    <dc:date>2009-03-16T05:42:31-06:00</dc:date>
    <admin:generatorAgent rdf:resource="http://expressionengine.com/" />
    

    <atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="self" href="http://feeds.feedburner.com/themaninthesea_work" type="application/rss+xml" /><atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="hub" href="http://pubsubhubbub.appspot.com" /><item>
      <title>Zyphost</title>
      <link>http://feedproxy.google.com/~r/themaninthesea_work/~3/uF_w58oHHaI/</link>
      <guid isPermaLink="false">http://themaninthesea.com/index.php/work/project/zyphost/</guid>
      <description><![CDATA[<img src="http://themaninthesea.com/images/uploads/zyphost01_thumb.jpg" alt="zyphost pics" width="330px" height="180px" />
<p>Zyphost is the hosting company that I currently run my site on. It is run and managed by a friend of mine who has been in the web world for years. He is pretty much the local authority when it comes server side anything. So it wasn&#8217;t a hard decisions for him to get into hosting&#8230; the only problem was that he is a developer and not a designer. That is where I come into the equation. 
</p>
<p>
They were wanting something simple and to the point. I knew just based of the name there were two things I could communicate very easily in the letters: speed, and security. These were to qualities that every hosting provider wants to ensure and reinforce in any way possible. So, I tracked down two great fonts that do that well, HTC Gotham and Calgary Script off of veer.com and mashed em together. 
</p>
<p>
The marriage worked great! I added a little bit of a gradient and worked on the kerning a bit. But for the most part the logo is as pure as it can get when it comes to typeface&#8217;s. Aaron was happy with the simple and strong look and felt like it would set them up to have a professional image both on the web and elsewhere.&nbsp;
</p>]]></description>
      <dc:date>2009-03-16T05:42:31-06:00</dc:date>
    <feedburner:origLink>http://themaninthesea.com/index.php/work/project/zyphost/</feedburner:origLink></item>

    <item>
      <title>Jackina Stark</title>
      <link>http://feedproxy.google.com/~r/themaninthesea_work/~3/ncjN4QIaLhg/</link>
      <guid isPermaLink="false">http://themaninthesea.com/index.php/work/project/jackina_stark/</guid>
      <description><![CDATA[<img src="http://themaninthesea.com/images/uploads/js01_thumb.jpg" alt="Jackina Stark - Pics" width="330px" height="180px" />
<p>Jackina Stark (her first name has a long “I,” rhyming with china, and the accent is on the KI. phonetically it&#8217;s like this: Ja-KI-na) was unlike any client I have ever worked for. Mainly because she was my  English Grammar professor in college. I am one of the few that can say I survived her class. Jackina recently retired from teaching English and has moved on to pursue writing fiction novels. Her first book was published in February of 2009 and she has two more on the way in the next year. She knew that having a website to help promote her writing would be a very helpful way to build connections with her readers and further her audience.
</p>
<p>
I was also tremendously excited about doing this site because during my preliminary research I noticed that most authors websites are really rather poor. So I knew would not be hard to get a website that not only help Jackina get a presence online, but helped her stand out in the industry. I am hoping that the quality of the site will bring a little more beauty and quality into the industry. 
</p>
<p>
Building this site was a unique experience for me because you rarely will you have an intimate feel for who the client is when you start. I really did feel like that worked to my advantage. I was able to more accurately capture aspects of her fun and down to earth personality and portray them on the site than with other clients.
</p>
<p>
Jackina wanted the site to have a very intimate and informal feel. I felt like the best way to approach that requirement was through the concept of a desk. I focused quite a bit of time trying to make it feel like you were sitting at her desk reading her thoughts on paper. So, instead of just simply adding a basic repeating woodgrain background, I added some depth and shadow to the background to imitate the light from a lamp. 
</p>
<p>
There were quite a few obstacles to work through within this project. Much of her reader base comes from a generation that is not entirely familiar with the internet, websites and blog protocol. So much of the site had to be simplified for the most novice user. Navigation had to be natural and intuitive, forms needed to be easy and make sense. It was also fun getting some who had been writing for decades to understand the concept of a blog and what it can be used for. Fortunately, Jackina was an amazing sport and was up for the challenge.
</p>
<p>
The aspect of the site that I am most proud of is probably the comments section. This is the first site where I was able to utilize a content management system (Expression Engine) to harness and promote interaction with the end users. One of the ways I did this was by setting a simple conditional statement so that before comments are made on a blog post a simple message displays encouraging people to use the form and comment. I am a huge of fan of websites that are intentional about encouraging interaction, instead of simply being passive. I think they feel more alive and real, which means it will be less cold and corporate.
</p>]]></description>
      <dc:date>2009-03-10T18:01:11-06:00</dc:date>
    <feedburner:origLink>http://themaninthesea.com/index.php/work/project/jackina_stark/</feedburner:origLink></item>

    <item>
      <title>Great Bearded Reef</title>
      <link>http://feedproxy.google.com/~r/themaninthesea_work/~3/WRuGrZWcRc4/</link>
      <guid isPermaLink="false">http://themaninthesea.com/index.php/work/project/great_bearded_reef/</guid>
      <description><![CDATA[<img src="http://themaninthesea.com/images/uploads/GBR_01_thumb.jpg" alt="Great Bearded Reef - Pics" width="330px" height="180px" />
<p>My friend Josh Willis came to me a few weeks back and told me that he was entering this <a href="http://www.islandreefjob.com" title="Island Reef Job">contest</a> and wanted to know if I could help him out in anyway. After some quick brainstorming, we had a name, a plan and the rough sketches of what would become his new website. Josh&#8217;s ability to convince so many creative professionals to work with him is a little scary, but when you give full creative freedom to the guys who want nothing more than full creative freedom, it&#8217;s hard to say no. 
</p>
<p>
I knew that the website we were going to get set up for him had to accomplish two things: be fun for the end user, and do one thing and one thing only. That one thing was push people to Josh&#8217;s application page on the Island Reef Job website. The initial concept was born out of a few portfolio&#8217;s I had seen recently where everything was on one page, but in different level vertically. Josh came up with the name &#8220;great bearded reef&#8221; (since he has a beard) and I knew that we could do some thing that would simulate diving into the ocean. 
</p>
<p>
All the illustrations were done by another one of Josh&#8217;s friends named Dino Henderson. I had never worked with Dino before, but I am pretty sure it was by divine appointment that I was able to partner with him for this site. The concept was good, but Dino was able to take it to an entirely different level with the quality and detail of the illustrations. Everything from the beard icon to the Sea Monkey as a side kick was born out of his creative mind. I am definately going to try and partner with him on future projects.
</p>
<p>
There wasn&#8217;t anything too tricky about the site. It&#8217;s features a simple javascript that makes interacting with the anchors more interesting (same one&#8217;s used on this site). Trying to get the menu bar to be fixed with the top of the browser was a little tricky since I hadn&#8217;t tried something like that before&#8230; but I got it down with no problem. Other than that, building this site was a total dream. Josh was down with all the fun ideas and trusted me and Dino to deliver a kicking site that would not only get him some recognition, but beef up our respective portfolio&#8217;s as well.
</p>]]></description>
      <dc:date>2009-02-27T05:19:12-06:00</dc:date>
    <feedburner:origLink>http://themaninthesea.com/index.php/work/project/great_bearded_reef/</feedburner:origLink></item>

    <item>
      <title>Wide Eyed Musings Etsy</title>
      <link>http://feedproxy.google.com/~r/themaninthesea_work/~3/lc6Q4vuJaP4/</link>
      <guid isPermaLink="false">http://themaninthesea.com/index.php/work/project/wide_eyed_musings_etsy_store/</guid>
      <description><![CDATA[<img src="http://themaninthesea.com/images/uploads/WEM_card_thumb.jpg" alt="Wide Eyed Musings - Photos" width="330px" height="180px" />
<p>A friend of mine named Kari was going to be opening up an Etsy.com shop and needed some artwork to put on the site and a few cards tag her items with. She makes funky children&#8217;s shirts with artsy hand made designs using custom cut fabric. They are really incredible and I would totally dress my children in them if I had any. Kari wasn&#8217;t picky about the artwork so I was excited to work for her (those types of clients are awesome!). She sent me a few pictures of her designs and I just ran from there. I knew that the designs needed to be fun, playful an mimic her existing work. And since I had never attempted this style of art before, I was looking forward to the challenge of learning a new technique. 
</p>
<p>
There were three designs that stood out to me the most: the octopus, the mushrooms, and the monster. I knew that there would be enough material between the three of those that I could get something great going. Using the stock pattern in Adobe Illustrator i started concepting them out and they turned out great. I used a font called Cheboygan for the logo (it has the best lower cae &#8220;g&#8221; ever). The octopus ended up being the one that stood out the most. Her shop has been open for about two months now and she has added some great stuff. 
</p>
<p>
She sells everything under the name Wide Eyed Musings. You can check it out at <a href="http://www.wideeyedmusings.etsy.com" title="www.wideeyedmusings.etsy.com">www.wideeyedmusings.etsy.com</a>. If you end up getting anything, tell her I sent ya!
</p>]]></description>
      <dc:date>2008-12-15T20:03:49-06:00</dc:date>
    <feedburner:origLink>http://themaninthesea.com/index.php/work/project/wide_eyed_musings_etsy_store/</feedburner:origLink></item>

    <item>
      <title>Paper Boat</title>
      <link>http://feedproxy.google.com/~r/themaninthesea_work/~3/re4DgcOOA5A/</link>
      <guid isPermaLink="false">http://themaninthesea.com/index.php/work/project/occ_boat_website/</guid>
      <description><![CDATA[<img src="http://themaninthesea.com/images/uploads/occ_boat_FNL_thumb.jpg" alt="OCC Boat Website - Photos" width="330px" height="180px" />
<p>When the head of Ozark Christian College&#8217;s admissions department came to me about this project, he was wanting to find a new medium through which he could reach future students. Prior to the launch of this project, the school had used various print pieces to give away at conferences and use in mass mailers. The costs of printing for these pieces every year was beginning to add up and they were wanting to find something more cost effective and long lasting. A website was the most natural answer. It allowed the school to reach students without having to be physically present at a conference and moved to a medium that was very familiar to it&#8217;s target audience. 
</p>
<p>
The site was originally presented under the theme of &#8220;Ignite Your Passion&#8221; however, midway through the design process the content changed drastically, and as a result, the original concept became irrelevant. Th new content presented three primary analogies to describe what the college did, and I knew that the new direction for the site needed to center around pictures that helped carry those analogies. The paper boat became the primary image for the site, and the foundation upon which the rest of the media for the project would center around.
</p>
<p>
The main goal for the site was to provide students enough information about the College so that they could then make a decision for or against the College. It was very much a fork in the road. I tried to design it with a very simplistic user interface and the path of the user needed to end in the same place, regardless of which page they navigated to. The photography was provided by one of the students currently enrolled at the college.
</p>
<p>
<a href="http://www.occ.edu/boat" title="view">View the completed project here</a>.
</p>]]></description>
      <dc:date>2008-11-25T00:11:52-06:00</dc:date>
    <feedburner:origLink>http://themaninthesea.com/index.php/work/project/occ_boat_website/</feedburner:origLink></item>

    <item>
      <title>Questions and Answers</title>
      <link>http://feedproxy.google.com/~r/themaninthesea_work/~3/RfrDfXBm7NY/</link>
      <guid isPermaLink="false">http://themaninthesea.com/index.php/work/project/questions_and_answers/</guid>
      <description><![CDATA[<img src="http://themaninthesea.com/images/uploads/amb_growr_fnl_thumb.jpg" alt="Questions and Answers" width="330px" height="180px" />
<p>This logo was for one of the youth retreats that Ozark Christian College puts on through out the year. They were wanting to take a &#8220;school&#8221; feel because the weekend was going to based primarily around forum style presentations with a panel and topics, etc. The logo needed to appeal to youth and still communicate the &#8220;school&#8221; feel. I knew right out the gate that the &#8220;Q&#8221; and the &#8220;A&#8221; were going to be the primary mark of the Logo. I chose Gotham as the primary font for the mark and did a bit of manipulation on the letters to help give it more of a modern feel. I knew i could find some balance between the &#8220;Q&#8221; and the &#8220;A&#8221; so I worked that for a while which you can see in the concepts&#8230; It kind of has a kinship to the Poison logo (yeah the band!). For the final piece I ended up sketching out the logo on a chalkboard and taking a snap of it to cement the &#8220;school&#8221; feel that they were wanting.
<br />

</p>]]></description>
      <dc:date>2008-11-20T00:15:50-06:00</dc:date>
    <feedburner:origLink>http://themaninthesea.com/index.php/work/project/questions_and_answers/</feedburner:origLink></item>

    <item>
      <title>The Fiesta Bowl</title>
      <link>http://feedproxy.google.com/~r/themaninthesea_work/~3/m0r_X0F5xOY/</link>
      <guid isPermaLink="false">http://themaninthesea.com/index.php/work/project/the_fiesta_bowl/</guid>
      <description><![CDATA[<img src="http://themaninthesea.com/images/uploads/fiestabowl_fnl_thumb.jpg" alt="Fiesta Bowl Images" width="330px" height="180px" />
<p>The mantra of &#8220;work smart, not hard&#8221; was my motto for this project.
</p>
<p>
I was approached by a childhood friend named Brandon this past summer to help his company integrate the CMS for the new Fiesta Bowl website. The Fiesta Bowl had hired out an ad agency to design their website who in turn hired Red Pear, who then hired me. I was a tad bit down the line when it came to decisions, but I was the workforce behind the actual site concepts becoming real css and html.
</p>
<p>
Prior to this site I had no knowledge whatsoever of Expression Engine other than the fact I liked what I saw on the website. I had been involved in a few other CMS integrations with prior projects, but for the most part I was a noob when it came to this sort of stuff. Naturally, I told Brandon that I could do it&#8230; Sometimes you gotta stretch yourself and I knew this project was a great opportunity for that. I also knew that it would be a great name to have in portfolio. Little did I know that this would become the biggest project of my life in more ways than I had imagined.
</p>
<p>
The project took somewhere in the ball park of 150+ hours to complete. And I did a majority of the CSS and html for the site. I was able to build a custom breadcrumb that was driven through Expression Engine template variables. I also used the embedded template feature heavily and it made my life easy. There were quite a few obstacles that I was able to meet through so many of EE&#8217;s built in capabilities&#8230; we were even able to offer basic IE6 support. All in all there were about 15 unique sites and I would guess around 100+ unique pages that were built in around a month. Expression Engine definitely made this project possible and easily increased the build time by at least half.
<br />

</p>]]></description>
      <dc:date>2008-11-12T02:01:52-06:00</dc:date>
    <feedburner:origLink>http://themaninthesea.com/index.php/work/project/the_fiesta_bowl/</feedburner:origLink></item>

    <item>
      <title>Grow</title>
      <link>http://feedproxy.google.com/~r/themaninthesea_work/~3/5KoN913C7vk/</link>
      <guid isPermaLink="false">http://themaninthesea.com/index.php/work/project/grow/</guid>
      <description><![CDATA[<img src="http://themaninthesea.com/images/uploads/getaway_grow_fnl_thumb.jpg" alt="grow" width="330px" height="180px" />
<p>This was a fun project for me to work on because the client was very open as to what the logo could look like. The only objectives for the logo were that it had to relate back to the theme of the conference which was &#8220;Grow&#8221; and appeal to a young audience. This naturally lent itself to some type of organic looking image.
</p>
<p>
I knew this would be a home run and a pretty easy logo to create so I skipped over my normal first step in a logo design and went right to Illustrator. My initial two concepts were very similar to each other. The first had a text treatment with plants growing out of the &#8220;o&#8221; in the word &#8220;grow.&#8221; This had a very edgy and young look to it. The second concept was just a simple placement of the work &#8220;grow&#8221; with a plant growth above it. I used one of <a href="http://youworkforthem.com" title="You Work For Them's">You Work For Them&#8217;s</a> stock vector packs to create the plants in the logo. With some other photoshop effects I knew that had two really strong concepts that would both appeal to a young audience and illustrate the theme of the conference as well as tie back into the name.
</p>
<p>
The school picked the first one. They liked the clean lines of the text treatment against the dirty feel of the plant&#8217;s growing out of the letter &#8220;o.&#8221;
</p>]]></description>
      <dc:date>2008-10-21T18:03:23-06:00</dc:date>
    <feedburner:origLink>http://themaninthesea.com/index.php/work/project/grow/</feedburner:origLink></item>

    <item>
      <title>One Leader Campaign</title>
      <link>http://feedproxy.google.com/~r/themaninthesea_work/~3/NBJqT8LsB6c/</link>
      <guid isPermaLink="false">http://themaninthesea.com/index.php/work/project/one_leader/</guid>
      <description><![CDATA[<img src="http://themaninthesea.com/images/uploads/oneleader_fnl1_thumb.jpg" alt="One Leader At A Time" width="330px" height="180px" />
<p>This was the second identity project I did for Ozark Christian College. The first was for an recruitment campaign called &#8220;Just One.&#8221; This project was similar in that they were needing an identity for a campaign but it&#8217;s primary audience was not current or prospective students it was their donor base whose age range was 40+. In my initial meeting with the president of the college he communicated the objective of the campaign was to help raise funds for the schools technology upgrades. He wanted to do this through communicating specific ideas about the College, the first being the approach the school toward leadership training. The were wanting to highlight the personal focus each student receives, but at the same time communicate that the process of training leaders done over and over again has the potential to build something big.
</p>
<p>
This was what was set before me as far as objectives for my first round of concepts (seen at the bottom). I enlisted the help of a friend Jason Courtney who is amazing with logo concepts. My first thoughts of how to illustrate this process were through something similar to building blocks or Lego&#8217;s. I thought a stair case was a good concept, but was unsure on how to make it both visually appealing and still carry meaning. Jason came up with the concept of the ladder and puzzle pieces, which both carried the idea of doing something &#8220;one at a time.&#8221;
</p>
<p>
I presented the first round of concepts, but as I presented them I was given a further objective. The school wanted to try and communicate a second idea through the logo. It centered around the idea of the leaders being trained to go out and change the world. None of the initial concepts communicated both of those ideas together. The President did feel like the puzzle piece concept was strong enough to illustrate the &#8220;one at a time&#8221; idea. Also, with the addition of some form of the world second objective could be met.
</p>
<p>
Jason ran with the puzzle piece and globe idea and came up with several more concepts and color variations. The school wanted their colors incorporated into the design, so Ozark blue was chosen as the primary color for the logo. They chose to use two variations on the final concept for the campaign (which I advised them against&#8230; oh well). You can see the final product above.
</p>]]></description>
      <dc:date>2008-10-20T20:50:09-06:00</dc:date>
    <feedburner:origLink>http://themaninthesea.com/index.php/work/project/one_leader/</feedburner:origLink></item>

    <item>
      <title>Newfrontiers USA</title>
      <link>http://feedproxy.google.com/~r/themaninthesea_work/~3/fb9hb3obqRs/</link>
      <guid isPermaLink="false">http://themaninthesea.com/index.php/work/project/newfrontiers_usa/</guid>
      <description><![CDATA[<img src="http://themaninthesea.com/images/uploads/nfi_fnl_thumb.jpg" alt="New Frontiers USA - Photos" width="330px" height="180px" />
<p>Newfrontiers is a word wide network of churches that was started in Brighton, UK. They currently have over 600 churches in over 40 nations including the United States. The US portion had an existing website however, it was terribly out of date and had an irrelevant look. I was hired through SPI Creative to be the primary designer for the site. Newfrontiers was wanting to role out the first phase of the redesign during their annual US Leadership Conference in St Louis at the beginning of March, despite the fact that we began the project in February. This gave the team a little more than month time line to design and build the site which made things challenging.
</p>
<p>
When I approached the redesign, I knew there were going to be several objectives and obstacles with the sites scope that were going to need to be met. The over all look and feel of the site needed to be updated and there was also a pretty big emphasis on making the navigation much easier to use. I tried to take a more classic approach to the design by keeping the menu at the very top of the page. We went through about six rounds of concepts before I was able to land on a design that had both a nice simplistic layout on the front page and made sense from a information hierarchy standpoint. 
</p>
<p>
The final product of the site came out very well. I was able to keep things organized and use a color scheme that could be carried through the different sub sections. We implemented a simple js to scroll through some key statements on the front page. Joomla! was used as the primary CMS for the project.
</p>
<p>
The site features some great custom applications like the ability to search through a DB of churches using the Google Maps API. There is also an app that was developed by SPI called MediaArchive that allows Newfrontiers to maintain a searchable archive of sermons and teachings from events and churches associated with Newfrontiers.
</p>]]></description>
      <dc:date>2008-03-01T22:53:18-06:00</dc:date>
    <feedburner:origLink>http://themaninthesea.com/index.php/work/project/newfrontiers_usa/</feedburner:origLink></item>

    
    </channel>
</rss>
