<?xml version="1.0" encoding="UTF-8"?>
<feed xmlns="http://www.w3.org/2005/Atom">
  <title>Blog Name</title>
  <subtitle>Blog subtitle</subtitle>
  <id>http://blog.url.com/projects</id>
  <link href="http://blog.url.com/projects"/>
  <link href="http://blog.url.com/projects/feed.xml" rel="self"/>
  <updated>2017-07-04T02:00:00+02:00</updated>
  <author>
    <name>Blog Author</name>
  </author>
  <entry>
    <title>Eleven Warriors Website Case Study</title>
    <link rel="alternate" href="http://blog.url.com/projects/eleven-warriors-website-case-study/"/>
    <id>http://blog.url.com/projects/eleven-warriors-website-case-study/</id>
    <published>2017-07-04T02:00:00+02:00</published>
    <updated>2019-03-19T09:23:16+01:00</updated>
    <author>
      <name>Article Author</name>
    </author>
    <content type="html">&lt;div class="article-section"&gt;
  &lt;div class="article-content"&gt;
    &lt;h2&gt;Background – From fan blog to rehaul&lt;/h2&gt;
    &lt;p&gt;&lt;a href="http://elevenwarriors.com"&gt;Eleven Warriors&lt;/a&gt; was founded in 2006, by Jason Priestas, as a way for him to connect with &lt;a href="https://www.osu.edu/"&gt;Ohio State&lt;/a&gt; fans after leaving Ohio. The site grew from being a small personal project to supporting multiple contributors within a year,  and by 2010 the site was in need of a rehaul, to accommodate the involvement of the community of fans, as well as the growing need for a fully realized mobile experience. A new responsive site was needed.
    &lt;/p&gt;
    &lt;h2&gt;Process – A close collaborative with a clear vision&lt;/h2&gt;
    &lt;p&gt;A collaborative project from the beginning, the project brought three distinct creative forces together: Studio Elsa, Eleven Warriors' founder Jason Priestas, and &lt;a href="http://grandman.net/"&gt;Walt Keys&lt;/a&gt;, Eleven Warriors' Creative Director and, Studio Elsa contributor. Jason has a background in tech, and had a clear vision of where the site needed to go. The Eleven Warriors team would be responsible for the build of the new site on Drupal, with Studio Elsa designing the user experience Ohio State fans would interact with on the site. Including information, user experience, and interface design as well as providing overall best practices and recommendation. Walt Keys would provide the art direction of the project, as well as brand graphics, and photography.&lt;/p&gt;
    &lt;p&gt;We did a review of the competitive landscape. &lt;a href="http://sbnation.com"&gt;SB Nation&lt;/a&gt; as a benchmark for what sports news sites could look like, and &lt;a href="http://polygon.com"&gt;Polygon&lt;/a&gt; or its inventive design, and community involvement. &lt;/p&gt;
    &lt;p&gt;As Eleven Warriors entire team, are not only contributors to the site, but fans themselves, the discovery process was smooth. What we learned was easy to define, and translated into wireframes and user flows. See Below:&lt;/p&gt;
  &lt;/div&gt;
  &lt;/div&gt;
  &lt;div class="article-section full-width"&gt;
    &lt;picture&gt;
      &lt;source srcset="/images/projects/2017-july-eleven-warriors-wireframe-flow-640.png" media="(min-width: 0px) and (max-width: 639px)"&gt;
      &lt;source srcset="/images/projects/2017-july-eleven-warriors-wireframe-flow-1024.png" media="(min-width: 640px) and (max-width: 1023px)"&gt;
      &lt;source srcset="/images/projects/2017-july-eleven-warriors-wireframe-flow-1200.png" media="(min-width: 1024px) and (max-width: 1199px)"&gt;
      &lt;source srcset="/images/projects/2017-july-eleven-warriors-wireframe-flow-1440.png" media="(min-width: 1200px) and (max-width: 1339px)"&gt;
      &lt;source srcset="/images/projects/2017-july-eleven-warriors-wireframe-flow-1920.png" media="(min-width: 1400px)"&gt;
      &lt;img src="/images/projects/2017-july-eleven-warriors-wireframe-flow-1200.png" alt="Eleven Warrior Wireframes and wireflow"&gt;
    &lt;/picture&gt;
  &lt;/div&gt;
  &lt;div class="article-section"&gt;
    &lt;div class="article-content"&gt;
      &lt;h2&gt;Solution – the fan at the center of the design&lt;/h2&gt;
      &lt;p&gt;To better serve the community and its involvement the new site got user registration, forums, polls with comments, as well as a design that responded to every view point. And as we are always putting the human at the center of design our focus was to provide an overall improved user experience for Eleven Warrior's audience.&lt;/p&gt;
    &lt;/div&gt;
  &lt;/div&gt;


