POPSOPH

■使用ツール

Figma | HTML,CSS | WordPress

■サイト目的

「Hotel Muse」は、“非日常の世界で過ごすホテル”をテーマに心身のリトリートを目的とした大人向けの架空ホテルを想定して制作しました。
“静けさ・癒し・非日常”を視覚的なやすらぎと予約導線の明快さを両立したWebサイトを目指しました。

■ターゲット

30〜50代の女性を中心に、忙しい日常から離れ、まるで映画の主人公のように静かな空間で癒されたいと考える感性豊かなユーザーを想定。

■工夫した点（トンマナ）

配色・雰囲気づくり：
落ち着きと清涼感を感じさせる寒色ベースの配色と、余白を活かしたレイアウトにより「静けさ」や「上質さ」を表現。

タイポグラフィ：
高級感とやわらかさのバランスを取るため、セリフ体とシンプルなサンセリフを組み合わせ。

■デザイン

目にした瞬間から“泊まってみたい”と感じてもらえるように、余白のとり方や写真の選定にもこだわりました。
また、現実のホテル運営者にも寄り添えるよう、「実際にありそうな予約導線・情報構造」に仕上げています。

■使用ツール

Figma | HTML,CSS | WordPress

■サイト目的

私自身の制作実績やスキル、成長の軌跡を体系的かつ直感的に伝えることを目的としたポートフォリオサイトです。
「一緒に仕事をしてみたい」と思ってもらえるよう、視覚的な魅力と論理的な情報構造の両立を意識しました。

■コンセプト

テーマは「海」。 海は生命の起源であり、広く深く、どんな変化も受け止めて包み込む存在です。 そんな海のように広い視野で物事をとらえ、新しい価値を生み出し続けるクリエイターでありたいと考えています。

■工夫した点（トンマナ）

配色・雰囲気づくり：
控えめで洗練されたトーンに、やわらかなパステル調のアクセントカラーを添えることで、安心感と親しみやすさを演出。
余白をいかしたレイアウトで情報を整理し、視線の流れを整えることで、静かで落ち着いた印象を高めています。

タイポグラフィ：
読みやすさと視認性を重視し、シンプルで洗練されたサンセリフ体（Albert Sans）を採用。
広めの字間設定により、静かで丁寧な印象を与え、全体の落ち着いたトーンと調和させています。

■デザイン

水面のような波紋エフェクトや水滴のアニメーション、マウスの動きに呼応して生まれる繊細な揺らぎが、見る人に心地よさと遊び心を与えます。 慣性スクロールの実装、滑らかで自然なスクロール体験により、情報の流れを途切れさせず、海のような一体感を演出しています。