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
Edit : Yukiko Kurokawa
Design : Yuki Kageyama
Mark Up : Tomoaki Doteuchi
Producer : Yukichi

依頼背景:

筆ぐるめは『たのしく・かんたん・きれい』をテーマに、誰でも素敵な年賀状作成や、はがき、宛名印刷が出来る、PCユーザ向け導入実績No.1のソフトウェアです。AQでは、2015年末に発売された、筆ぐるめver.23からお手伝いさせて頂いております。

 

マーケティング部門ご担当者様と入念なミーティングを重ね、Webマーケティング上の集客導線となるランディングページに対し、ターゲットへ製品やサービスのベネフィット伝達を促進する、“ガラパゴスLPO”を実施。CVR(転換率)などが飛躍し、売上は前年対比から大幅増加し、得意先様からもお喜びの声を頂く事が出来ました。

 

その実績から、翌年度も引き続きお任せ頂いた、2016年末の商戦では、筆ぐるめver.24のLPOと併せて、LP流入前のユーザ導線にオウンドメディアを利用したマーケティングをお任せ頂き、入り口から出口まで一気通貫した、売る為のストーリーをデザイン致しました。

 

年賀状のハウツーサイトである、“年賀状・手紙のキホン”では、タイトルが物語る通り、その作成方法やマナー、纏わるトリビア的な小ネタ等、ユーザが興味・関心を持つ話題毎にTOPIXを用意し、テーマに沿って記事化。多くの検索キーワードで、各コンテンツが検索順位1位を獲得するなどSEOも一定の成果を上げる事が出来、SNS上でも賑わいました。ご担当者様が事前にリサーチ、設計して頂いたペルソナをもとに、前年LPのレビューを実施、サイト集客も増加した中で更にCVR(転換率)を10%以上スケールさせ、結果、前年度実績を大幅に上回る事に成功。これまで無かった、広告費のかからない新たな商品購入フローを創出する事が出来ました。

 

担当者のコメント:

製品の持つ本来の世界観や、年賀状を作る楽しさを具現化したビジュアルの打ち出しを意識したデザインとなっております。

1stビューのヒーローイメージはペルソナ設定を的確にキャッチし、コアターゲットの心を掴み取るビジュアル作りを心がけました。

    筆ぐるめ
    筆ぐるめ
    筆ぐるめ
    筆ぐるめ