&lt;div class="article-section full-width"&gt;
      &lt;div class="article-content"&gt;
      &lt;picture&gt;
        &lt;source srcset="/images/projects/2017-july-eleven-warriors-responsive-640.png" media="(min-width: 0px) and (max-width: 639px)"&gt;
        &lt;source srcset="/images/projects/2017-july-eleven-warriors-responsive-1024.png" media="(min-width: 640px) and (max-width: 1023px)"&gt;
        &lt;source srcset="/images/projects/2017-july-eleven-warriors-responsive-1200.png" media="(min-width: 1024px) and (max-width: 1199px)"&gt;
        &lt;source srcset="/images/projects/2017-july-eleven-warriors-responsive-1440.png" media="(min-width: 1200px) and (max-width: 1339px)"&gt;
        &lt;source srcset="/images/projects/2017-july-eleven-warriors-responsive-1920.png" media="(min-width: 1400px)"&gt;
        &lt;img src="/images/projects/2017-july-eleven-warriors-responsive-1024.png" alt="Eleven Warrior Website design for dektop and mobile"&gt;
      &lt;/picture&gt;

    &lt;/div&gt;
&lt;/div&gt;

&lt;div class="article-section full-width"&gt;
  &lt;div class="article-content"&gt;
  &lt;blockquote&gt;The new look really legitimized us. We went from looking like a fan site to something that was professional, and I believe that absolutely helped in our growth and notoriety. There’s no doubt in my mind that the professional look legitimized us as a news outlet.&lt;br&gt;&lt;br&gt;

Studio Elsa were sharp, creative, flexible and really understood what we needed in this redesign, working hard to ensure the vision met reality.
  &lt;cite&gt;Jason Priestas, Founder, Eleven Warriors&lt;/cite&gt;
  &lt;/blockquote&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div class="article-section"&gt;
  &lt;div class="article-content"&gt;
    &lt;p&gt;Visiting the site today, we are excited to see that the design is holding the test of time. Eleven Warriors, have maintained it well with some new enhancements. Still, seven years after the new site launch the site design is still very much relevant and functional. Have a look for yourself at &lt;a href="http://elevenwarriors.com"&gt;Eleven Warriors&lt;/a&gt;.&lt;/p&gt;
  &lt;/div&gt;
