STUDIOの有料テンプレートをベースに、カスタマイズデザインと実装を担当しました。(ディレクションは別の方がご担当)
「街のちいさな絵本屋さん」という素敵なコンセプトに合わせて、テンプレートのやさしい雰囲気を活かしながら、ところどころに猫が“お散歩しているような”演出を加えています。
オープニングアニメーションとOwnerセクションを追加し、スマホ版ファーストビューやMenu(→ "Line up"に変更し、 無自動限横スクロール実装)、NEWSセクションを大きくカスタマイズ。
閲覧される方が迷わず使えるように調整し、デザインと操作性のバランスを意識しました。
CMSやアニメーションも実装しているので、日々の更新もスムーズに行える仕様です。
今回は、事前に基本情報やInstagramを拝見していたおかげで、全体の世界観を丁寧に反映することができました。個人的にお気に入りなのは、ファーストビューの写真のあおくんと、ハンバーガーメニューをひらいたらあらわれる、猫のシルエットです♪
このような素敵な制作に関わらせていただき、本当にありがとうございました!
▼ベースに使用したテンプレートはこちら:
https://studio.design/ja/store/templates/ZM3aAyaegQ
シンプルで整った構成なので、情報を整理しやすく、「テンプレートを活かして自分らしいサイトを持ちたい方」にもぴったりのデザインです。
●使用ツール
- STUDIO
- Figma