お客様の深い想いを形にするために-株式会社ガジェット様ウェブサイトのデザインポイントを探る

こんにちは、エディプレックス広報です。

全国規模で法人向けキッズスペースや家庭向けの木製知育玩具レンタルを提供されているガジェット様。その主力サービスである「ガジェットレンタ」と「トイズレンタ」のウェブサイトを、弊社エディプレックスでリニューアルさせていただきました。

今回のプロジェクトに携わった弊社の担当デザイナーに、新しいウェブサイトを制作する中、デザイン面で大切にしたことについて語ってもらいました。

温かみと信頼感を大切にした、ガジェットレンタの新しいウェブサイト

「ガジェットレンタ」は商業施設やオフィスに特化したキッズスペースを提供しているサービスです。打ち合わせの初期段階から「子どもたちのために」というガジェット様の強い思いが伝わってきました、と担当デザイナーはいいます。

「ガジェット様のサービスには一つひとつに深いこだわりがありました。そのため信頼感を感じさせるデザインや温かみのある表現を心掛けたんです」

信頼感と上質さを表現するために、上品な英字フォントやクリーンなデザインが採用されました。またキッズコーナーのマット形状をヒントに写真の形を正方形に統一し、視覚的な統一感を持たせる工夫も。

「清潔さへのこだわりを表現するため、スッキリとしたデザインにしつつ、温かみを伝えるために自然光を活かした写真と優しい文言を採用しました。さらにデザインがシンプルな分、モーションのタイミングで違和感が出やすくて。フロントエンドのエンジニアと何度も調整を重ね、自然で心地よい上品な動きを目指しました」

「キッズコーナーに子供たちへの想いがギュッと詰まっている」というイメージで、写真が正方形に縮小するモーションを設置

慣性スクロールと画像のパララックスで、ゆったりとした高級感を演出

確かに完成したデザインを見ると、その繊細で上品な動きがサイト全体に柔らかさを与えていて、ただ美しいだけでなく、見る人に心地よさを届けていると感じました。

子どもたちの自然な表情が引き出せた撮影

今回は写真が重要なデザインのため、撮影の絵作りに注力したといいます。

「撮影は本社とスタジオで行いました。モデルを引き受けてくださった従業員の方々は、皆さんとても明るくご対応してくださり、スムーズに撮影を行うことができました。またスタジオのキッズモデル撮影では、初対面のお子様モデルたちがすぐに打ち解け、自然な笑顔や動きを見せてくれたのがうれしかったですね。商材の搬入や組み立て等を行っていただいた社員の方が撮影を見学されたのですが、『普段は作業が中心なので、子どもたちが楽しむ姿を見られて新鮮です』とお話されていたことも印象的でした」

撮影の様子

担当デザイナーが話してくれた撮影のエピソードもとても興味深かったです。モデルの子どもたちが自然に笑顔を見せてくれたとき、現場が本当に温かい雰囲気に包まれていたんだろうなと思います。

自然な遊びの空間を描く、トイズレンタのウェブデザインの工夫

ガジェット様のもう一つの主力サービス「トイズレンタ」は、家庭で楽しめる木のおもちゃの定額レンタルサービスです。「木のおもちゃ」と聞くと、多くの人が「優しい」「ナチュラル」といったイメージを持つのではないでしょうか？　しかし実際にはカラフルでバリエーション豊かな製品も多いのだとか。弊社はガジェット様から伺ったこの多様性というポイントを活かして「木のおもちゃのリアルな魅力を伝える」ことを目指したそうです。

「カラフルすぎるとプラスチック製品との差がぼやけてしまいます。でもナチュラルに寄せすぎると従来のイメージから抜け出せない。その絶妙なバランスが必要でした」と担当デザイナーは振り返ります。

色やモチーフ、アニメーションでナチュラルとポップのバランスを実現

そこでベージュを基調にしつつも、カラフルなカラーリングや図形モチーフ、太い英字フォントといったポップなデザイン要素を取り入れるアプローチが採用されました。またコミカルなアニメーションを置くことで、子どもたちが木のおもちゃで遊ぶときの楽しさや驚きを感じさせる表現にしたそうです。

シンプルさの中に遊び心を感じさせるそのバランスが絶妙で、見ているだけでワクワクします。

【ファーストビュー】

カラフルなモチーフを見せるだけではプラスチックのおもちゃとの差別化が難しいため、出現した茶色の図形モチーフがカラフルに変化することで、木製玩具とわかるようにしました。

【スクロールアニメーション】

おもちゃで遊んだ時の驚きや喜びを切り替わる写真で表現しています。

【その他】

タイトルの出方や図形モチーフ、ボタンのホバーなど、コミカルな動きを取り入れています。

まるでおもちゃが生きているかのような動きがあって、楽しさが伝わりますよね。見ていると、子どもたちが実際におもちゃで遊んでいるシーンが目に浮かんできます。

チームの力が生んだ温かいデザイン

ガジェット様のプロジェクトでは、クライアントの思いを受け取った担当デザイナー、コピーライター、現場でアイデアを形にした撮影チーム、そして緻密なアニメーションを実現したコーダーと、多くの人が関わりました。「特にアニメーション部分は、コーダーさんの技術なしでは実現できませんでした。ほかにもディレクターさんには撮影の時間管理や準備・進行等、手厚いサポートをいただき、円滑に進めることができました」と担当デザイナーは語ります。完成したデザインには、関係者全員の努力と思いが詰まっていることがわかります。

最後に

今回、担当デザイナーからプロジェクトにまつわるお話を聞いて、現場のおだやかな空気感やガジェット様の温かさが強く伝わってきました。お客様との直接のやりとりから得られる情報の深さ、そして共通の目標に向かってチームが一体となる大切さが、改めて感じられます。

準備から撮影、デザイン制作に至るまで、多くの課題を乗り越えてきたこのプロジェクトは、関わった弊社社員にとって大きな成長の機会になったようです。エディプレックスでは、これからも多くの企業様の課題解決に向けて、心を込めたサポートを続けていきます。

「ウェブサイト制作やリニューアルを検討している」「自社サービスの魅力をもっと発信したい」という方は、ぜひお気軽にこちらよりご相談ください。

お読みいただき、ありがとうございました！

エディプレックス株式会社｜ウェブ制作・デザイン・システム

採用情報はこちら↓

エディプレックス株式会社の会社情報 - Wantedly