Webサイト制作

komorebi cafe
Website Design / WordPress

siteURL : https://cafe.misa-design.jp/
使用ツール : WordPress、Canva、OpenAI Images（画像生成）
作品説明 : 架空のナチュラルカフェ「komorebi cafe」のWebサイトを制作しました。
「木漏れ日の中でゆったりと過ごせるカフェ」をコンセプトに、温かみのある配色や自然光を感じられる写真を用い、落ち着いた雰囲気を表現しています。情報を整理したシンプルなレイアウトを採用し、メニューや店舗のこだわり、ギャラリー、アクセスなどへ自然に誘導できる構成を意識しました。WordPressとBlocksyテーマを使用し、レスポンシブ対応やお問い合わせフォームの実装も行っています。

Wix Design / UI Reconstruction

siteURL : https://mtxe7y.wixsite.com/my-site-7
使用ツール : Wix
作品説明 : デザインの一貫性やルールの理解を深めるために制作しています。
色や余白のルール、タイポグラフィの設計など、ブランドイメージを作る要素を分析しながら再現しています。
アイコンやボタン、アニメーションなど、細部の再現性にこだわって制作しました。

Wix Design / Brand Experience

siteURL : https://mtxe7y.wixsite.com/my-site-1
使用ツール : Wix
作品説明 : ＂誰に何を伝えるサイトか＂を考え、サイト全体の世界観と導線設計を意識して製作しました。
ターゲットの感情や行動を想定しながら、イメージ・コピー・構成の一貫性を設計しています。
デザインをただ再現するのではなく、意図をもって伝わる設計を行ってい

Wix Design / Layout Basics

siteURL : https://mtxe7y.wixsite.com/my-site-6
使用ツール : Wix
作品説明 : 既存サイトのレイアウト構造を理解するために制作しました。
ページ構成や情報の優先順位を分析することで、閲覧者が迷わない導線設計を学んでいます。
余白の取り方や見出しの階層、要素の配置バランスなど、＂見やすさの基礎＂を理解することを目的としています。