SELECTED PROJECTS
制作実績
想いが伝わること。心地よく使えること。
ひとつひとつのデザインで、大切にしていることをご紹介します。
公開中の5サイトと、架空の自主制作サンプル3案件をご紹介しています。自主制作サンプルの画像は世界観を伝えるイメージです。
WORDPRESS / WOOCOMMERCE
Candy Roomのギフトショップ
ふわり、ときめく。しあわせの贈りもの。
- サイトの種類
- バルーンギフト / オンラインショップ
- 使用技術
- WordPress・WooCommerce・HTML・CSS・JavaScript・PHP
- 担当範囲
- トップページと下層6ページのデザイン・実装、イラストの配置、アニメーション、商品情報との連携
制作の目的
ギフトを選ぶ時間も楽しんでもらえるよう、バルーンやリボンのかわいらしさをサイト全体に表現。お祝いのシーンから商品一覧、価格の確認へと進める構成に整えました。
デザインのポイント
ピンクとラベンダーを基調に、丸みのある枠やイラスト付きメニューで「ゆめかわ」の世界観を統一。カーテンが開く演出、ふわふわ浮かぶくまとバルーン、スクロールに合わせた表示を取り入れています。
実装のポイント
既存の子テーマをカスタマイズし、今回の7ページはElementorを使わずに実装。商品名や価格はWooCommerceから表示し、既存の商品詳細・カート・決済機能へつなげています。スマートフォンの表示にも対応しています。
商品情報やお問い合わせ窓口には準備中の内容を含みます。掲載の地図は架空のデザインサンプルです。
WORDPRESS / ELEMENTOR
美容室 SALONのWebサイト
自然体の魅力を、上品に伝える。
- サイトの種類
- 美容室 / サロンサイト（サンプル）
- 使用ツール
- WordPress・Elementor・CSS
- 担当範囲
- 既存サイトの文章・見出しの調整、スタッフ紹介の統一、店舗情報の変更、スマホメニューのデザイン改善
制作の目的
既存サイトの写真と構成を活かしながら、サロンの雰囲気が伝わる言葉と、迷わず使える導線へ整えました。サービスの紹介からスタッフ、問い合わせ・予約まで、一貫したトーンを大切にしています。
デザインのポイント
淡いグレーとゆったりした余白がつくる上品な世界観に合わせて、見出しと紹介文を調整。スマートフォンのメニューは細い2本線のアイコンと全画面表示を採用し、大きな文字と枠付きの予約ボタンで、ページを選びやすくしました。
スタッフ名・住所・電話番号はサンプル表記です。
WEB DESIGN / LIVE WEBSITE
癒しスパサロンのWebサイト
日常を離れる、穏やかなひとときを。
- サイトの種類
- スパ / リラクゼーションサロン
サイト紹介
自然由来のケアと、個室で過ごすプライベートな時間を紹介するスパサロンのサイト。施術メニュー、来店の流れ、施設案内などを通して、お店の雰囲気を伝えています。
デザインのポイント
施術風景の大きな写真と落ち着いた色合いが、リラックスできる空間を表現。左側のナビゲーションから、メニューやアクセスなどの情報へ進める構成です。
WEB DESIGN / LIVE WEBSITE
Atelier FleurのWebサイト
ふたりらしい物語を、やさしく描く。
- サイトの種類
- ウェディングプランナー / サービスサイト
サイト紹介
フリーランスウェディングプランナー「Atelier Fleur」のサイト。オーダーメイドの結婚式やフォトウェディングなどのプラン、プランナーの紹介、お客様の声を掲載しています。
デザインのポイント
ベージュとゴールドを基調に、写真と文字が重なるレイアウトで華やかさを演出。サービスの特徴からプランやFAQ、お問い合わせへつながる構成です。
WEB DESIGN / LIVE WEBSITE
季ノ菓のWebサイト
四季の彩りを、小さなひとくちに。
- サイトの種類
- 和菓子店 / ブランドサイト
サイト紹介
和菓子店「季ノ菓」の想いと菓子づくりを紹介するサイト。季節の和菓子を写真と言葉で伝え、商品一覧や店舗案内、お知らせへつなげています。
デザインのポイント
縦書きの見出しと繊細な和菓子の写真を組み合わせ、和の雰囲気を表現。淡い色合いと余白を活かし、季節感と手しごとの魅力が伝わるデザインです。
06CONCEPT VISUALWEB DESIGN / CONCEPT PROJECT
花のある暮らしのWebサイト
花を選ぶ時間まで、心地よく。
- サイトの種類
- 花屋 / ブランドサイト
- 担当範囲
- 情報設計・ワイヤーフレーム・ビジュアルデザイン
制作の目的
季節の花とお店の雰囲気を伝え、初めて訪れた人がお店やサービスについて知ることができるサイトを想定しました。
デザインのポイント
淡い色とゆったりした余白で写真を引き立て、商品紹介から店舗情報へ迷わず進める構成に。スマートフォンでも見出しと情報のまとまりが伝わるレイアウトを考えています。
07CONCEPT VISUALLANDING PAGE / CONCEPT PROJECT
コスメブランドのランディングページ
かわいいだけで終わらない、伝わるLP。
- サイトの種類
- コスメ / 商品紹介LP
- 担当範囲
- 構成設計・UIデザイン・モバイルレイアウト
制作の目的
新しいコスメを知った人に、商品の特徴と使い方をわかりやすく届けるランディングページを想定しました。
デザインのポイント
商品の魅力、使い方、選ぶ理由の順に情報を整理。やさしいブランドカラーを使いつつ、見出しやボタンにはメリハリをつけ、読み進めやすさを大切にしています。
08CONCEPT VISUALEC SITE DESIGN / CONCEPT PROJECT
ギフトショップのECサイト
贈る人の気持ちから考える、お店。
- サイトの種類
- ギフト / オンラインショップ
- 担当範囲
- 情報設計・商品一覧・商品詳細のデザイン
制作の目的
大切な人へのギフトを、用途や相手に合わせて選べるオンラインショップを想定しました。
デザインのポイント
写真と商品情報の優先順位を整え、価格や特徴を比較しやすく。商品詳細ではサイズやラッピングの情報をまとめ、不安なく選べる見せ方を考えています。