01.
ドライフラワー作家 mu.mei 公式サイト制作
#クライアントワーク #Webサイト

https://driedflowerwork-mumei.com
長野県在住のドライフラワー作家、mu.meiさまの公式サイトを制作しました。
日常的にInstagramで情報発信をされていますが、活動内容や世界観をよりわかりやすく伝えられる場としてホームページを新たに制作することとなりました。
構成は1ページのみのシンプルなデザインで、活動の全体像をまとめて掲載。
詳細情報については投稿内容が充実しているインスタグラムへとスムーズに誘導できるよう、リンクをわかりやすく配置しています。
また、作品の魅力を伝えられるよう多くの写真を掲載し、装飾を控えめにすることで質感や色合いが際立つよう工夫しました。あえて少し粗めの画質を選ぶことで、手仕事ならではの温かみやナチュラルな雰囲気を表現しています。
使用ツール:HTML、CSS、jQuery
02.
カフェ~自家焙煎コーヒーと焼き菓子のお店~ サンプルサイト制作
#クライアントワーク #Webサイト

https://portfolio.mikazukiweb.com/sample1
昨年オープンしたばかりの夫婦で営むカフェのWebサイトを制作しました。
実在する店舗がモデルで、オーナー様に直接お話を伺い、写真もご提供いただきました。
ヒアリングや撮影ディレクションなどすべてが初めての経験で、ご要望をうまく引き出すことの難しさを感じながらも、対話を重ね、お店の想いや魅力を一つひとつデザインに落とし込んでいきました。
「古い建物をリノベーションして生まれ変わった店舗が、この街に根付き、次の世代へと受け継いでいく」
そんな歴史と新たなはじまりを感じられるお店の背景を、サイト全体をとおして丁寧に設計しました。
落ち着いた色合いや手書き風フォント、スクロールに合わせたアニメーションを取り入れ、古い店舗ならではゆっくりとした時間の流れを演出しています。
こだわりのスイーツや自家焙煎コーヒーについても魅力的な写真とともに詳しくご紹介しています。
※諸事情により現時点では公開には至っていませんが、ポートフォリオサイトへの掲載はオーナー様より許可をいただいています。
使用ツール:HTML、CSS、jQuery
03.
プライベート温熱整体サロン 公式LP制作
#クライアントワーク #ランディングページ

東京・上野エリアにあるプライベート整体サロンの公式ランディングページを制作しました。
ページ制作の主な目的はオンライン予約の増加です。画面上部とページ内の要所に予約ボタンを設置し、「初回限定コース」へスムーズに進める導線設計を行いました。
施術の中心となるラジオ波温熱療法については、初めての方にも理解しやすいよう、「仕組み」→「効果」→「施術の流れ」の順に情報を整理。
さらに、通いやすいお店の特徴や口コミ紹介も充実させ、ターゲットである30代の女性が安心して予約できる構成を意識しました。
公開後すぐに、オンライン申し込みが増えているとの連絡をいただき、実際の予約数向上に貢献できた点を評価いただきました。
使用ツール:HTML、CSS
04.
朝採れ野菜のサブスク スグ食べ(架空) LP制作
#授業課題 #ランディングページ

https://portfolio.mikazukiweb.com/sample2
朝採れ野菜のサブスクリプションサービス『スグ食べ』(架空)のランディングページを、授業課題として制作しました。
テーマは「母の想い」。家族の健康を願うお母さんのやさしさや温かさをデザインで表現しています。
主なターゲットは主婦層で、スマートフォンでの閲覧を想定したモバイルファースト設計を採用しました。
ファーストビューには「土の上に置かれた野菜」の写真を用い、オーガニック・産地直送といった商品の魅力が直感的に伝わるようにしました。
全体の配色はベージュやモスグリーンなどのアースカラーを取り入れ、ナチュラルで親しみやすい雰囲気に仕上げました。
ページ内では「お試しセット」の紹介を複数回行い、購入ボタンを要所に配置することで、スムーズに申し込みへとつながる導線設計を意識しています。
使用ツール:HTML、CSS、jQuery
05.
漢方相談室 Herval Cottage(架空) サンプルサイト制作
#授業課題 #Webサイト

森の中にある、30~50代の女性を対象とした漢方相談室(架空)のWebサイトを制作しました。
心身の不調や悩みを抱える女性が安心して訪れ、自然の癒しを感じられるよう、「森のやすらぎ」をテーマにデザインを構築しています。
今回の制作では、WordPressのブロックエディタを使用。
直感的な編集性を活かしながら、元々知識のあったcssによる実装を追加し、温かみのある柔らかな表現を目指しました。
自然の写真やグリーンを基調としたカラーを使用し、訪れる方に安心感とやさしさを伝えるデザインに。
また、漢方相談への申し込みにつなげることを目的として、各所にCTAボタンを配置し、ユーザー導線にも配慮しています。
申し込みフォームは、Contact Form 7を使用して実装しました。
使用ツール:WordPress(ブロックエディタ)