messagefirst | Experience Design for Web, Mobile and Responsive

<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <meta name="author" content="messagefirst"> <meta name="description" content="UX design studio specializing in research-based, data-driven design and web standards. Founded by Todd Zaki Warfel (zakiwarfel.com), author of Prototyping: a practitioner's guide and Guerrilla UX Methods. Offices in Philadelphia, New York and San Francisco."> <meta name="viewport" content = "width=device-width, user-scalable=no"> <meta name="google-site-verification" content="z3_7KzMzHY-tWwrEPZ-ovVsBNQDHJNs5rO372Tx5hZo"> <link rel="shortcut icon" type="image/ico" href="/img/favicon.ico"> <script src="/lib/js/modernizr-2.0.6.min.js"></script> <link href="/lib/css/style.css" rel="stylesheet" media="screen, projection">  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script> <script src="/lib/js/jquery.placeholder.min.js"></script> <script src="/lib/js/hashgrid.min.js"></script>  <script src="/lib/js/base.min.js"></script> <script src="http://use.typekit.com/cbz1gsk.js"></script> <script>try{Typekit.load();}catch(e){}</script>  <script type="text/javascript"> var _gaq = _gaq || []; _gaq.push(['_setAccount', 'UA-25951058-1']); _gaq.push(['_trackPageview']); (function() { var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); })(); </script> <script src="/lib/js/jquery.flexslider.js"></script> <title>messagefirst | Experience Design for Web, Mobile and Responsive</title> </head> <body class="home"> <div id="StickyWrap" class="wrapper"> <header> <nav> <ul> <li><a href="/" class="logo">messagefirst | design studio</a></li> <li><a href="/work/" id="NavWork">Our Work</a></li>  <li><a href="http://blog.messagefirst.com/" id="NavBlog">Blog</a></li> <li><a href="/contact/" id="NavContact">Contact Us</a></li> </ul> </nav> </header> <article id="Main"> <div class="flexslider-container"> <div class="flexslider"> <ul class="slides"> <li> <a href="/work/"><img src="/img/_s/_ftr_apu.png" alt="American Public University"></a> </li> <li> <a href="/work/"><img src="/img/_s/_ftr_dgd.png" alt="Holistic Health webapp concept"></a> </li> <li> <a href="/work/"><img src="/img/_s/_ftr_nmr.png" alt="Numara FootPrints web app"></a> </li> <li> <a href="/work/"><img src="/img/_s/_ftr_nyu.png" alt="NYU Study Abroad"></a> </li> <li> <a href="/work/"><img src="/img/_s/_ftr_ptr.png" alt="PointRoll content delivery and analytics"></a> </li> <li> <a href="/work/"><img src="/img/_s/_ftr_rfm.png" alt="Reframer analytics and decision web app"></a> </li> </ul> </div> </div> <hr class="baseline"> <section class="callout"> <p> We're a design studio. We handcraft elegant designs that leave measurable, lasting impressions. We bring clarity and predictability to complex design challenges. Our clients range from Fortune 500s to hot little startups. Want to see how we can help you leapfrog your competition? <a href="/contact/">Contact us</a>. </p> <hr> </section> <section class="clients"> <h3>Clients</h3> <ul class="in-line clearfix"> <li><a href="/work/"><img src="/img/logo_apu.png" alt="American Public University"></a></li> <li><a href="/work/"><img src="/img/logo_att.png" alt="at&t"></a></li> <li><a href="/work/"><img src="/img/logo_citi.png" alt="citi"></a></li> <li><a href="/work/"><img src="/img/logo_comcast.png" alt="Comcast"></a></li> <li><a href="/work/"><img src="/img/logo_dc.png" alt="Daily Candy"></a></li> <li><a href="/work/"><img src="/img/logo_hershey_alt.png" alt="Hershey"></a></li> <li><a href="/work/"><img src="/img/logo_impactrx.png" alt="ImpactRx"></a></li> <li><a href="/work/"><img src="/img/logo_numara.png" alt="Numara"></a></li> <li><a href="/work/"><img src="/img/logo_nyu.png" alt="NYU"></a></li> <li><a href="/work/"><img src="/img/logo_ptr.png" alt="PointRoll"></a></li> </ul> <p> View our entire <a href="/clients/">client list</a> or check out <a href="/work/">our awesome work</a>. </p> <hr> </section> <section class="featured-news clearfix"> <div class="book-feature"> <div class="book-cover"> <img src="/img/bk_cvr_prototyping.png" alt="Prototyping: A Practitioner's Guide"> <a href="http://rosenfeldmedia.com/books/prototyping/" class="btn btn-primary">Buy the book</a> </div> <aside class="quotes"> <blockquote>If prototyping isn't already part of your design process, this book will not only persuade you that it should be, but will show you how to make it happen. <p class="citation"><strong>Kim Goodwin</strong> VP Design, Cooper and author, Designing for the Digital Age</p> </blockquote> <blockquote>Whether you're prototyping to explore ideas or to communicate them, Todd Zaki Warfel's smart, accessible guide will give you the tools you need. <p class="citation"><strong>Jesse James Garrett</strong> Author, The Elements of User Experience and President, Adaptive Path</p> </blockquote> </aside> </div> <div id="Events"> <div class="inner"> <h3>Upcoming</h3> <ul> <li><a href="http://bit.ly/n9nhPX">Qualitative Research & Reframer</a> <cite>PhillyCHI Oct 26, 2011</cite></li> <li><a href="http://panelpicker.sxsw.com/ideas/view/13716">Bootcamp for a UX Team of None</a> <cite>SxSW 2012</cite></li> </ul> <h3>Recently</h3> <ul> <li><a href="http://bit.ly/o18RJv">Practical Prototyping</a> <cite>EdUi Oct 13, 2011</cite></li> <li><a href="http://bit.ly/o2K3sM">Guerrilla Research Methods</a> <cite>Web 2.0 NYC, Oct 10, 2011</cite></li> <li><a href="http://bit.ly/ohy1GH">Prototyping with HTML5, CSS3 and jQuery</a> <cite>Big (d) Design, July 14-16, 2011</cite></li> <li><a href="http://bit.ly/ouZAJS">Prototyping with HTML5, CSS3 and jQuery</a> <cite>UX Lisbon, May 11-13, 2011</cite></li> <li><a href="http://bit.ly/pMxmc6">Prototyping with HTML5, CSS3 and jQuery</a> <cite>UX London, April 13-15, 2011</cite></li> </ul> </div> </div> </section> </article> </div>  <footer id="StickyFooter"> <div class="wrapper"> <div class="copyright"> <p>Copyright © 2011 | All Rights Reserved</p> </div> <div class="address"> <ul> <li>messagefirst</li> <li>230 N 2nd St. | Suite 2C</li> <li>Philadelphia, PA 19106</li> <li>telephone +1 215 825 7423</li> <li><a href="mailto:hello@messagefirst.com">hello@messagefirst.com</a></li> </ul> </div> </div> </footer></body> </html>

CINXE.COM

messagefirst | Experience Design for Web, Mobile and Responsive