<?xml version="1.0" encoding="UTF-8"?> <rss
version="2.0"
xmlns:content="http://purl.org/rss/1.0/modules/content/"
xmlns:wfw="http://wellformedweb.org/CommentAPI/"
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:atom="http://www.w3.org/2005/Atom"
xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
> <channel><title>Paragon &#187; Blog</title> <atom:link href="http://www.iamparagon.com/blog/feed/" rel="self" type="application/rss+xml" /><link>http://www.iamparagon.com</link> <description>Design for Screen &#38; Print</description> <lastBuildDate>Wed, 22 Feb 2012 22:26:31 +0000</lastBuildDate> <language>en</language> <sy:updatePeriod>hourly</sy:updatePeriod> <sy:updateFrequency>1</sy:updateFrequency> <generator>http://wordpress.org/?v=3.3.1</generator> <item><title>Free Font Friday: Bemio</title><link>http://www.iamparagon.com/2012/02/free-font-friday-bemio/</link> <comments>http://www.iamparagon.com/2012/02/free-font-friday-bemio/#comments</comments> <pubDate>Fri, 17 Feb 2012 13:54:12 +0000</pubDate> <dc:creator>James</dc:creator> <category><![CDATA[Free Font Friday]]></category> <guid
isPermaLink="false">http://www.iamparagon.com/?p=6931</guid> <description><![CDATA[&#160; BEMIO AN ULTRABOLD SANS Bemio is an ultrabold sans with an extensive character set. It bridges the gap between old signage and craftsmanship with modern forms and simplicity. With more than 1000 glyphs, and full Language Support, Bemio is versatile and robust. DESIGNED BY JOE PRINCE www.admixdesigns.com Joe Prince is a graphic designer that [...]]]></description> <content:encoded><![CDATA[<p
style="text-align: center;"><a
href="http://www.losttype.com/font/?name=bemio" target="_blank"><img
class="aligncenter size-full wp-image-6932" title="bemio" src="http://www.iamparagon.com/wp-content/uploads/2012/02/bemio.jpg" alt="" width="535" height="275" /></a></p><p>&nbsp;</p><h3><strong>BEMIO</strong><br
/> AN ULTRABOLD SANS</h3><p>Bemio is an ultrabold sans with an extensive character set. It bridges the gap between old signage and craftsmanship with modern forms and simplicity. With more than 1000 glyphs, and full Language Support, Bemio is versatile and robust.</p><p><strong>DESIGNED BY JOE PRINCE</strong><br
/> www.admixdesigns.com</p><p>Joe Prince is a graphic designer that specializes in logo and typography design. He crafts hand-made typefaces that are heavily influenced by modern geometry and simple forms. His work can be seen in use all over the web, mainly as webfonts, and continues his passion for design each day.</p><p>&nbsp;</p><p
style="text-align: left;"><a
href="http://www.losttype.com/font/?name=bemio" target="_blank"><img
class="size-full wp-image-6933" title="btn_font" src="http://www.iamparagon.com/wp-content/uploads/2012/02/btn_font1.jpg" alt="" width="198" height="53" /></a></p> ]]></content:encoded> <wfw:commentRss>http://www.iamparagon.com/2012/02/free-font-friday-bemio/feed/</wfw:commentRss> <slash:comments>0</slash:comments> </item> <item><title>THE Bestest &#8220;Thank You&#8221; cards of all time, of our generation&#8230; in the history of Ever</title><link>http://www.iamparagon.com/2012/02/the-bestest-thank-you-cards-of-all-time-of-our-generation-in-the-history-of-ever/</link> <comments>http://www.iamparagon.com/2012/02/the-bestest-thank-you-cards-of-all-time-of-our-generation-in-the-history-of-ever/#comments</comments> <pubDate>Tue, 14 Feb 2012 18:04:16 +0000</pubDate> <dc:creator>Andrew</dc:creator> <category><![CDATA[Community]]></category> <category><![CDATA[Just for fun]]></category> <guid
isPermaLink="false">http://www.iamparagon.com/?p=6860</guid> <description><![CDATA[So remember a couple of weeks back I went to visit the over-achieving class of 3rd and 4th graders at Gould Elementary? Well guess what I got in the mail this week. Go ahead&#8230; I&#8217;ll wait. Nevermind, it was a packet of the most creative thank you cards I&#8217;ve ever gotten, (and I went to [...]]]></description> <content:encoded><![CDATA[<p>So remember a couple of weeks back I went to visit the over-achieving class of 3rd and 4th graders at <a
title="Read all about the adventures in molding young minds...mmmm. mushy mush" href="http://www.iamparagon.com/2012/01/the-morning-i-spent-with-future-web-designers/" target="_blank">Gould Elementary</a>?</p><p>Well guess what I got in the mail this week. Go ahead&#8230; I&#8217;ll wait.</p><p>Nevermind, it was a packet of the most creative thank you cards I&#8217;ve ever gotten, (<em>and I went to art School so that&#8217;s saying something</em>).</p><p>They ranged from the minimal to the creative, all based around a laptop motif, but I&#8217;m a bit torn as to how to feel. On one hand I&#8217;m deeply touched that they even remember my name, on the other I&#8217;m proud that they seemed to enjoy the lesson (<em>some of them even expressing the desire to become web designers themselves</em>) and on yet another I&#8217;m immensely jealous of them having such an awesome teacher. Needless to say I want to be like Mr. McGrath when I grow up, or at least send my kid to his class&#8230;whichever comes first.</p><p>Check out just a few of the gems below:</p><p>This was from Mr. McGrath, see what I mean? Awesome.<br
/> <a
href="http://www.iamparagon.com/2012/02/the-bestest-thank-you-cards-of-all-time-of-our-generation-in-the-history-of-ever/card_teacher/" rel="attachment wp-att-6862"><img
class="alignnone size-full wp-image-6862" title="card_teacher" src="http://www.iamparagon.com/wp-content/uploads/2012/02/card_teacher.jpg" alt="" width="538" height="769" /></a></p><p>&nbsp;</p><p>Minimal, straight to the point, I like it.</p><p><a
href="http://www.iamparagon.com/2012/02/the-bestest-thank-you-cards-of-all-time-of-our-generation-in-the-history-of-ever/minimal-card-outside/" rel="attachment wp-att-6869"><img
class="alignnone size-full wp-image-6869" title="minimal-card-outside" src="http://www.iamparagon.com/wp-content/uploads/2012/02/minimal-card-outside.jpg" alt="" width="538" height="647" /></a></p><p>&nbsp;</p><p>This one was brought to you by Dell. It had a mouse and everything.</p><p><a
href="http://www.iamparagon.com/2012/02/the-bestest-thank-you-cards-of-all-time-of-our-generation-in-the-history-of-ever/dellcard-outside/" rel="attachment wp-att-6864"><img
class="alignnone size-full wp-image-6864" title="dellcard-outside" src="http://www.iamparagon.com/wp-content/uploads/2012/02/dellcard-outside.jpg" alt="" width="538" height="338" /></a></p><p><a
href="http://www.iamparagon.com/2012/02/the-bestest-thank-you-cards-of-all-time-of-our-generation-in-the-history-of-ever/dellcard-inside/" rel="attachment wp-att-6863"><img
class="alignnone size-full wp-image-6863" title="dellcard-inside" src="http://www.iamparagon.com/wp-content/uploads/2012/02/dellcard-inside.jpg" alt="" width="538" height="402" /></a></p><p>&nbsp;</p><p>The IBM Toughbook approach, plus this proves that Super Mario is timeless.</p><p><a
href="http://www.iamparagon.com/2012/02/the-bestest-thank-you-cards-of-all-time-of-our-generation-in-the-history-of-ever/ibm-toughbook-outside/" rel="attachment wp-att-6866"><img
class="alignnone size-full wp-image-6866" title="IBM-toughbook-outside" src="http://www.iamparagon.com/wp-content/uploads/2012/02/IBM-toughbook-outside.jpg" alt="" width="538" height="341" /></a></p><p><a
href="http://www.iamparagon.com/2012/02/the-bestest-thank-you-cards-of-all-time-of-our-generation-in-the-history-of-ever/ibm-toughbook-inside/" rel="attachment wp-att-6865"><img
class="alignnone size-full wp-image-6865" title="IBM-toughbook-inside" src="http://www.iamparagon.com/wp-content/uploads/2012/02/IBM-toughbook-inside.jpg" alt="" width="538" height="488" /></a></p><p>&nbsp;</p><p>And of course, there&#8217;s the iCard (t<em>his is probably how thin the next iBook will be anyway</em>).</p><p><a
href="http://www.iamparagon.com/2012/02/the-bestest-thank-you-cards-of-all-time-of-our-generation-in-the-history-of-ever/mac-outside/" rel="attachment wp-att-6868"><img
class="alignnone size-full wp-image-6868" title="mac-outside" src="http://www.iamparagon.com/wp-content/uploads/2012/02/mac-outside.jpg" alt="" width="538" height="273" /></a></p><p><a
href="http://www.iamparagon.com/2012/02/the-bestest-thank-you-cards-of-all-time-of-our-generation-in-the-history-of-ever/mac-inside/" rel="attachment wp-att-6867"><img
class="alignnone size-full wp-image-6867" title="mac-inside" src="http://www.iamparagon.com/wp-content/uploads/2012/02/mac-inside.jpg" alt="" width="538" height="503" /></a></p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p> ]]></content:encoded> <wfw:commentRss>http://www.iamparagon.com/2012/02/the-bestest-thank-you-cards-of-all-time-of-our-generation-in-the-history-of-ever/feed/</wfw:commentRss> <slash:comments>2</slash:comments> </item> <item><title>Free Font Friday: Bender</title><link>http://www.iamparagon.com/2012/02/free-font-friday-bender/</link> <comments>http://www.iamparagon.com/2012/02/free-font-friday-bender/#comments</comments> <pubDate>Fri, 10 Feb 2012 13:37:32 +0000</pubDate> <dc:creator>James</dc:creator> <category><![CDATA[Free Font Friday]]></category> <category><![CDATA[bender]]></category> <category><![CDATA[free font friday]]></category> <category><![CDATA[lost type co]]></category> <guid
isPermaLink="false">http://www.iamparagon.com/?p=6846</guid> <description><![CDATA[&#160; BENDER: AN INDUSTRIAL INSPIRED THROWBACK. A chunky face for display type in two weights: inline and solid. Bender was designed by Jim Dore. Jim is a designer from Kansas City. He is married to a patient woman, makes his own beer, and has three dachshunds that make him feel tall. &#160; &#160; &#160; &#160; [...]]]></description> <content:encoded><![CDATA[<p
style="text-align: center;"><a
href="http://www.losttype.com/font/?name=Bender" target="_blank"><img
class="aligncenter size-full wp-image-6847" title="bender" src="http://www.iamparagon.com/wp-content/uploads/2012/02/bender.jpg" alt="" width="535" height="275" /></a></p><p>&nbsp;</p><h3>BENDER: AN INDUSTRIAL INSPIRED THROWBACK.<br
/> A chunky face for display type in two weights: inline and solid.</h3><p>Bender was designed by <a
href="http://jimdore.com/" target="_blank">Jim Dore</a>. Jim is a designer from Kansas City. He is married to a patient woman, makes his own beer, and has three dachshunds that make him feel tall.</p><p>&nbsp;</p><p>&nbsp;</p><p
style="text-align: left;"><a
href="http://www.losttype.com/font/?name=Bender" target="_blank"><img
class="size-full wp-image-6850" title="btn_font" src="http://www.iamparagon.com/wp-content/uploads/2012/02/btn_font.jpg" alt="" width="198" height="53" /></a></p><p><a
href="http://www.iamparagon.com/wp-content/uploads/2012/02/Bender.pdf" target="_blank"><img
class="aligncenter size-full wp-image-6851 alignleft" title="btn_spec" src="http://www.iamparagon.com/wp-content/uploads/2012/02/btn_spec.jpg" alt="" width="242" height="53" /></a></p><p>&nbsp;</p><p>&nbsp;</p><p><a
href="http://www.iamparagon.com/2012/02/free-font-friday-bender/bender_specimine/" rel="attachment wp-att-6848"><img
class="aligncenter size-full wp-image-6848" title="bender_specimine" src="http://www.iamparagon.com/wp-content/uploads/2012/02/bender_specimine.jpg" alt="" width="535" height="517" /></a></p><p>&nbsp;</p><p>&nbsp;</p> ]]></content:encoded> <wfw:commentRss>http://www.iamparagon.com/2012/02/free-font-friday-bender/feed/</wfw:commentRss> <slash:comments>0</slash:comments> </item> <item><title>Free Font Friday: Napa</title><link>http://www.iamparagon.com/2012/02/free-font-friday-napa/</link> <comments>http://www.iamparagon.com/2012/02/free-font-friday-napa/#comments</comments> <pubDate>Fri, 03 Feb 2012 13:57:37 +0000</pubDate> <dc:creator>James</dc:creator> <category><![CDATA[Free Font Friday]]></category> <category><![CDATA[free font friday]]></category> <category><![CDATA[napa]]></category> <guid
isPermaLink="false">http://www.iamparagon.com/?p=6605</guid> <description><![CDATA[Napa is an organic, hand-written font designed by Michela Chiucini, which you can down­load for free. » Download Napa]]></description> <content:encoded><![CDATA[<p
style="text-align: center;"><a
rel="attachment wp-att-6606" href="http://www.iamparagon.com/2012/02/free-font-friday-napa/freefontfriday_napa/"><img
class="aligncenter size-full wp-image-6606" title="freefontfriday_napa" src="http://www.iamparagon.com/wp-content/uploads/2011/08/freefontfriday_napa.jpg" alt="" width="535" height="275" /></a></p><p><a
href="http://webislove.com/freebies/napa-your-organic-handwritten-free-font/" target="_blank">Napa</a> is an organic, hand-written font designed by <a
href="http://webislove.com/" target="_blank">Michela Chiucini</a>, which you can down­load for free.</p><p>» <a
href="http://webislove.com/download/napa.zip">Download Napa</a></p> ]]></content:encoded> <wfw:commentRss>http://www.iamparagon.com/2012/02/free-font-friday-napa/feed/</wfw:commentRss> <slash:comments>0</slash:comments> </item> <item><title>Go Halfsies</title><link>http://www.iamparagon.com/2012/01/go-halfsies/</link> <comments>http://www.iamparagon.com/2012/01/go-halfsies/#comments</comments> <pubDate>Thu, 26 Jan 2012 21:46:13 +0000</pubDate> <dc:creator>Susan</dc:creator> <category><![CDATA[For the Greater Good]]></category> <category><![CDATA[Inspiration]]></category> <category><![CDATA[food]]></category> <category><![CDATA[restaurant]]></category> <guid
isPermaLink="false">http://www.iamparagon.com/?p=6829</guid> <description><![CDATA[A creative approach to tackling a three complex challenges, Halfsies is a simple idea that could gives you the opportunity to help yourself, help the environment and help the hungry at the same time! &#160; To find out more go to www.gohalfsies.com &#8230;maybe you can help bring this cool idea to your city.]]></description> <content:encoded><![CDATA[<p>A creative approach to tackling a three complex challenges, Halfsies is a simple idea that could gives you the opportunity to help yourself, help the environment and help the hungry at the same time!</p><p>&nbsp;<iframe
src="http://player.vimeo.com/video/34256741?title=0&amp;byline=0&amp;portrait=0" width="520" height="293" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe></p><p>To find out more go to <a
href="http://www.gohalfsies.com" title="Halfsies" target="_blank">www.gohalfsies.com</a> &#8230;maybe you can help bring this cool idea to your city.</p> ]]></content:encoded> <wfw:commentRss>http://www.iamparagon.com/2012/01/go-halfsies/feed/</wfw:commentRss> <slash:comments>0</slash:comments> </item> <item><title>Free Font Friday: Mistral</title><link>http://www.iamparagon.com/2012/01/free-font-friday-mistral/</link> <comments>http://www.iamparagon.com/2012/01/free-font-friday-mistral/#comments</comments> <pubDate>Fri, 20 Jan 2012 14:03:03 +0000</pubDate> <dc:creator>James</dc:creator> <category><![CDATA[Free Font Friday]]></category> <category><![CDATA[drive]]></category> <category><![CDATA[font]]></category> <category><![CDATA[mistral]]></category> <category><![CDATA[movie poster]]></category> <category><![CDATA[screen font]]></category> <guid
isPermaLink="false">http://www.iamparagon.com/?p=6789</guid> <description><![CDATA[Mistral Designed by URW, 1992 &#160; At first glance, Mistral is a hilariously outdated and girly &#8217;80s-style font. But when used right, it can be an interesting and beautiful typeface in the vein of Roger Excoffon et la fonder Olive. This flamboyant script was exaggerated even more by being printed in hot pink and blazoned on the [...]]]></description> <content:encoded><![CDATA[<p
style="text-align: center;"><img
class="aligncenter size-full wp-image-6793" title="freefontfriday_mistral" src="http://www.iamparagon.com/wp-content/uploads/2012/01/freefontfriday_mistral.jpg" alt="" width="535" height="275" /></p><h2>Mistral</h2><h4>Designed by URW, 1992</h4><p>&nbsp;</p><p>At first glance, Mistral is a hilariously outdated and girly &#8217;80s-style font. But when used right, it can be an interesting and beautiful typeface in the vein of <a
href="http://fontfeed.com/archives/monograph-brings-renewed-appreciation-for-roger-excoffon/">Roger Excoffon et la fonder Olive</a>. This flamboyant script was exaggerated even more by being printed in hot pink and blazoned on the poster for the 2011 film, Drive.  But, in defense of a perhaps <a
href="http://crushable.com/entertainment/whats-with-the-weird-girly-pink-font-on-ryan-goslings-drive-posters-645/">&#8220;campy&#8221;</a> choice for the movie poster font, what Mistral brings with it&#8217;s retro flair is an&#8230;</p><blockquote><div>&#8220;unusual mash-up of art-house style and commercial genre.&#8221;</div></blockquote><p>No doubt, when you see those bright pink letters, you will see Drive as much more than your standard crime thriller. Side note, the more you listen to the Drive soundtrack, the more Mistral seems like a valid choice, for everything.  Tread lightly.<br
/> &nbsp;<br
/> &nbsp;</p><div><a
href="http://ufonts.com/download/mistral/30532.html" target="_blank"><img
class="size-full wp-image-6791 alignleft" title="btn_font" src="http://www.iamparagon.com/wp-content/uploads/2012/01/btn_font.jpg" alt="" width="198" height="53" /></a></div><p>&nbsp;<br
/> &nbsp;<br
/> &nbsp;<br
/> &nbsp;</p><div><span
style="font-family: Helvetica; font-size: xx-small;"><a
href="http://www.iamparagon.com/wp-content/uploads/2012/01/mistral.pdf" target="_blank"><img
class=" wp-image-6792 alignleft" title="btn_spec" src="http://www.iamparagon.com/wp-content/uploads/2012/01/btn_spec.jpg" alt="" width="169" height="37" /></a></span></div><div> &nbsp;<br
/> &nbsp;<br
/> &nbsp;<br
/> &nbsp;</p><p><a
href="http://www.iamparagon.com/2012/01/free-font-friday-mistral/freefontfriday_mistral2/" rel="attachment wp-att-6794"><img
class="aligncenter size-full wp-image-6794" title="freefontfriday_mistral2" src="http://www.iamparagon.com/wp-content/uploads/2012/01/freefontfriday_mistral2.jpg" alt="" width="535" height="800" /> </a></div> ]]></content:encoded> <wfw:commentRss>http://www.iamparagon.com/2012/01/free-font-friday-mistral/feed/</wfw:commentRss> <slash:comments>0</slash:comments> </item> <item><title>The Morning I Spent with Future Web Designers</title><link>http://www.iamparagon.com/2012/01/the-morning-i-spent-with-future-web-designers/</link> <comments>http://www.iamparagon.com/2012/01/the-morning-i-spent-with-future-web-designers/#comments</comments> <pubDate>Thu, 19 Jan 2012 22:56:38 +0000</pubDate> <dc:creator>Andrew</dc:creator> <category><![CDATA[Community]]></category> <category><![CDATA[collaboration]]></category> <category><![CDATA[education]]></category> <category><![CDATA[Future web designers]]></category> <category><![CDATA[Gould Elementary School]]></category> <category><![CDATA[Presentations]]></category> <category><![CDATA[Speaking]]></category> <guid
isPermaLink="false">http://www.iamparagon.com/?p=6752</guid> <description><![CDATA[This past Tuesday I had the privilege of spending a few hours with the gifted 3rd and 4th graders at Carrie E. Gould Elementary School. No I&#8217;m not test driving any new career options, I was invited by their teacher Jaime McGrath to talk to the kids about design and in particular web design. You [...]]]></description> <content:encoded><![CDATA[<p><a
href="http://www.iamparagon.com/2012/01/the-morning-i-spent-with-future-web-designers/gould_elementary/" rel="attachment wp-att-6767"><img
class="alignnone size-full wp-image-6767" title="Gould_elementary" src="http://www.iamparagon.com/wp-content/uploads/2012/01/Gould_elementary.jpg" alt="" width="538" height="402" /></a></p><p>This past Tuesday I had the privilege of spending a few hours with the gifted 3rd and 4th graders at <a
href="http://www.savannah.chatham.k12.ga.us/schools/gould/default.aspx" target="_blank">Carrie E. Gould Elementary School</a>. No I&#8217;m not test driving any new career options, I was invited by their teacher Jaime McGrath to talk to the kids about design and in particular web design. You heard me, I went to speak to 8 year old kids about web design. &#8220;<em>You can&#8217;t start them too early</em>&#8221; Someone I just made up once said.</p><p>Mr. McGrath wanted to expose the kids to real-world use of design so that they could <em>&#8220;see that the things humans make are founded on design in order to move them from becoming passive users&#8230; to active creators of the same&#8221;. </em>Ambitious goals for 8 year olds, or so I thought. Maybe it was the fact that they had a remarkable teacher who was doing a &#8220;Design &amp; the Built Environment&#8221; series for his 3rd and 4th grade classes; or maybe it was the fact that they had a TV constantly streaming design principles like the difference between warm and cool colors, contrast or alignment into their classroom; or maybe I just don&#8217;t hang around enough 8-9 year olds, but I left there thoroughly impressed by these kids.</p><p>&nbsp;</p><h2>Introductions</h2><p>My plan was to start them out simple: Explain a little bit about what I do, show them some homepages, then jump into a boiled down version of how to plan a website <em>. </em>I pulled up the Paragon Homepage and was pleasantly surprised when one of them immediately says &#8220;<em>Oh, we&#8217;ve seen that site.</em>&#8221; Great, no need for an intro so I start explaining what we do. Now, when it comes to telling adults what I do, it usually goes something like this:</p><p><strong>STRANGER:</strong> You&#8217;re a designer huh? What kind of design?</p><p><strong>ME:</strong> print, web and motion graphics</p><p><strong>STRANGER:</strong> Oh you do websites?</p><p><strong>ME:</strong> Yeah, and motion graphics</p><p><strong>STRANGER:</strong> &#8230;.</p><p><strong>ME:</strong> You know, like on TV when the text and stuff flies around on screen</p><p><strong>STRANGER:</strong> Ohhhhhh. You do that?</p><p>&nbsp;</p><p>Here&#8217;s how it went with the 4th graders.</p><p><strong>ME:</strong> So in addition to logos, and business cards, I do&#8230; well you, know on TV when the text and stuff flies&#8230;.</p><p><strong>KID IN CLASS:</strong> Oh you do motion graphics? Cool.</p><p><strong>ME:</strong> (stunned look)&#8230; umm. yeah, thanks.</p><p>&nbsp;</p><h2>On to the lesson</h2><p>I showed them a few example Homepages, quizzing them on how they&#8217;re able to tell what the site is for based on the design. Figuring these were young kids I wanted to start them out easy so I showed the Homepage we did for the Action Hero&#8217;s Guide movie:</p><p><a
href="http://www.iamparagon.com/2012/01/the-morning-i-spent-with-future-web-designers/tahgtsl_home/" rel="attachment wp-att-6753"><img
class="alignnone size-large wp-image-6753" title="TAHGTSL_Home" src="http://www.iamparagon.com/wp-content/uploads/2012/01/TAHGTSL_Home-535x306.jpg" alt="" width="535" height="306" /></a></p><p><strong>ME:</strong> So what do you think this website is for?</p><p><strong>CLASS:</strong> Duh, it&#8217;s for a movie.</p><p><strong>CLASS:</strong> &#8230;it&#8217;s to get people to watch the trailer</p><p><strong>CLASS:</strong> &#8230;Or maybe to get some investors for the movie</p><p><strong>ME:</strong> (stunned look)</p><p>After a couple more of these it was clear to me that these kids were not only design-literate, but also very internet-literate. Beyond understanding the psychology of colors, they were familiar with common functionality like search boxes,account sign up, drop-down navigation, and could probably tell that I wasn&#8217;t properly prepared for how smart they were. But at least they were polite about it.</p><p>&nbsp;</p><h2>On to the Activity</h2><p>The 2 points I wanted to get across to the classes was that:</p><p>1. every site has a main goal (to sell handbags, stream movies, teach kittens how to knit etc.) and</p><p>2. the design of the site needs to help facilitate that goal.</p><p>To get that across I had them design homepage wireframes for their own fictitious websites. To get the ball rolling I asked for  some suggestions for sites. They eagerly proposed everything from selling men&#8217;s cologne to celebrity gossip magazine to teaching people about Death Valley CA ( did you know it has rocks that move by themselves there?). But regardless of the idea, there was a clear preference for DIY or customization. Of course in a predominantly male class the clear favorite was some form of a video game site, but even then, they didn&#8217;t just want to sell or rent, they wanted to give their users the ability to make their own. I thought this was interesting. These children were growing up <em>expecting</em> to be able to build and customize their own products? Although that did prove a little problematic for the student working on a site for endangered animals. One of my favorite moments came when I overheard one student tell the other while studying his wireframe, &#8220;you don&#8217;t need <em><strong>that</strong></em>, it has nothing to do with your site&#8221;.</p><p><img
class="alignnone size-large wp-image-6762" title="whiteboard" src="http://www.iamparagon.com/wp-content/uploads/2012/01/whiteboard-535x399.jpg" alt="" width="535" height="399" /></p><p>&nbsp;</p><h2>Then There was Show and Tell</h2><p>The students then presented their site designs and I know you&#8217;re not supposed to pick favorites, but some of mine are below. Based on what I saw on Tuesday, we web designers have been put on notice. We&#8217;ll need to seriously up our game as soon as these kids hit the job market. They&#8217;re growing up with the technology and so are instinctively learning UX and marketing principles that took us months to figure out. I&#8217;m just honored that I got a front row seat to see it.</p><p><a
href="http://www.iamparagon.com/2012/01/the-morning-i-spent-with-future-web-designers/girlsclothing/" rel="attachment wp-att-6760"><img
class="alignnone size-large wp-image-6760" title="girlsclothing" src="http://www.iamparagon.com/wp-content/uploads/2012/01/girlsclothing-476x600.jpg" alt="" width="476" height="600" /></a></p><p>This one for Girls/Women&#8217;s clothing has the &#8220;Design your own stuff&#8221; link right at the top. She and Mr. McGrath had a great idea for a build your own outfit feature on the site. You take a picture of your face, customize an avatar to look like your body type so when you&#8217;re building an outfit you can see what the different items look like on you before buying. Considering they&#8217;re already designing websites in Power Point, I&#8217;m sure the app will be out by September.</p><p><a
href="http://www.iamparagon.com/2012/01/the-morning-i-spent-with-future-web-designers/eduscience/" rel="attachment wp-att-6758"><img
class="alignnone size-large wp-image-6758" title="eduscience" src="http://www.iamparagon.com/wp-content/uploads/2012/01/eduscience-448x600.jpg" alt="" width="448" height="600" /></a></p><p>What was insightful about this site for endangered animals was that he came up with the idea to sell tickets to nearby zoos that have those particular animals. Thankfully the &#8220;build your own animal&#8221; idea evolved into an &#8220;Adopt an animal&#8221; feature.</p><p>&nbsp;</p><p><a
href="http://www.iamparagon.com/2012/01/the-morning-i-spent-with-future-web-designers/chris-cologne/" rel="attachment wp-att-6756"><img
class="alignnone size-large wp-image-6756" title="chris-cologne" src="http://www.iamparagon.com/wp-content/uploads/2012/01/chris-cologne-535x399.jpg" alt="" width="535" height="399" /></a></p><p>What I loved about this one was that he knew that the key to his new business was good branding. He spent half his time on that sweet logo, plus notice the tagline &#8220;<em>A Man&#8217;s gotta smell his best</em>&#8221; you can&#8217;t focus group lines like that. Besides his appreciation for the power of ad placement, I was particularly impressed with his navigation system. He knew that there are multiple ways to pick a cologne, so he came up with categorizations based on <strong>Design</strong> &#8211; who made the cologne, <strong>Fragrance</strong> &#8211; how does it smell, <strong>Free shipping</strong> items, and <strong>Occasion</strong> &#8211; going on a date? have a job interview? you gotta smell the part.</p><p>&nbsp;</p><p><a
href="http://www.iamparagon.com/2012/01/the-morning-i-spent-with-future-web-designers/animation-wireframe/" rel="attachment wp-att-6754"><img
class="alignnone size-large wp-image-6754" title="animation-wireframe" src="http://www.iamparagon.com/wp-content/uploads/2012/01/animation-wireframe-448x600.jpg" alt="" width="448" height="600" /></a></p><p>This site, basically the hulu of animation &amp; video games, shows that he understood what his users want. Show the highest rated games and the customer comments, (categorized as Haters and Lovers of course).</p><p><a
href="http://www.iamparagon.com/2012/01/the-morning-i-spent-with-future-web-designers/gaming/" rel="attachment wp-att-6759"><img
class="alignnone size-large wp-image-6759" title="gaming" src="http://www.iamparagon.com/wp-content/uploads/2012/01/gaming-535x399.jpg" alt="" width="535" height="399" /></a></p><p>Where do I start? He&#8217;s got scroll bars, promo areas, a left nav categorized by game character and a top nav  categorized by game system&#8230;Back off guys I got dibs on this one once he graduates.</p><p><a
href="http://www.iamparagon.com/2012/01/the-morning-i-spent-with-future-web-designers/hard-at-work-2/" rel="attachment wp-att-6761"><img
class="alignnone size-large wp-image-6761" title="hard-at-work" src="http://www.iamparagon.com/wp-content/uploads/2012/01/hard-at-work-535x399.jpg" alt="" width="535" height="399" /></a></p><p>It seems cliche to say that I feel like I learnt more from this experience than the students did, so I won&#8217;t. Even though it would be true. But I will say that I was humbled by their enthusiasm, obvious intelligence and insightfulness, and I&#8217;m grateful to Mr. McGrath for inviting me, and Jake at <a
title="The Creative Coast website" href="http://www.thecreativecoast.org/" target="_blank">The Creative Coast</a> for connecting us. I&#8217;m really looking forward to seeing where this can go from here. I&#8217;d love for there to be more stories of teachers and professionals collaborating in the classroom to better engage our stuents.</p> ]]></content:encoded> <wfw:commentRss>http://www.iamparagon.com/2012/01/the-morning-i-spent-with-future-web-designers/feed/</wfw:commentRss> <slash:comments>2</slash:comments> </item> <item><title>Free Font Friday: Blanch</title><link>http://www.iamparagon.com/2012/01/free-font-friday-blanch/</link> <comments>http://www.iamparagon.com/2012/01/free-font-friday-blanch/#comments</comments> <pubDate>Fri, 06 Jan 2012 15:06:49 +0000</pubDate> <dc:creator>James</dc:creator> <category><![CDATA[Free Font Friday]]></category> <category><![CDATA[atipus]]></category> <category><![CDATA[BLANCH]]></category> <category><![CDATA[free font friday]]></category> <category><![CDATA[lost type co]]></category> <category><![CDATA[typography]]></category> <guid
isPermaLink="false">http://www.iamparagon.com/?p=6742</guid> <description><![CDATA[Happy New Year! Blanch is a display face, designed for the &#8216;Fruita Blanch&#8216; brand, a family-run company. A traditional font with a contemporary feel, The Blanch typeface family is comprised of 6 weights; 3 condensed weights and 3 caps weights. Blanch was designed by ATIPUS, a design studio established in Barcelona since 1998 which provides graphic [...]]]></description> <content:encoded><![CDATA[<p><a
href="http://www.losttype.com/font/?name=blanch"><img
class="aligncenter size-full wp-image-6743" title="freefontfriday_blanch" src="http://www.iamparagon.com/wp-content/uploads/2012/01/freefontfriday_blanch.jpg" alt="" width="535" height="275" /></a></p><p>Happy New Year!</p><p>Blanch is a display face, designed for the &#8216;<a
href="http://www.fruitablanch.com/" target="_blank">Fruita Blanch</a>&#8216; brand, a family-run company. A traditional font with a contemporary feel, The Blanch typeface family is comprised of 6 weights; 3 condensed weights and 3 caps weights.</p><p>Blanch was designed by <a
href="http://www.atipus.com/" target="_blank">ATIPUS</a>, a design studio established in Barcelona since 1998 which provides graphic design and web services for companies, associations and public institutions.</p><p><a
href="http://www.losttype.com/font/?name=blanch" target="_blank">» DOWNLOAD BLANCH HERE</a></p> ]]></content:encoded> <wfw:commentRss>http://www.iamparagon.com/2012/01/free-font-friday-blanch/feed/</wfw:commentRss> <slash:comments>0</slash:comments> </item> <item><title>2011 Paragon Holiday Mailer</title><link>http://www.iamparagon.com/2012/01/2011-paragon-holiday-mailer/</link> <comments>http://www.iamparagon.com/2012/01/2011-paragon-holiday-mailer/#comments</comments> <pubDate>Thu, 05 Jan 2012 15:28:24 +0000</pubDate> <dc:creator>Andrew</dc:creator> <category><![CDATA[Design]]></category> <category><![CDATA[Just for fun]]></category> <category><![CDATA[Shameless promotion]]></category> <category><![CDATA[design]]></category> <category><![CDATA[Holiday mailer]]></category> <category><![CDATA[Paragon]]></category> <guid
isPermaLink="false">http://www.iamparagon.com/?p=6709</guid> <description><![CDATA[&#160; As has become tradition, the Paragon end of year mailer has to be a lil&#8217; off the wall. 2011 gave us a chance to do a totally rad throw-back to our childhoods via some bodacious custom ViewMasters from Image3D. In line with the mission of educating friends and family about unknown aspects of the [...]]]></description> <content:encoded><![CDATA[<p><a
rel="attachment wp-att-6710" href="http://www.iamparagon.com/2012/01/2011-paragon-holiday-mailer/header-image/"><img
class="alignnone size-full wp-image-6710" title="header-image" src="http://www.iamparagon.com/wp-content/uploads/2012/01/header-image.jpg" alt="" width="538" height="371" /></a></p><p>&nbsp;</p><p>As has become tradition, the Paragon end of year mailer has to be a lil&#8217; off the wall. 2011 gave us a chance to do a totally rad throw-back to our childhoods via  some bodacious custom ViewMasters from <a
href="http://image3d.com/" target="_blank">Image3D</a>. In line with the mission of educating friends and family about <a
title="Posters still available for purchase" href="http://www.iamparagon.com/2010-holiday-poster-now-on-sale/" target="_blank">unknown</a> aspects of the Season,  the theme this time was Holiday movie classics. We all lovingly remember  the standards like A Christmas Carol, It&#8217;s a Wonderful Life, and of  course, <a
title="5 Reasons why  it's the best Xmas movie of all time" href="http://www.cracked.com/blog/5-reasons-die-hard-is-the-best-christmas-movie-ever-made/" target="_blank">Die Hard</a>. But what about those lesser-known gems? Like &#8230;</p><p><a
rel="attachment wp-att-6717" href="http://www.iamparagon.com/2012/01/2011-paragon-holiday-mailer/dash/"><img
class="alignnone size-full wp-image-6717" title="Dash" src="http://www.iamparagon.com/wp-content/uploads/2012/01/Dash.jpg" alt="" width="538" height="462" /></a></p><p>&nbsp;</p><p>or</p><p><a
rel="attachment wp-att-6716" href="http://www.iamparagon.com/2012/01/2011-paragon-holiday-mailer/dancerprancer/"><img
class="alignnone size-full wp-image-6716" title="DancerPrancer" src="http://www.iamparagon.com/wp-content/uploads/2012/01/DancerPrancer.jpg" alt="" width="538" height="462" /></a></p><p>or the breakout hit of 2008&#8230;</p><p><a
rel="attachment wp-att-6718" href="http://www.iamparagon.com/2012/01/2011-paragon-holiday-mailer/frostyvixen/"><img
class="alignnone size-full wp-image-6718" title="FrostyVixen" src="http://www.iamparagon.com/wp-content/uploads/2012/01/FrostyVixen.jpg" alt="" width="538" height="462" /></a></p><p>&nbsp;</p><p>Never heard of them? We&#8217;re not surprised. That&#8217;s why we put together a collection of these and 4 other undiscovered soon-to-be-classics for our mailer last year. (Trust me, they look really cool when you see them in 3D.)</p><p><a
rel="attachment wp-att-6711" href="http://www.iamparagon.com/2012/01/2011-paragon-holiday-mailer/assembly-line1/"><img
class="alignnone size-full wp-image-6711" title="assembly-line1" src="http://www.iamparagon.com/wp-content/uploads/2012/01/assembly-line1.jpg" alt="" width="538" height="402" /></a></p><p>The whole package included an insert, the viewmaster, the reel, a box to hold it all and a sticker to seal it. Some assembly was required of course. Santa has elves, we have each other, so we sat down in an assembly line formation and got to work.</p><p><a
rel="attachment wp-att-6713" href="http://www.iamparagon.com/2012/01/2011-paragon-holiday-mailer/boxes-arrive/"><img
class="alignnone size-full wp-image-6713" title="boxes-arrive" src="http://www.iamparagon.com/wp-content/uploads/2012/01/boxes-arrive.jpg" alt="" width="538" height="402" /></a></p><p><a
rel="attachment wp-att-6722" href="http://www.iamparagon.com/2012/01/2011-paragon-holiday-mailer/insert/"><img
class="alignnone size-full wp-image-6722" title="insert" src="http://www.iamparagon.com/wp-content/uploads/2012/01/insert.jpg" alt="" width="538" height="404" /></a></p><p><em>Box, sticker, insert and viewmaster shown above (not actual size).</em></p><p><a
rel="attachment wp-att-6723" href="http://www.iamparagon.com/2012/01/2011-paragon-holiday-mailer/reel1/"><img
class="alignnone size-full wp-image-6723" title="reel1" src="http://www.iamparagon.com/wp-content/uploads/2012/01/reel1.jpg" alt="" width="538" height="404" /></a></p><p>Image3D did a great job with the printing, and they were really helpful throughout the entire process. So that&#8217;s how we ended 2011. Here&#8217;s to a Happy New Year filled with more great shenanigans. The rest of the movies and some preliminary sketches are below.</p><p><a
rel="attachment wp-att-6714" href="http://www.iamparagon.com/2012/01/2011-paragon-holiday-mailer/comet/"><img
class="alignnone size-full wp-image-6714" title="Comet" src="http://www.iamparagon.com/wp-content/uploads/2012/01/Comet.jpg" alt="" width="538" height="462" /></a></p><p><a
rel="attachment wp-att-6715" href="http://www.iamparagon.com/2012/01/2011-paragon-holiday-mailer/cupid/"><img
class="alignnone size-full wp-image-6715" title="Cupid" src="http://www.iamparagon.com/wp-content/uploads/2012/01/Cupid.jpg" alt="" width="538" height="462" /></a></p><p><a
rel="attachment wp-att-6714" href="http://www.iamparagon.com/2012/01/2011-paragon-holiday-mailer/comet/"></a><a
rel="attachment wp-att-6712" href="http://www.iamparagon.com/2012/01/2011-paragon-holiday-mailer/blitzendonner/"><img
class="alignnone size-large wp-image-6712" title="BlitzenDonner" src="http://www.iamparagon.com/wp-content/uploads/2012/01/BlitzenDonner-535x459.jpg" alt="" width="535" height="459" /></a></p><p><a
rel="attachment wp-att-6719" href="http://www.iamparagon.com/2012/01/2011-paragon-holiday-mailer/rudolph/"><img
class="alignnone size-full wp-image-6719" title="Rudolph" src="http://www.iamparagon.com/wp-content/uploads/2012/01/Rudolph.jpg" alt="" width="538" height="462" /></a></p><p>&nbsp;</p><p><a
rel="attachment wp-att-6736" href="http://www.iamparagon.com/2012/01/2011-paragon-holiday-mailer/sketch1/"><img
class="alignnone size-full wp-image-6736" title="sketch1" src="http://www.iamparagon.com/wp-content/uploads/2012/01/sketch1.jpg" alt="" width="538" height="299" /></a></p><p><a
rel="attachment wp-att-6737" href="http://www.iamparagon.com/2012/01/2011-paragon-holiday-mailer/sketch2/"><img
class="alignnone size-full wp-image-6737" title="sketch2" src="http://www.iamparagon.com/wp-content/uploads/2012/01/sketch2.jpg" alt="" width="538" height="319" /></a><a
rel="attachment wp-att-6738" href="http://www.iamparagon.com/2012/01/2011-paragon-holiday-mailer/sketch3/"><img
class="alignnone size-full wp-image-6738" title="sketch3" src="http://www.iamparagon.com/wp-content/uploads/2012/01/sketch3.jpg" alt="" width="538" height="251" /></a></p> ]]></content:encoded> <wfw:commentRss>http://www.iamparagon.com/2012/01/2011-paragon-holiday-mailer/feed/</wfw:commentRss> <slash:comments>1</slash:comments> </item> <item><title>Free Font Friday: Banda</title><link>http://www.iamparagon.com/2011/09/free-font-friday-banda/</link> <comments>http://www.iamparagon.com/2011/09/free-font-friday-banda/#comments</comments> <pubDate>Fri, 23 Sep 2011 12:00:15 +0000</pubDate> <dc:creator>James</dc:creator> <category><![CDATA[Free Font Friday]]></category> <category><![CDATA[Banda]]></category> <category><![CDATA[free font]]></category> <category><![CDATA[free font friday]]></category> <category><![CDATA[Semi-Serif]]></category> <category><![CDATA[serif]]></category> <guid
isPermaLink="false">http://www.iamparagon.com/?p=6645</guid> <description><![CDATA[Banda Typeface Banda is a semi-serif typeface characterized by a tall x-height and rounded semi-serifs. Although first designed as a display typeface, Banda quickly evolved into a more complex set, consisting of seven weights plus their respectful italics. Banda can be used for short passages of text as well as fancy displays. Spanning the elegant [...]]]></description> <content:encoded><![CDATA[<p><a
href="http://www.typedepot.com/wp-content/uploads/2011/04/regular.zip"><img
class="aligncenter size-full wp-image-6647" title="freefontfriday_Banda" src="http://www.iamparagon.com/wp-content/uploads/2011/08/freefontfriday_Banda.jpg" alt="" width="535" height="275" /></a></p><p><a
href="http://www.typedepot.com/banda">Banda Typeface</a><br
/> Banda is a semi-serif typeface characterized by a tall x-height and rounded semi-serifs. Although first designed as a display typeface, Banda quickly evolved into a more complex set, consisting of seven weights plus their respectful italics. Banda can be used for short passages of text as well as fancy displays. Spanning the elegant finesse of the thinner weights to the almost childish bubbliness of the heavier weights, Banda is a great all-round performer, suitable for logos, headlines, packaging and food products and much more.</p><p>&nbsp;</p><p><a
href="http://www.typedepot.com/wp-content/uploads/2011/04/regular.zip">Get the Font for Free</a></p><p>&nbsp;</p><p><img
title="buy" src="http://www.typedepot.com/wp-content/uploads/2011/03/buy.jpg" alt="" width="9" height="9" /> Buy it from: <strong><a
title="Banda Myfonts" href="http://new.myfonts.com/fonts/typedepot/banda/" target="_blank">Myfonts</a></strong>; <strong><a
title="Fontspring" href="http://www.fontspring.com/fonts/typedepot/banda" target="_blank">Fontspring</a></strong>; <strong><a
title="HypeForType" href="http://www.hypefortype.com/banda.html" target="_blank">Hypefortype</a> | <strong><img
title="download" src="http://www.typedepot.com/wp-content/uploads/2011/03/download.jpg" alt="" width="9" height="9" /> </strong></strong>Download <a
title="PDF Specimen" href="http://origin.myfonts.com/s/aw/original/108/0/55393.pdf" target="_blank">PDF </a>Specimen</p><p>&nbsp;</p><p><a
rel="attachment wp-att-6646" href="http://www.iamparagon.com/2011/09/free-font-friday-banda/banda_sample/"><img
class="aligncenter size-full wp-image-6646" title="Banda_sample" src="http://www.iamparagon.com/wp-content/uploads/2011/08/Banda_sample.jpg" alt="" width="535" height="693" /></a></p> ]]></content:encoded> <wfw:commentRss>http://www.iamparagon.com/2011/09/free-font-friday-banda/feed/</wfw:commentRss> <slash:comments>0</slash:comments> </item> </channel> </rss>
