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 : Ryo Takada

Design : Kagari Kaneoka

Mark Up : Ryuichiro Watanabe

依頼背景:

子育てや介護など、色々な事情を抱えながらも活躍しているスタッフが多数在籍している株式会社JAMSTORE様は、様々なクリエイター達がこれまでに築いてきた経験を活かし安心してもう1度働ける環境を作っていく事を目標として組織作りをしているクリエイティブオフィスです。

今回AQでお任せ頂いたのは、設立プロジェクトの一貫として、自社商品の企画立案からデザイン、運用まで行い、ナマの経験談をもってクライアント様に様々な角度から提案すべくスタートした「無垢な日常」プロジェクトに関して、商品企画からWebサイトのローンチまでをファシリテーションするディレクションでした。

 

担当者のコメント:

商品名にもある通り、製品コンセプトは「無垢」。

家族の生活に寄り添うという背景のストーリーを視覚化することを目指して設計・デザインいたしました。

読み進めていくような印象をもたせるためのシンプルなワンカラムの構成と、メリハリを感じさせるパララックス効果。天然素材だけを使った人肌にもやさしいという商品自体の強みをさりげなく表現する為、刺激的なシェイプや区切りを設けずにデザイン。

ページ上部、ストーリーを打ち出すエリアのコピーライティングは、クライアント様よりご支給頂いたもの。自然なニュアンスが商品を一番明確に表現していると感じたので、文字と画像の入れ方、背景との兼ね合いについて、このエリアは特に気を使わせて作らせて頂きました。

 

人肌の温もりが感じられるような印象になるよう、優しい世界観を表現できた制作事例となります。

    無垢な日常
    無垢な日常