架空カフェサイト 「 Halsia ‐ ハルシア ‐ 」

work

自主制作     

初めて一から制作したWebサイトです。
ゆったりとした空間でくつろげるカフェ「Halsia」の雰囲気を表現するため、要素間に余白を取り、落ち着きと安心感を意識してデザインしました。

    
サイトURL https://halsia.haruu-portfolio.com

テーマ 深海と幻想をテーマにした架空のカフェ&バー。
店内には水槽が設置してあり、暗めの店内でゆったりとしたくつろぎの時間を提供。
目的 集客・予約率の向上
ターゲット 現実を忘れ、ゆったりとしたくつろぎの時間を求めている人
性別、年齢を問わず落ち着いたカフェが好きな人
デザイン 店内の雰囲気をサイト上に表現するため、背景には落ち着いた深海をイメージした配色を使用しました。
また、ゆったりとした空間を感じられるよう、ふわっと浮かび上がるような優しい動きを取り入れています。
サイト上のボタンには、幻想的な印象と視認性の向上を両立させるために、膨張効果やホバー時に明るく光るアニメーションを用いました。
制作期間 WF:3日
デザイン:5日
HTML/CSS、JavaScript:3日
使用ツール Figma / Photoshop / Illustrator
レスポンシブ スマホ・タブレット※対応しておりますが只今、微調整中です。

コメント