web-design

web-site

こむぎと。 ホームページ制作

自主制作 元調理師の自分だからこそ、飲食業の現場感覚をデザインに落とし込みたくて、自家焙煎カフェを想定した自主制作です。 インスタグラムで毎日投稿しているのに、「営業時間は?」「場所は?」のDMが日々山のようにくる——そんな情景を想像して、「どんなサイトがあればオーナーが楽になるか」を考えて制作しました。 制作期間 :約7日制作時期 :2025年5月使用ツール:Wordpress / Photoshop / Figma / HTML / CSS 目的 一番の目標は「DM返信をゼロにする」ことでした。 送信内容の9割が「次の販売日はいつ?」という同じ質問です。これはLINE公式アカウントの一斉配信で構造的に解決できます。登録してもらった方に販売日の前日に一斉送れば、個別対応は不要になります。 デザインのポイント ■CTAを2か所に絞った理由LINE登録ボタンを設置したのはHero直下とページ最下部の2か所のみ。 ボタンをたくさん設置すればそれだけ登録率が上がるかというと、そうではありません。CTAが多すぎると「どれを押せばいいか」がわからなくなり、結果的に誰も押さなくなる。 「見て、興味を持って、ボタンを押す」というユーザーの心理的な流れに沿って、適切なタイミングで働きかけるのが大事です。 ■ テラコッタで「手仕事のぬくもり」を表現 カラーはクリームホワイト×テラコッタの組み合わせで統一しました。 テラコッタは焼き色を連想させ、「オーブンから出たての繱菓子」の印象と自然に気持ちよくリンクするカラーです。インスタメインの投稿とカラーの間に一貲性を持たせることも意識しました。

hosomichi-cafe
web-site

ほそみち珈琲 ホームページ制作

自主制作 元調理師の自分だからこそ、飲食業の現場感覚をデザインに落とし込みたくて、自家焙煎カフェを想定した自主制作です。 インスタグラムで毎日投稿しているのに、「営業時間は?」「場所は?」のDMが日々山のようにくる——そんな情景を想像して、「どんなサイトがあればオーナーが楽になるか」を考えて制作しました。 制作期間 :約14日制作時期 :2025年12月〜2025年2月使用ツール:Wordpress / Photoshop / Figma / HTML / CSS 目的 このサイトを作るにあたって、まずオーナーが本当に困っていることは何かを考えました。 結論は「DMを減らす」こと。予約を取ることでも、販売を増やすことでもなく、「営業時間は?」「場所は?」という同じ質問への返答を自動化すること。 デザインのポイント ■「予約ボタンを置かない」という選択 一般的なカフェサイトには「予約する」ボタンがあるのが当たり前です。でもこのお店は予約を受け付けないと想定。なぜなら、無理にボタンを設置すれば、問い合わせが増えて返ってくるだけと考えました。 クライアントのスタイルと実情に合わせた設計をするのが、本当の意味での「使いやすいサイト」だと思っています。 ■写真主役・余白多めのレイアウト コーヒーは言葉で説明するものではなく、パッと見た雰囲気で伝わるものだと思っています。あとは匂いですね。 そのためテキストは最小限にとどめ、大きな写真とゆったりした余白でページを構成しました。 カラーはディープブラウン×オフホワイトの2色で統一し、「山小屋の工房感」をブランドの基調にしました。

_mockup_fujiwaraeri
web-site

ヨガ・イトオテルミー ホームページ制作

ヒーリングサロンモモ 藤原恵理 様 友人からの依頼です。すでにあったサイトをリニューアルするお手伝いをいたしました。ヨガとイトオテルミーなど、彼女の活動をわかりやすく整理し、見やすくしました。 制作期間 :約14日制作時期 :2025年12月〜2025年2月使用ツール:Wordpress / Photoshop / Figma 目的 経歴、活動内容などを整理する。お問い合わせフォームへの誘導をはっきりさせる。 デザインのポイント ■カラー選定ご希望のオレンジやイエローを基調にして、彼女の明るさ、元気良さを伝えられるように工夫しました(写真は全てご本人より提供いただいております)。 ■情報整理健康に焦点をあてている活動をされており、ブレないように伝わる工夫をしました。配色や目線誘導を意識してデザインしました。 お客様の声 Q ご依頼に至った経緯を教えてください A 友だちのホームページやサイトが素敵だったから Q 制作全体の満足度を教えてください A ★★★★★ とても満足 Q 実際に依頼してみていかがでしたか? A 丁寧に話を聞いてくださり、こちらの思いや要望を聞いてくださり、そのうえきれいにまとめていただけたのでとても満足です Q 最後、自由に感想をお書きください A 少しずつ活動を広げて、またたくさんの方に届けられるようにしていきますね!いつか英語表記、海外への発信もできると嬉しい。頑張ります!またその際はぜひよろしくお願いします。 ご依頼いただきありがとうございました! いいご縁でつながれたこと、嬉しいです♪こちらこそまたぜひよろしくお願いします!

WEBデザイン5日間チャレンジプログラム-LP制作
landingpage, web-design

WEBデザイン5日間チャレンジプログラム-LP制作

