フェリシモ×ドラえもんのWebサイトを分析してみた

フェリシモ さんとドラえもんのコラボサイト。「大人にこそ、ドラえもんを。」というキャッチコピー があるように、昔懐かしのドラえもんグッズがレトロかわいくデザインされています。 

KNAPのデザイナー3人でトークしてます。
あくまでメンバーで個人的に分析をさせていただいておりますことをご了承ください。

デザイン分析元の基本情報

商品の特徴：フェリシモとドラえもんコラボのグッズ紹介サイト
#ドラえもん #フェリシモ #LP #Webサイト #ファッション
URL：https://www.felissimo.co.jp/doraemon/
企業名：フェリシモ

動きやレイアウトで漫画の世界観を表現しつつ、レトロポップで可愛いデザインになっています。

-ファーストビュー

かすれたどら焼きが背景に敷いてあったり、ヘッダーのロゴ横にテキストが流れているなど細かい演出がされています。

-コンテンツ

写真の見せ方も画質を調整することで、イラストとマッチしたレトロな印象になっています。

-アイコン周り

スマホデザイン（レスポンシブ）

スマホでは、色の展開で商品の切り替えがわかりやすくなっています。
PCとは異なり、写真はグラデーションで切っていますね。商品のボタンもスマホではクリックできるようにやや大きく、空間を空けて配置されています。また、見出しがコンテンツによって縦書き横書きになっていて、面白さがあります。

動き

1コマずつ吹き出しやイラスト達が出てくる演出がワクワクしますね！

カラースキーム分析

ドラえもんをイメージする青をメインに使いながら、いろいろな色を使うことでレトロ(古くさい）ではなく、レトロかわいいを表現しています。

OG画像

タイトル

ドラえもん   l   フェリシモ
HELLO DORAEMON! フェリシモオリジナルのドラえもんグッズ。大人にこそ、ドラえもんを。


大人に向けたドラえもんのサイトはいかがでしたか？すでに売り切れ商品もあるようで、この素敵なWebデザインの効果が出ていることは間違いなしですね！

この記事を書いているメンバーが働いている会社
よかったら見に来てください！