process.html

---
layout: home
body_id: process
permalink: /process
title: The Process
---

<section class="feature-section process-hero">
  <div class="container">

    <div class="feature-section-inner row-reverse">

      <div class="feature-text">
        <h1>Working with Ginnel Studio</h1>
        <p class="lead big-lead">Before we get to the hard bit, we'll have to get to know each other. We always start by listening &mdash;<p>
        <p>&mdash; you know, two ears, one mouth, that kind of thing. We'll explore your business, brand, and goals to set the tone for your project.</p>

        <figure class="quote">
          <blockquote>
            Sam totally understood the feeling we wanted to put across with the website. The finished product was spot on.
          </blockquote>
          <figcaption>
            &mdash; Jersey Nutrition
          </figcaption>
        </figure>

      </div>

      <div class="feature-image">
        <h3>The Process</h3>
      </div>

    </div>
  </div>

</section>

<section class="feature-section process-section">
  <div class="container">

    <h2>Part One: Briefing</h2>
    <p class="synopsis">In which brand is considered; goals are understood; scopes are discussed. </p>
    <p>Understanding the brief is simultaneously the most important and most difficult part of any project. It’s usually the hardest part for the client, too! Fortunately, I’ve been through this before. I’ll help you make absolutely sure that your brief is watertight before we get started. </p>

    <p>To really nail the brief, we’ll dive deep into your business’ goals. We’ll discuss what you’re hoping to get from the project; how that will that help you achieve your broader goals; and perhaps most significantly, how will we measure success? </p>

    <p>From your brief I’ll produce a detailed scope. The scope will make sure you’re absolutely clear on the work to be done, the output you can expect, and the total cost of the project. Don’t worry – <a href="#faq-pricing">I’m not shy about pricing</a>!</p>

    <h2>Part Two: Benchmarking and Planning</h2>
    <p class="synopsis">In which data is analysed; sketches are sketched; plans are agreed. </p>
    <p>Now that we know what we’re aiming for, it’s time to figure out how to get there. To start with we’ll look at any data you have to better understand our starting point. We’ll also discuss any tools and services that we’ll use to deliver the project. </p>

    <p>Unlike many agencies, at Ginnel we’re not siloed into using a specific template or technology to deliver your project. We’re flexible, and prefer to use the right tool for the job – whatever is best to bring your project to life.</p>

    <h2>Part Three: Drafting and Development</h2>
    <p class="synopsis">In which code is written; words are typed; coffee is sipped. </p>
    <p>The easy part for you, and the fun part for me. Relax! </p>

    <h2>Part Four: Iteration </h2>
    <p class="synopsis">In which the red pen comes out; margins are tweaked; tests are performed. </p>
    <p>Feedback and revisions are what take firsts drafts from good to great, and then from great to world-class. I like to communicate frequently with clients, helping projects to go in exactly the right direction from the very beginning. </p>

    <p>Code and copy are both deployed for regular previews. Experience tells us that minor adjustments early on keep timelines on track, helping us get to launch that little bit quicker.</p>

    <h2>Part Five: Launch </h2>
    <p class="synopsis">In which switches are flicked; corks are popped; cake is cut.</p>
    <p>With the hard part done, it's time to enjoy the fruits of our labour. Of course, I won't just throw you the keys and leave you to it &mdash; I'll be helping you with any new tech, keeping an eye on performance and analytics, and making sure we've got the right data to compare against our benchmarks.</p>
    <p>Let the work take centre stage!</p>

  </div>
</section>

<section class="feature-section" id="faq">
  <div class="container">
    <p class="big-lead">A few more details about the Ginnel Studio process:</p>

    <div class="faq-contents">
      <ul class="list-unstyled" id="faq-list">
        <li><a href="#faq-pricing">How much is this going to cost?</a></li>
        <li><a href="#faq-copywriting">What is copywriting, and why is it so important? </a></li>
        <li><a href="#faq-tools">What web development tools do you use?</a></li>
        <li><a href="#faq-stacks">Domains, hosting, content management, content delivery, aaaaaaaargh? </a></li>
        <li><a href="#faq-recommend">So which of those do you recommend?</a></li>
      </ul>
    </div>

    <div class="faq" id="faq-pricing">
      <h3>How much is this going to cost?</h3>
      <p>Probably not as much as you think – my standard day rate is £400. It takes about a working week to make a website like this, give or take a day, which includes:</p>
      <ul>
        <li>Starting with a detailed brief and drafting the copy for the website.</li>
        <li>Using the copy draft to determine the site map for the website.</li>
        <li>Designing and building the layout and page templates.</li>
        <li>Revising and editing the design, layout, and final copy after feedback.</li>
        <li>The dark arts of 'devops', including fine-tuning analytics, then testing, deploying, and publishing the website.</li>
      </ul>
    </div>

    <div class="faq" id="faq-copywriting">
      <h3>What is copywriting, and why is it so important?  </h3>
      <p>It's not journalism, or novels, or poetry.</p>
    </div>

    <div class="faq" id="faq-tools">
      <h3>What web development tools do you use? </h3>
      <p>Cool ones, like <span class="highlighted">Jamstack</span> and <span class="highlighted">GitHub</span>.</p>
    </div>

    <div class="faq" id="faq-stacks">
      <h3>Domains, hosting, content management, content delivery, aaaaaaaargh?  </h3>
      <p>Yes, we know exactly what you mean.</p>
      <ul>
        <li>Domains</li>
        <li>Hosting</li>
        <li>Content management</li>
      </ul>
    </div>

    <div class="faq" id="faq-recommend">
      <h3>So which do you recommend?  </h3>
      <p>Some are built for speed, and some are built for comfort.</p>
    </div>

  </div>
</section>

<section class="feature-section next-prompt">
  <div class="container">
    <div class="prompt-wrapper">
      <div class="desktop-prompt">
        <p>Press <a class="key" href="/about">S</a> to find out more about the studio, or <a class="key" href="/work">W</a> to see examples of my work.</p>
      </div>
      <div class="touchsceen-prompt">
        <p>Read more about:</p>
        <div class="prompt-buttons">
          <a class="key" href="/about">The Studio</a>
          <a class="key" href="/work">The Work</a>
        </div>
      </div>
    </div>
  </div>
</section>