ぬるま湯デザイン塾 ぬるま湯デザイン塾の課題として「WEBデザイン5日間チャレンジプログラム」のLP(ランディングページ)を制作しました。 制作期間 :約14日間制作時期 :2025年8月使用ツール:Photoshop、wordpress、HTML/CSS、VSCode、FileZilla 前提条件 ■目的①:無料のWEBデザイン5日間チャレンジに参加してもらうこと■目的②:チャレンジ後、講座の申し込み予定。■ターゲット:40代前後 男性女性。割合は30対70。WEBデザインに興味がある人。あるいは、在宅で働ける仕事を探している人向け■ご要望:・希望の配色イメージ:特に無し・希望イメージ:明るい印象で、信頼感があること。・横幅:スマホ特化を意識して750pxでデザインを作成 デザインのポイント ■伝えたい内容を意識し、強調させる配色明るい印象で、信頼感が伝わる青色ベースにし、ボタンをオレンジ色にして目立たせています。また、勉強で集中力を高めるなら青が良いそうです。 ■見やすい、読みやすいを意識したレイアウト優先順位をしっかりと意識し、大事なところを目立たせ、それ以外のところはなるべく目立たせなくする工夫をしています。また、セクションごとの切り替わりで背景色を変えて、何について読んでいるのかわかりやすくなるように工夫しました。文字の強弱や背景色の変化など、デザインにメリハリを出るようにしました。 デザインパターン

banner, web-design

バナー画像制作

ゆがみ矯正インソール ぬるま湯デザイン塾の課題として「ゆがみ矯正インソール」のバナーを制作しました。 制作期間 :2週間制作時期 :2025年7月使用ツール:Photoshop 前提条件 ■ターゲット:老若男女、O脚・X脚・猫背・外反母趾などで悩んでいる人向け■目的:Facebook、Instagramの広告などで使用■サイズ:1080px × 1080px■納品ファイル形式:JPG(jpeg) デザインのポイント ■物販なので、物が主役物が主役とは、写真が大事です。見せ方を工夫することに意識しました。写真をきれいに注目させながら、伝えたい文字をしっかり配置させ、権威性の文字も邪魔することなく訴求ポイントをしっかり押さえています。 ■高級感や清潔感をイメージさせるさりげなく高級さを印象づける色合いや、清潔感を抱かせる配色、デザインにしました。物を主役にさせつつ、背景色を意識しました。 デザインパターン

web-site

ヨガ Niki先生 ポートフォリオサイト制作

Yogasupplementlife 友人からの依頼です。「Niki先生、どんなことやっているの?」という声が多いことから、彼女のポートフォリオサイトを制作することになりました。 制作期間 :約10日制作時期 :2025年6月〜8月使用ツール:Wordpress 目的 経歴、活動内容などを紹介する。 イベント時には、申込みフォームを活用させる。 デザインのポイント ■画像(笑顔の写真)を多めに彼女の良さを知ってもらうために、笑顔の画像を多めに掲載しました。それだけで人柄が伝わります。また、こだわりの「絵文字」をそのまま使用し、親しみやすさを残しています。(写真は全てご本人より提供していただきました) ■活動内容ごとにページを作成予定健康・ウェルネスに注目している彼女の良さを伝えるため、多岐にわたって活動していることを紹介しています。どんどんページが進化していく予定です。

landingpage, web-design

ゴルフレッスンスクールLP制作

Golf performance 365 ぬるま湯デザイン塾の課題として「ゴルフレッスンスクール」のLP(ランディングページ)を制作しました。 制作期間 :7日間制作時期 :2025年6月使用ツール:Photoshop、ChatGPT 前提条件 ■目的①:ゴルフ練習スタジオへの誘導■目的②:無料体験レッスンからバックエンドオファー ■ターゲット:50代~60代、男性ゴルファー向け■ご要望:スタジオのリアルな様子を伝えるため、「リアルな写真」を使用 デザインのポイント ■伝えたい内容を意識し、メリハリをしっかりさせたレイアウトファーストビューでは、実際のゴルフスクールの写真を配置し、練習風景、指導の様子が伝わるようにしました。また、『5ラウンド以内に100が切れなければ全額返金!』という一番伝えたいセールスポイントを一番目立つように配置しました。 ■見てすぐ何屋さんかわかるように優先順位をしっかりと意識し、大事なところを目立たせ、それ以外のところはなるべく目立たせなくする工夫をしています。そのため、全額返金保証がついていること、19,800円で練習し放題であることが、見てすぐわかるように、読みやすく、理解しやすいようにしました。配色は、業界カラーであるグリーンを基調とし、ファーストビューとの繋がりも意識しています。

web-design, web-site

ポートフォリオサイト制作

RYO DESIGN制作所 ぬるま湯デザイン塾の課題として、自身の「RYO DESIGN制作所」のポートフォリオサイトを制作しました。 制作期間 :約7日制作時期 :2025年6月〜8月使用ツール:Wordpress 目的 経歴、実績などの自己紹介をするためのサイト作り。 デザインのポイント 読みやすさを重視しました。 知りたい情報の順番を意識し、情報を整えました。 カラーはオレンジを基調にしています。明朗活発。明るさ、元気良さが伝わるようにオレンジ色を選びました。

上部へスクロール