Café azito

作品タイトル
Café azito ウェブサイトリニューアル
制作背景
実在するカフェ「Café azito」のウェブサイトリニューアルを想定した課題として制作しました。 既存サイトは店舗の雰囲気や写真の魅力は十分に伝わる一方で、シングルページ構成による情報の探しづらさや、ナビゲーションとコンテンツの対応関係の分かりにくさが課題でした。 そこで、カフェ・サロン・スタジオという複合施設としての構成を整理し、それぞれのサービス内容や利用方法が直感的に理解できる情報設計に再構成しました。 店舗の空気感を損なわずに、訪問前に必要な情報をスムーズに得られるサイトを目指しています。
コンセプト
「海辺の時間を、そのままウェブ体験へ」
Café azitoが持つ、海辺の開放感とゆったりした時間の流れをウェブ上でも感じられる構成を意識しました。
カフェ・サロン・スタジオという異なる体験を提供する場所であるため、機能ごとの情報を整理しながらも、ひとつの空間としての統一感を保つことを重視しています。
写真を主役にしながら、スクロールに沿って体験が自然に切り替わる構成とすることで、実際に施設を訪れる前に過ごし方をイメージできるよう設計しました。
デザインについて
店舗写真の明るさや海の色を活かすため、ベージュをベースにした柔らかな配色で全体を構成しました。 余白を大きく取り、透明感のあるレイアウトにすることで、海辺の静けさや開放感を表現しています。 また、カフェ、サロン、スタジオの3つのコンテンツを視覚的に区切るため、セクションタイトルの配置や色面をアクセントとして使用し、スクロール時に現在のコンテンツが分かる構造にしました。 情報の読みやすさと世界観の両立を意識し、写真とテキストのバランスを調整しています。
配色
BASE
#FFFFED
ACCENT
#A6D1DB
MAIN
#505096
MAIN2
#353545
使用フォント
タイトル:Script MT Bold
本文:平成明朝
制作時期
2025年9月(訓練2か月目)
制作期間
デザイン:15時間