パティスリーサイト　テンプレート制作　その1

2024年8月22日 2024年8月29日

itsuki-create

樹-createの「渡邊」です。暑い日が続いておりますが、今年は真夏の時期に「台風」が多く日本列島に上陸したり、付近を通過したりして各地で被害が出ています。来週も又大きな台風が日本に近づきそうなので、台風の進路や、災害情報などに細心の注意を払ってください。ご年配の方は早めに非難するのも状況によっては良いかもしれません。

さて、本日は現在進行しているパティスリーサイトのテンプレート制作の状況とデザインコンセプトや少し先行で、すでに作ったものを掲載してどんな感じになるかイメージしてもらえたらなと思います。

モノトーン×市松模様

ヘアサロンのテンプレートデザインが、柔らかいパステル調のデザインだったので今回はに白黒を基調に市松模様（チェック柄）などを取り入れてシックな仕上がりにしようと思います。

左の画像がロゴデザインの感じで架空の「「Patisserie　C+（パティスリーシープラス）」というケーキ屋でテンプレートを作っていきます。

白黒のデザインは前からやってみたかったデザインで、今回撮影した時の皿が正方形に近い角皿である事もヒントになって市松模様と白黒を組み合わせてみたらシンプルでいて面白いデザインができるのではないかと思い方向性を決めました。

シルエットイラストも自作してみましたが、こちは試作段階でもう少し手を加えるかもしれません。
もう少し線を減らしてシンプルにしてみても良いかと思いますが、形状がわかりにくくなってしまってもケーキと分かりにくくなってしまうのでそのバランスが大事かなと思います。

いつくかほかのロゴデザインもあったのですが、周りのデザイン仲間や妻のお友達にも聞いた中でこちらが断トツの人気であったので方向性はこちらに決まりました。ウインドウ越しのロゴも好評でした。

シンプルさと色とりどりのケーキの美しさを表現

今回ご協力いただいた「gigi」さんのケーキとゼリーの色がとてもきれいだったのでキラキラとしたゼリーの美しい透け感や、ケーキの色合いを引きだたせるためにシンプルでありつつ、画像を見るだけで食べたくなるようなレイアウトを心がけています。

右は上下にゼリーとケーキを交互に配置し、少し切れ左右の幅は切れ気味にレイアウトしてみてインパクトやケーキやゼリーごとの個性をより引き立たせています。

大胆な構図で想像力がより湧いてくる

市松模様と、画像を組み合わせて少し大胆にレイアウトしてみました。フォントはあまり華美になりすぎず邪魔をしないシンプルなものを、ロゴもセンターに配置してお店のイメージを連想していただけるようなデザインテイストで仕上げています。メインのsliderのうちの一枚に使用する予定です。製作途中なのでもしかするともう少し手を加えるかもしれません。

フリーランスでホームページ制作をされる方は、たくさんいると思いますが、自分の強みは個々のデザインをしながらコーディングやホームページ全体を設計していけるところかなと思います。
ちなみにロゴのフォントも今回自作で作ってみました。こちらも製作途中であるのでもう少し手を加えるかもしれません。