ジェイアール東海フードサービス株式会社（15周年LP） 様

概要・課題

ぴよりん15周年を記念した特設サイトを制作。
既存サイトの1コンテンツとしてではなく、周年記念専用サイトとして展開し、15年間の歩みやイベント情報を発信する場として設計しました。

テーマである「いちごいちえん」に合わせ、これまで支えてくれたファンへの感謝と、新しくぴよりんを知る人との新たなご縁をつなぐことをコンセプトに、歴代のあゆみ や おでかけ記録、15周年イベントをわかりやすく整理。
さらに、15周年最大のイベントである「ぴよりんvillage」を特に目立つ位置で紹介し、多くの方に情報が届くよう構成しました。

また、7月1日 誕生日当日にお祝いメッセージを追加公開する演出や、誕生日までのカウントダウンを実装し、周年ならではのワクワク感を演出しています。

ターゲット

・ぴよりんのリピーター（ファンの方）
・15周年をきっかけにぴよりんを知った方
・SNSやメディアでぴよりんを知った方
・名古屋観光で15周年イベントや限定企画に興味を持った方

デザインコンセプト

ぴよりんの世界観については公式サイトの制作時に考えを深めていたため、基本的にはその世界観を踏襲しつつも、この特設サイトでは「おめでたさ」や「華やかさ」の印象を大切にしました。

ぴよりん公式サイトの制作実績

デザインの工夫と制作エピソード

■15周年のお祝いムードを印象的に演出するため、画面全体に紙ふぶきが舞う表現を取り入れました。
華やかさを感じさせながらも、サイトの閲覧や操作を妨げないよう、紙ふぶきのサイズ・量・動きのスピードを開発チームと細かく調整しながら実装しています。

■水引をモチーフとした「15th Anniversary」のロゴは、クライアントよりご提供いただいたものです。
当初、ロゴの中央にはぴよりんのイラストが配置されていましたが、サイトにアクセスした瞬間に「多くの人に親しまれている、あのスイーツのぴよりん」であることが直感的に伝わるよう、実写の写真へ置き換えるデザインをご提案しました。

UI・UXでこだわったポイント

■今回は短期間で公開をするために、スマホでの表示や操作性を優先した「スマホ特化型デザイン」を採用しました。
PCでもスマホと同じサイズ感のコンテンツを軸としながら、画面両側のスペースにロゴやナビゲーションを効果的に配置。
デバイスを問わず、サイトの世界観を印象的に伝えながら、快適に閲覧できるデザインに仕上げました。

■特に力を入れたのは「おでかけ記録（出張販売の実績掲載）」の掲載方法です。
「日本地図をタップして情報を表示」という体験を叶えるため、

地図上では地方ごとにタップ
　↓
下に都道府県を表示
　↓
アコーディオンで内容を表示

という設計で情報を整理しています。