&lt;/div&gt;
</content>
  </entry>
  <entry>
    <title>A-Line Magazine Case Study</title>
    <link rel="alternate" href="http://blog.url.com/projects/a-line-magazine-website-case-study/"/>
    <id>http://blog.url.com/projects/a-line-magazine-website-case-study/</id>
    <published>2017-07-03T02:00:00+02:00</published>
    <updated>2019-03-19T09:23:16+01:00</updated>
    <author>
      <name>Article Author</name>
    </author>
    <content type="html">&lt;div class="article-section"&gt;
  &lt;div class="article-content"&gt;
    &lt;h2&gt;Background – Ambition with a broad audience reach&lt;/h2&gt;
    &lt;p&gt;A-Line Magazine was founded 2010, by Citybeat's editor and co-publisher John Fox, Maija Zummo as co-founder and editor-in-chief, and Rebecca Sylvester as the creative director. They set out with a goal of speaking to the audience of a higher educated professional woman in the Greater Cincinnati area, aged 25–54. A part of A-Line’s mission statement read:
    &lt;/p&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  &lt;div class="article-section full-width" style="background-color:#e4eaec;"&gt;
    &lt;div class="article-content"&gt;
      &lt;blockquote&gt;With intelligent features that connect and inspire, A-Line taps into your imagination through the latest fashion trends, unique cultural happenings, updated and inherited family recipes, literature, film, music and creative DIY projects.
      &lt;cite&gt;A-Line Magazine Mission Statement&lt;/cite&gt;
      &lt;/blockquote&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  &lt;div class="article-section"&gt;
    &lt;div class="article-content"&gt;
    &lt;h2&gt;Process – Flirting with new and choosing familiar&lt;/h2&gt;
    &lt;p&gt;A-Line had spent part of the year prior researching and defining the magazine, and its intended audience. And with this at hand, we turned our focus to assessing the competitive landscape and examined how we could, from the user's point of view, utilize the new technologies that were emerging at the time. To create a publishing platform, and providing fresh experience while maintaining familiarity for the user.&lt;/p&gt;
    &lt;p&gt;Apple had released the first iPad the year before, and as a result, a few newly designed sites were flirting with user interactions from the iPad. We explored this with a few concepts, but ultimately the decision was made to move forward with a more familiar approach. &lt;/p&gt;
  &lt;/div&gt;
  &lt;/div&gt;
  &lt;div class="article-section full-width"&gt;
    &lt;picture style="border-bottom: solid 1px #c1c2c1"&gt;
      &lt;source srcset="/images/projects/2017-july-aline-wire-640.png" media="(min-width: 0px) and (max-width: 639px)"&gt;
      &lt;source srcset="/images/projects/2017-july-aline-wire-1024.png" media="(min-width: 640px) and (max-width: 1023px)"&gt;
      &lt;source srcset="/images/projects/2017-july-aline-wire-1200.png" media="(min-width: 1024px) and (max-width: 1199px)"&gt;
      &lt;source srcset="/images/projects/2017-july-aline-wire-1440.png" media="(min-width: 1200px) and (max-width: 1339px)"&gt;
      &lt;source srcset="/images/projects/2017-july-aline-wire-1920.png" media="(min-width: 1400px)"&gt;
      &lt;img src="/images/projects/2017-july-aline-wire-1200.png" alt="A-Line Magazine Wireframes and wireflow"&gt;
    &lt;/picture&gt;
  &lt;/div&gt;
  &lt;div class="article-section"&gt;
    &lt;div class="article-content"&gt;
      &lt;h2&gt;Solution – Prioritize the choices a user makes&lt;/h2&gt;
      &lt;p&gt;As A-Line had a clear picture of the content categories they wanted to be featured, we focused on the information architecture and user experience of the site. Article pages were becoming the main entry for traffic, organic and by the mean of social media, etc. and by developing a robust taxonomy and metadata structure, we made sure to position content with relevance to what the user was currently viewing, and choices made navigating the site.&lt;/p&gt;
    &lt;/div&gt;
  &lt;/div&gt;


&lt;div class="article-section full-width"&gt;
      &lt;div class="article-content"&gt;
      &lt;picture&gt;
        &lt;source srcset="/images/projects/2017-july-a-line-magazine-responsive-640.png" media="(min-width: 0px) and (max-width: 639px)"&gt;
        &lt;source srcset="/images/projects/2017-july-a-line-magazine-responsive-1024.png" media="(min-width: 640px) and (max-width: 1023px)"&gt;
        &lt;source srcset="/images/projects/2017-july-a-line-magazine-responsive-1200.png" media="(min-width: 1024px) and (max-width: 1199px)"&gt;
        &lt;source srcset="/images/projects/2017-july-a-line-magazine-responsive-1440.png" media="(min-width: 1200px) and (max-width: 1339px)"&gt;
        &lt;source srcset="/images/projects/2017-july-a-line-magazine-responsive-1920.png" media="(min-width: 1400px)"&gt;
        &lt;img src="/images/projects/2017-july-a-line-magazine-responsive-1024.png" alt="A-Line Magazine Website design for dektop and mobile"&gt;
      &lt;/picture&gt;

    &lt;/div&gt;
&lt;/div&gt;

&lt;div class="article-section"&gt;
  &lt;div class="article-content"&gt;
  &lt;p&gt;SouthComm purchased CityBeat and A-Line with it. SouthComm already had Her as a model set up for a woman’s publication, and A-Line was closed to make way for Her in the Cincinnati market. SouthComm, impressed with the site decided to implement the design and structure to Her online, and we took part in helping them transition.&lt;/p&gt;
  &lt;p&gt;We very much enjoyed being a part of creating A-Line's site and was sad to see it go when it did.&lt;/p&gt;
&lt;/div&gt;
&lt;/div&gt;
</content>
  </entry>
</feed>
