2012
2013
2014
2015
2016
2017
2018
2019
2020
2021
2022
2023
2024
2025
S
N
A
Q
E
A HAPPY NEW YEAR
A HAPPY NEW YEAR
A HAPPY NEW YEAR

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <main class="container"> <section class="fetures"> <div class="feature-item"> <img src="#" width="300" height="146" alt="Laptop"> <h2 class="feature-name">Web sites</h2> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In facilis amet.</p> </div> <div class="feature-item"> <img src="#" width="300" height="146" alt="Phone"> <span class="feature-name">Apps</span> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p> </div> <div class="feature-item"> <img src="#" width="300" height="146" alt="Presentation"> <main class="container"> <span class="feature-name">Presentations</span> <section class="features"> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Doloremque <div class="feature-item"> </main> beatae vellure quae.</p> <main class="container"><div class="feature-item"> </div> <section class="features"> </section> <div class="feature-item"> </main> <div class= </body> <img src= </html> <b class= </div> <p>Lorem </section> </div> </div> </main> <div class= </body> </main> <img src= </html> <div class= <b class= <div class= "feature-item"> </section> "feature-item"> <title>Document</title> <div class= <img src="#" <main class="container"> "feature-item"> width="300" </section> <div class= <img src="#" height="146" <div class= "feature-item"> width="300" alt="Phone"> "feature-item" <div class= height="146" </div></div> <img src="#" "feature-item"> alt="Phone"> </section> width="300" <img src="#" </div></div> </main> height="145" width="300" </section> </body> alt="Phone" height="146" </main></div> </html> </div></div> alt="Phone"></body></div> <div class= </section></div> <div class="feature" "feature-item"> </main></main> </section></main> <main class="container"></body> </body></html> <section class="features"> <div class="feature" </section>

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <main class="container"> <section class="fetures"> <div class="feature-item"> <img src="#" width="300" height="146" alt="Laptop"> <h2 class="feature-name">Web sites</h2> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In facilis amet.</p> </div> <div class="feature-item"> <img src="#" width="300" height="146" alt="Phone"> <span class="feature-name">Apps</span> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p> </div> <div class="feature-item"> <img src="#" width="300" height="146" alt="Presentation"> <main class="container"> <span class="feature-name">Presentations</span> <section class="features"> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Doloremque <div class="feature-item"> beatae vellure quae.</p> <main class="container">width="300" </div> <section class="features"> </section> </section> <div class="feature-item"> </main> </main> <div class= </body> <img src= </html> <b class= </div> <p>Lorem </section> </div> </div> </main> <div class= </body> </main> <img src= </html> <div class= <b class= <div class= "feature-item"> </section> "feature-item"> <title>Document</title> <div class= <img src="#" <main class="container"> "feature-item"> width="300" </section> <div class= <img src="#" height="146" <div class= "feature-item"> width="300" alt="Phone"> "feature-item" <div class= height="146" </div></div> <img src="#" "feature-item"> alt="Phone"> </section> width="300" <img src="#" </div></div> </main> height="145" width="300" </section> </body> alt="Phone" height="146" </main></div> </html> </div></div> alt="Phone"></body></div> <div class= </section></div> <div class="feature" "feature-item"> </main></main> </section></main> <main class="container"></body> </body></html> <section class="features"> <div class="feature" </section>

TOP STORY アズポケット株式会社

STORY

アズポケット株式会社

CREDITS
Story Telling:Ryo Takada
Direction:Ayana Wakimoto
Art Direction:Takashi Omae
Mark Up:Tomoaki Doteuchi

依頼背景:

アフィリエイターに人気の高いサーバー“mixhost”の運営企業であるAZPOCKET(アズポケット)は、2016年6月のサービス開始以来、純増数No.1に届く勢いでサービスを拡大するサーバホスティング企業です。第2創業期に位置付け、採用と企業ブランディングを加速させたいとのご要望から、コーポレートサイトのご依頼を頂戴しました。それまでは、どこか人の気配がなく、無機質であったことをビジュアル課題の改善点とし、推進力を想起させるような活気あるサイトを目指しました。

 

担当者コメント:

転換期を迎える会社のモチベーションを率直に表現したキャッチコピーを作成、画面上に大胆に配置することで、その熱量を強調しています。ヒーローイメージでは、表情豊かな人物写真とデュオトーンで活気のある印象とインパクトを与え、新しいステージに邁進する、弾けるような力強さと前向きさを表現しました。グローバルな顧客層をお持ちの会社様ですので、これを魅力として捉える中、キャッチコピーも英語と日本語の2通りを用意し、使用する人物写真の人種・配色に偏りがないよう意識してデザインしています。 採用ページでは「数字でみるアズポケット」として、社内の様々な数をインフォグラフィックスを用いて展開することで、アズポケット様のキャラクター性や、現在勢いよく成長する会社であることを伝えています。応募を検討している方の背中を押せるような、数字と力強いデザインを掛け合わせたページ制作を致しました。

    アズポケット株式会社
    アズポケット株式会社
    アズポケット株式会社