festival-project.html

---
layout: project
---

<div class="project-text">
  <h1 class="page-header">Art and Wine Festival</h1>

  <p>
    This is a re-design of the Mountain View Art and Wine Festival promotional package.
  </p>

  <p>
    The goal is to breathe some more fun into the brand and make it feel lively, vibrant and more hip, thus building a stronger sense of community, and inspiring support for the local producers.
  </p>
</div>

<div class="parallax-desktop"
     data-parallax="scroll"
     data-image-src="images/festival/festival-bus-stop.jpg"
     data-position-y="50px"
     data-speed="0.2">
</div>
<div class="parallax-mobile">
  <img style="display: block; width: 100%" src="images/festival/festival-bus-stop.jpg">
</div>

<div class="project-text">
  <h1>Latest design iteration</h1>
</div>

<div class="image-example">
  <img style="max-width: 300px" src="images/festival/festival-logo-final.jpg">
</div>

<div class="project-text">
  <h1>Poster</h1>
</div>

<div class="image-example" style="background-color: #fff4e3; padding: 40px 0;">
  <img style="max-width: 500px" src="images/festival/festival-poster.jpg">
</div>

<div class="project-text">
  <h1>Ticket</h1>
</div>

<div style="display: flex; flex-direction: row; justify-content: center;background-color: #fff4e3; padding: 40px 0;">
  <div>
    <img src="images/festival/ticket-front.jpg">
  </div>
  <div style="margin-left: 40px">
    <img src="images/festival/ticket-back.jpg">
  </div>
</div>

<div class="project-text">
  <h1>Mailer</h1>
</div>

<div style="display: flex; flex-direction: row; justify-content: center;background-color: #fff4e3; padding: 40px 0;">
  <div>
    <img style="width: 100%" src="images/festival/festival-mailer-front.jpg">
  </div>
  <div style="margin-left: 40px">
    <img style="width: 100%" src="images/festival/festival-mailer-back.jpg">
  </div>
</div>

<div class="image-example" style="margin-top: 40px">
  <img src="images/festival/festival-envelope.jpg">
</div>

<div class="project-text">
  <h1>All-access pass</h1>
</div>

<div class="column-layout" style="background-color: #fff4e3; padding: 40px 0;">
  <div class="column3">
    <img src="images/festival/festival-pass-front.jpg">
  </div>
  <div class="column3">
    <img src="images/festival/festival-pass-back.jpg">
  </div>
  <div class="column3">
    <img src="images/festival/festival-vip-pass.jpg">
  </div>
</div>

<div class="project-text">
  <h1>Process</h1>
</div>

<div class="text-grid">
  <div>
    <h2>About</h2>
    <p>
      This festival showcases artisan art, crafts, food and drink. It is a very vibrant, multicultural event held during the summer, and is considered a cool, summer-splashed, affordable way to spend a day with the whole family. The festival also features activities for kids, although they are not the primary feature of the festival.
    </p>
  </div>
  <div>
    <h2>Target Audience</h2>
    <p>
      This is a very broad target audience event, although the majority of customers will be couples between 25-45 with kids of all ages. This event will be specifically targeting local residents, since one of the goals is to build a stronger community. They will mostly be wine and food lovers who also enjoy artisan arts and crafts - the type they are able to purchase for their homes.
    </p>
  </div>
  <div>
    <h2>Mood</h2>
    <p>
      We are hoping to establish a fun, warm, summery and leisurely mood, and an artisan, hand-made look, however, keeping it modern and hip at the same time.
    </p>
  </div>
  <div>
    <h2>Word List</h2>
    <p>
      Artisan, fun, distinctive
    </p>
  </div>
</div>

<div class="project-text">
  <h1>Mood Boards</h1>
</div>

<div class="image-example">
  <img src="images/festival/festival-mood.jpg">
</div>

<div class="project-text">
  <h1>Logo Tiers</h1>
</div>

<div class="image-example">
  <img src="images/festival/festival-logo-tiers.jpg">
</div>

<div class="project-text">
  <h1>Initial poster drafts, 2nd tier posters, grayscale, duotone</h1>
</div>

<div class="image-example">
  <img src="images/festival/festival-posters.jpg">
</div>

<div class="project-text">
  <h1>Printed materials before final iteration</h1>
</div>

<div class="image-example">
  <img src="images/festival/festival-printed.jpg">
</div>

<div class="project-text">
  <h1>Latest poster iteration</h1>
</div>

<!-- <div class="image-example">
  <img src="images/festival/man-holding-poster.jpg">
</div> -->
<div class="parallax-desktop"
     data-parallax="scroll"
     data-image-src="images/festival/man-holding-poster.jpg"
     data-position-y="50px"
     data-speed="0.2">
</div>
<div class="parallax-mobile">
  <img style="display: block; width: 100%"
       src="images/festival/man-holding-poster.jpg">
</div>

<div class="image-example">
  <img src="images/festival/festival-shirt-2.jpg">
</div>

<!-- <div class="image-example">
  <img src="images/festival/festival-man-shirt.jpg">
</div> -->
<div class="parallax-desktop"
     data-parallax="scroll"
     data-image-src="images/festival/festival-man-shirt.jpg"
     data-position-y="50px"
     data-speed="0.2">
</div>
<div class="parallax-mobile">
  <img style="display: block; width: 100%"
       src="images/festival/festival-man-shirt.jpg">
</div>