Sweets by Kenkodo

Webサイト

Sweets by Kenkodo

リリース日

制作期間約20時間

URL
https://kuriyashobo.com/works/kenkodo/

概要
架空の健康食品のLPです。ダークな暖色を基調に、暖かく美味しそうな雰囲気を目指してデザインしました。シンプルなデザインにJavaScriptで動きをつけ、飽きさせない演出を心がけています。

担当
企画/デザイン/コーディング
技術
HTML/CSS/Javascript/jQuery/Bootstrap
ツール
Adobe Illustrator/Adobe XD
アピールポイント

「心も、身体も、ほっとしよ」をテーマに、おいしく食べて健康になれるスイーツ販売の架空LPを制作しました。

ターゲットは30代以上の女性が想定されることから、デザイン面ではダークな暖色を基調に、エレガントかつ食欲をそそる配色を心がけました。
ロゴは瀬戸内の柑橘類やオリーブをビスケット型で切り抜いたようにデザインしています。
ページの構成はシンプルですが、ふわりと浮き出すような効果を全体的に配し、飽きないサイト作りを目指しています。

これまでCSSフレームワークを使ったことがなかったため、求職者支援訓練で紹介されたBootstrapを使用して制作しました。
レスポンシブ対応デザインがスムーズに実装でき、フレームワークというものの概念も把握できました。

他の制作物と比較するとテキスト量がありますが、キャッチコピー等もイメージに合わせ制作しています。