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
Direction : Shigeharu Watanabe
Art Direction:Yuki kageyama
Design : Aska Kato
Mark Up : Tomoaki Doteuchi
Programming:Satoshi Yoshida
Producer : Yukichi Kaneoka

依頼背景 : 

創業80年を数える小型農機ロータリ分野の国内トップシェア企業をデザインするプロジェクト第1弾。
「農作業をもっと楽しく快適に」という思いをコンセプトに、それぞれユニークなネーミングを拝する小型農機を長年輩出し続けてきたモノづくり企業様のお仕事です。

 

「お客様にアクセスして貰える」「分かりやすい」という与件に対し、

 

①:各ステークホルダー毎に向けたコーポレートサイト情報量/質の最適化

②:農機のwikipediaとなるナレッジメディア開発

 

という2つの施策を実施致しました。

 

具体的には、
「Helper(ヘルパー)」というカントウ農機様の宣言的な行動指針をグローバルエリア上CI/VIの右横部へ配置し、各ステークホルダーに与えるベネフィットを分かり易く補足。

また製造業系企業Webサイトで多く見られる特徴の一つである、来訪ユーザからの閲覧数が特に高くなる製品関連情報については、IA的側面からグローバルナビやコンテンツエリアで誘導しやすいUI設計を心懸け、初心者とプロユーザ双方に柔軟に対応するべく、検索フローや機能の見直し、アップデートを図り、結果ユーザビリティが大幅に改善され、アクセシビリティ向上を実現しました。

 

クリエイティブは、明確に設定されたペルソナからブレイク・ダウンしたモデルのキャスティング、各シーンのストーリー、撮影、そしてタグラインとデザインによるキービジュアル制作迄、きめ細かい施策が盛り込まれております。

実際にリニューアル後の前年対比データでは、すべての指標で劇的な改善が見られており、与件のアクセス数やコンバージョン指標であるお問い合わせも増加しました。

 

◯平均PV:170.5%増加

◯直帰率:30%低下

◯離脱率:29.2%低下

◯平均滞在時間:84秒増加

◯ページ別訪問数:138.2%増加

    カントウ農機 株式会社
    カントウ農機 株式会社
    カントウ農機 株式会社