<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>WEB・LP アーカイブ - 七穂デザイン</title>
	<atom:link href="https://nanahodesign.com/tag/web-lp/feed/" rel="self" type="application/rss+xml" />
	<link>https://nanahodesign.com/tag/web-lp/</link>
	<description></description>
	<lastBuildDate>Fri, 26 Jun 2026 09:07:31 +0000</lastBuildDate>
	<language>ja</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=7.0</generator>

<image>
	<url>https://nanahodesign.com/wp-content/uploads/2025/10/nanaho-logoW.png</url>
	<title>WEB・LP アーカイブ - 七穂デザイン</title>
	<link>https://nanahodesign.com/tag/web-lp/</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>制作事例：児童発達支援・放課後等デイサービス　サイトデザイン</title>
		<link>https://nanahodesign.com/case-hp3/</link>
		
		<dc:creator><![CDATA[yuka]]></dc:creator>
		<pubDate>Fri, 26 Jun 2026 00:10:37 +0000</pubDate>
				<category><![CDATA[制作事例]]></category>
		<category><![CDATA[WEB・LP]]></category>
		<guid isPermaLink="false">http://nanaho-design.local/?p=648</guid>

					<description><![CDATA[<p>「自分の色」で咲く日を信じて——放課後デイサービスの想い …</p>
<p>投稿 <a href="https://nanahodesign.com/case-hp3/">制作事例：児童発達支援・放課後等デイサービス　サイトデザイン</a> は <a href="https://nanahodesign.com">七穂デザイン</a> に最初に表示されました。</p>
]]></description>
										<content:encoded><![CDATA[<div class="yoast-breadcrumbs yoast-breadcrumb"><span><span><a href="https://nanahodesign.com/">HOME</a></span> &gt; <span class="breadcrumb_last" aria-current="page">WEB・LP</span></span></div>


<div class="alignfull ystdb-section" style="padding-top:80px;padding-bottom:80px;margin-top:0;margin-bottom:0"><div class="ystdb-section__container"><div class="ystdb-section__inner" style="margin-right:auto;margin-left:auto;padding-left:clamp( 24px, 6.79vw - 2px, 80px );padding-right:clamp( 24px, 6.79vw - 2px, 80px )" data-responsive-clamp="{&quot;padding-left&quot;:&quot;80px&quot;,&quot;padding-right&quot;:&quot;80px&quot;}"><div class="wp-block-image">
<figure class="aligncenter size-full"><img fetchpriority="high" decoding="async" width="842" height="631" src="https://nanahodesign.com/wp-content/uploads/2026/03/case-hp-3.jpg" alt="放課後等デイサービス向けに制作した、保護者にやさしく伝えるホームページのデザイン" class="wp-image-3946" srcset="https://nanahodesign.com/wp-content/uploads/2026/03/case-hp-3.jpg 842w, https://nanahodesign.com/wp-content/uploads/2026/03/case-hp-3-300x225.jpg 300w, https://nanahodesign.com/wp-content/uploads/2026/03/case-hp-3-768x576.jpg 768w" sizes="(max-width: 842px) 100vw, 842px" /></figure>
</div>


<div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div>



<h1 class="wp-block-heading" style="padding-top:0px;padding-bottom:var(--wp--preset--spacing--40)">「自分の色」で咲く日を信じて——放課後デイサービスの想いを、やさしく届けるコーポレートサイト</h1>



<div style="height:40px" aria-hidden="true" class="wp-block-spacer"></div>



<h4 class="wp-block-heading is-style-ystdtb-h6 has-ys-user-1-color has-text-color has-link-color wp-elements-6a2df4d129451a13b8ed49196f45e98a"><strong>■ コンセプト</strong></h4>



<div style="height:40px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">はじめて訪れた保護者の方が、「ここなら相談してみてもいいかもしれない」と感じられることを大切に設計したホームページです。<br>施設の理念、支援内容、保護者の方に向けた情報を、あたたかみのある色合いと落ち着いた導線でつなぎました。<br>ただ情報を並べるのではなく、読み進める中で、施設が大切にしている考え方や日々の支援の様子が少しずつ伝わるように整えています。</p>



<div style="height:80px" aria-hidden="true" class="wp-block-spacer"></div>



<h4 class="wp-block-heading is-style-ystdtb-h6 has-ys-user-1-color has-text-color has-link-color wp-elements-2abaa0009de667eb03ef0d341f978332"><strong>■ デザインの背景：</strong>理念を、日々の支援につなげる</h4>



<div style="height:40px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">放課後等デイサービスのホームページでは、支援内容や利用案内を分かりやすく伝えることはもちろん、施設がどんな考え方で子どもたちと向き合っているのかも大切な情報になります。</p>



<p class="wp-block-paragraph">初回納品後、クライアント様から「差別化」についてのお話が出たことをきっかけに、あらためてサイト全体を見直しました。</p>



<p class="wp-block-paragraph">その中で、施設の理念は伝わっているものの、その理念が日々の支援内容とどうつながっているのかを、より伝わりやすく整理できそうだと考えました。<br>そこで、「経験を力にしながら成長を支える」という施設の姿勢が、各支援プログラムの説明にも自然につながるよう、追加でブラッシュアップをご提案しました。</p>



<p class="wp-block-paragraph">理念と支援内容を、言葉の上でも構成の上でもつなぎ直すことで、保護者の方が「この考え方が、日々の支援にも反映されているんだ」と感じやすい流れに整えています。</p>



<div style="height:80px" aria-hidden="true" class="wp-block-spacer"></div>



<h4 class="wp-block-heading is-style-ystdtb-h6 has-ys-user-1-color has-text-color has-link-color wp-elements-f2298d1be9949eb44ac8537fb97c92cc"><strong>■ デザインの意図：想いと支援内容がきちんとつながるように</strong></h4>



<div style="height:40px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">このサイトで特に意識したのは、施設の想いと支援内容がきちんとつながって見えることです。</p>



<p class="wp-block-paragraph">トップページで語られる理念が、その後に続く支援プログラムの説明にもつながっている。<br>その流れがあることで、はじめて訪れた方にも、施設の考え方が伝わりやすくなると考えました。</p>



<p class="wp-block-paragraph">デザインは、穏やかさと安心感を大切にしています。淡いグリーン、ピンク、白を基調に、角の丸みや読みやすい余白を使い、構えず読み進められる印象に整えました。</p>



<p class="wp-block-paragraph">問い合わせへ急がせるのではなく、施設の考え方や支援内容を知り、納得した上で相談へ進める流れを意識しています。</p>



<p class="wp-block-paragraph">こちらのクライアント様のほかの制作事例はこちら↓</p>



<div class="wp-block-buttons is-horizontal is-layout-flex wp-block-buttons-is-layout-flex">
<div class="wp-block-button has-custom-width wp-block-button__width-50 is-style-outline is-style-outline--1"><a class="wp-block-button__link has-ys-user-1-color has-text-color has-link-color has-border-color has-ys-user-1-border-color wp-element-button" href="https://nanahodesign.com/case-logo2/" style="border-width:1px;padding-right:0px;padding-left:0px">ロゴ</a></div>



<div class="wp-block-button has-custom-width wp-block-button__width-50 is-style-outline is-style-outline--2"><a class="wp-block-button__link has-ys-user-1-color has-text-color has-link-color has-border-color has-ys-user-1-border-color wp-element-button" href="https://nanahodesign.com/case-bcard2/" style="border-width:1px;padding-right:0px;padding-left:0px">名刺</a></div>
</div>



<div style="height:80px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-flexible-table-block-table is-content-justification-left"><table class="is-stacked-on-mobile" style="border-collapse:separate;border-spacing:8px;border-width:0"><tbody><tr><th colspan="2" style="background-color:#fbf9f5;border-radius:4px;text-align:center;border-color:#003f61"><strong>スペック</strong></th></tr><tr><td style="border-radius:4px;border-color:#003f61;text-align:center">業種／サービス</td><td style="border-radius:4px;border-style:solid;border-color:#003f61;text-align:center">児童福祉サービス</td></tr><tr><td style="border-color:#003f61;border-radius:4px;text-align:center">制作内容</td><td style="border-radius:4px;border-color:#003f61;text-align:center">webサイト制作／STUDIO</td></tr><tr><td style="border-radius:4px;border-color:#003f61;text-align:center">制作範囲</td><td style="border-radius:4px;border-color:#003f61;text-align:center">・サイト構成設計・ライティング・デザイン制作（レスポンシブ対応）・写真撮影（一部）・検索パフォーマンス計測環境の設定（Google Search Console）</td></tr></tbody></table></figure>



<div class="wp-block-buttons is-horizontal is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-14bb787f wp-block-buttons-is-layout-flex" style="padding-top:var(--wp--preset--spacing--80)">
<div class="wp-block-button"><a class="wp-block-button__link has-ys-user-1-color has-ys-light-gray-background-color has-text-color has-background has-link-color wp-element-button" href="https://nanahodesign.com/all-projects/" style="border-top-left-radius:100px;border-top-right-radius:100px;border-bottom-left-radius:100px;border-bottom-right-radius:100px">実績一覧に戻る</a></div>



<div class="wp-block-button"><a class="wp-block-button__link has-ys-user-1-color has-ys-light-gray-background-color has-text-color has-background has-link-color wp-element-button" href="https://nanahodesign.com/" style="border-top-left-radius:100px;border-top-right-radius:100px;border-bottom-left-radius:100px;border-bottom-right-radius:100px">トップに戻る</a></div>
</div>
</div></div></div>
<p>投稿 <a href="https://nanahodesign.com/case-hp3/">制作事例：児童発達支援・放課後等デイサービス　サイトデザイン</a> は <a href="https://nanahodesign.com">七穂デザイン</a> に最初に表示されました。</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>作成事例：就労支援施設　サイトデザイン</title>
		<link>https://nanahodesign.com/case-hp1/</link>
		
		<dc:creator><![CDATA[yuka]]></dc:creator>
		<pubDate>Thu, 25 Jun 2026 23:40:20 +0000</pubDate>
				<category><![CDATA[制作事例]]></category>
		<category><![CDATA[WEB・LP]]></category>
		<guid isPermaLink="false">http://nanaho-design.local/?p=642</guid>

					<description><![CDATA[<p>施設・地域・利用者・企業をつなぐ、育てていけるホームペー …</p>
<p>投稿 <a href="https://nanahodesign.com/case-hp1/">作成事例：就労支援施設　サイトデザイン</a> は <a href="https://nanahodesign.com">七穂デザイン</a> に最初に表示されました。</p>
]]></description>
										<content:encoded><![CDATA[<div class="yoast-breadcrumbs yoast-breadcrumb"><span><span><a href="https://nanahodesign.com/">HOME</a></span> &gt; <span class="breadcrumb_last" aria-current="page">WEB・LP</span></span></div>


<div class="alignfull ystdb-section" style="padding-top:80px;padding-bottom:80px;margin-top:0;margin-bottom:0"><div class="ystdb-section__container"><div class="ystdb-section__inner" style="margin-right:auto;margin-left:auto;padding-left:clamp( 24px, 6.79vw - 2px, 80px );padding-right:clamp( 24px, 6.79vw - 2px, 80px )" data-responsive-clamp="{&quot;padding-left&quot;:&quot;80px&quot;,&quot;padding-right&quot;:&quot;80px&quot;}"><div class="wp-block-image">
<figure class="aligncenter size-full"><img decoding="async" width="842" height="631" src="https://nanahodesign.com/wp-content/uploads/2026/03/case-hp-1.jpg" alt="就労支援施設向けに制作した、利用者と企業向けの情報を整理したホームページデザイン" class="wp-image-3951" srcset="https://nanahodesign.com/wp-content/uploads/2026/03/case-hp-1.jpg 842w, https://nanahodesign.com/wp-content/uploads/2026/03/case-hp-1-300x225.jpg 300w, https://nanahodesign.com/wp-content/uploads/2026/03/case-hp-1-768x576.jpg 768w" sizes="(max-width: 842px) 100vw, 842px" /></figure>
</div>


<div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div>



<h1 class="wp-block-heading" style="padding-top:0px;padding-bottom:var(--wp--preset--spacing--40)">施設・地域・利用者・企業をつなぐ、育てていけるホームページ</h1>



<div style="height:40px" aria-hidden="true" class="wp-block-spacer"></div>



<h4 class="wp-block-heading is-style-ystdtb-h6 has-ys-user-1-color has-text-color has-link-color wp-elements-6a2df4d129451a13b8ed49196f45e98a"><strong>■ コンセプト</strong></h4>



<div style="height:40px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">事業名に込められた「地域とつながる」という考えを軸に、施設、地域、利用者、企業をつなぐホームページとして制作しました。<br>最初からすべてを作り込むのではなく、まず必要な情報を整理して掲載し、運用しながら少しずつ足したり見直したりできる形にしています。<br>施設の今を伝えるだけでなく、これからの活動も受け止められる土台になることを意識しました。</p>



<div style="height:80px" aria-hidden="true" class="wp-block-spacer"></div>



<h4 class="wp-block-heading is-style-ystdtb-h6 has-ys-user-1-color has-text-color has-link-color wp-elements-0221e1926d4c66cfbbbda43eea72ed88"><strong>■ デザインの背景：</strong>運用しながら育てられる形にする</h4>



<div style="height:40px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">このホームページは、納品後も継続的に情報を更新していけるよう、ノーコードツールを使って構築しています。<br>初期段階では、まず必要な情報を整理して掲載しました。<br>そのうえで、実際に運用しながら内容を見直したり、情報を追加したりできる前提で構成しています。</p>



<p class="wp-block-paragraph">また、掲載テキストの作成や写真撮影も含め、情報の見せ方を一体で設計しました。</p>



<p class="wp-block-paragraph">利用を考えている方に向けた情報と、企業に向けた情報が混ざりすぎないようにページを分け、それぞれが自分に必要な情報へ迷わず進めるようにしています。</p>



<p class="wp-block-paragraph">初期段階では負担を抑えて運用できる形で始め、将来的に独自ドメインへ移行できるよう、今後の広がりも見据えて設計しています。</p>



<div style="height:80px" aria-hidden="true" class="wp-block-spacer"></div>



<h4 class="wp-block-heading is-style-ystdtb-h6 has-ys-user-1-color has-text-color has-link-color wp-elements-b7c522826045fa6b8c0a6f08e147a7fa"><strong>■ デザインの意図：見る人ごとに、必要な情報へ進めるように</strong></h4>



<div style="height:40px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">トップページでは、施設の概要や事業内容を大きく捉えられるようにし、そこから各詳細ページへ進める構成にしました。</p>



<p class="wp-block-paragraph">例えば、「ご利用にあたって」のページでは、利用までの流れ、よくある質問、スタッフ紹介をまとめています。これは、はじめて見る方やご家族が、少しずつ疑問を解消しながら読み進められるようにするためです。<br>また、協力企業の声も掲載し、企業側から見た関わり方や印象も伝わるようにしています。</p>



<p class="wp-block-paragraph">施設のことを知りたい人。<br>利用を考えている人。<br>企業として関わりたい人。</p>



<p class="wp-block-paragraph">それぞれが必要な情報にたどり着けるよう、内容とページの流れを整理しました。</p>



<p class="wp-block-paragraph">こちらのクライアント様のほかの制作事例はこちら↓</p>



<div class="wp-block-buttons is-horizontal is-layout-flex wp-block-buttons-is-layout-flex">
<div class="wp-block-button has-custom-width wp-block-button__width-50 is-style-outline is-style-outline--3"><a class="wp-block-button__link has-ys-user-1-color has-text-color has-link-color has-border-color has-ys-user-1-border-color wp-element-button" href="https://nanahodesign.com/case-bcard1/" style="border-width:1px;padding-right:0px;padding-left:0px">名刺</a></div>



<div class="wp-block-button has-custom-width wp-block-button__width-50 is-style-outline is-style-outline--4"><a class="wp-block-button__link has-ys-user-1-color has-text-color has-link-color has-border-color has-ys-user-1-border-color wp-element-button" href="https://nanahodesign.com/case-logo1/" style="border-width:1px;padding-right:0px;padding-left:0px">ロゴ</a></div>



<div class="wp-block-button has-custom-width wp-block-button__width-50 is-style-outline is-style-outline--5"><a class="wp-block-button__link has-ys-user-1-color has-text-color has-link-color has-border-color has-ys-user-1-border-color wp-element-button" href="https://nanahodesign.com/case-leaflet1/" style="border-width:1px;padding-right:0px;padding-left:0px">リーフレット</a></div>



<div class="wp-block-button has-custom-width wp-block-button__width-50 is-style-outline is-style-outline--6"><a class="wp-block-button__link has-ys-user-1-color has-text-color has-link-color has-border-color has-ys-user-1-border-color wp-element-button" href="https://nanahodesign.com/case-fryer1/" style="border-width:1px;padding-right:0px;padding-left:0px">チラシ</a></div>
</div>



<div style="height:80px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-flexible-table-block-table is-content-justification-left"><table class="is-stacked-on-mobile" style="border-collapse:separate;border-spacing:8px;border-width:0"><tbody><tr><th colspan="2" style="background-color:#fbf9f5;border-radius:4px;text-align:center;border-color:#003f61"><strong>スペック</strong></th></tr><tr><td style="border-radius:4px;border-color:#003f61;text-align:center">業種／サービス</td><td style="border-radius:4px;border-style:solid;border-color:#003f61;text-align:center">就労支援／障害福祉サービス</td></tr><tr><td style="border-color:#003f61;border-radius:4px;text-align:center">制作内容</td><td style="border-radius:4px;border-color:#003f61;text-align:center">Webサイト制作／STUDIO</td></tr><tr><td style="border-radius:4px;border-color:#003f61;text-align:center">制作範囲</td><td style="border-radius:4px;border-color:#003f61;text-align:center">・サイト構成設計・ライティング・写真撮影・デザイン制作（レスポンシブ対応／テンプレートカスタム）・検索パフォーマンス計測環境の設定（Google Search Console）</td></tr></tbody></table></figure>



<div class="wp-block-buttons is-horizontal is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-14bb787f wp-block-buttons-is-layout-flex" style="padding-top:var(--wp--preset--spacing--80)">
<div class="wp-block-button"><a class="wp-block-button__link has-ys-user-1-color has-ys-light-gray-background-color has-text-color has-background has-link-color wp-element-button" href="https://nanahodesign.com/all-projects/" style="border-top-left-radius:100px;border-top-right-radius:100px;border-bottom-left-radius:100px;border-bottom-right-radius:100px">実績一覧に戻る</a></div>



<div class="wp-block-button"><a class="wp-block-button__link has-ys-user-1-color has-ys-light-gray-background-color has-text-color has-background has-link-color wp-element-button" href="https://nanahodesign.com/" style="border-top-left-radius:100px;border-top-right-radius:100px;border-bottom-left-radius:100px;border-bottom-right-radius:100px">トップに戻る</a></div>
</div>
</div></div></div>
<p>投稿 <a href="https://nanahodesign.com/case-hp1/">作成事例：就労支援施設　サイトデザイン</a> は <a href="https://nanahodesign.com">七穂デザイン</a> に最初に表示されました。</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>制作事例：カフェ・製菓　サイトデザイン</title>
		<link>https://nanahodesign.com/case-hp2/</link>
		
		<dc:creator><![CDATA[yuka]]></dc:creator>
		<pubDate>Thu, 25 Jun 2026 22:50:29 +0000</pubDate>
				<category><![CDATA[制作事例]]></category>
		<category><![CDATA[WEB・LP]]></category>
		<guid isPermaLink="false">http://nanaho-design.local/?p=608</guid>

					<description><![CDATA[<p>「しっぱいしたって、だいじょうぶ。」からはじまる、やさし …</p>
<p>投稿 <a href="https://nanahodesign.com/case-hp2/">制作事例：カフェ・製菓　サイトデザイン</a> は <a href="https://nanahodesign.com">七穂デザイン</a> に最初に表示されました。</p>
]]></description>
										<content:encoded><![CDATA[<div class="yoast-breadcrumbs yoast-breadcrumb"><span><span><a href="https://nanahodesign.com/">HOME</a></span> &gt; <span class="breadcrumb_last" aria-current="page">WEB・LP</span></span></div>


<div class="alignfull ystdb-section" style="padding-top:80px;padding-bottom:80px;margin-top:0;margin-bottom:0"><div class="ystdb-section__container"><div class="ystdb-section__inner" style="margin-right:auto;margin-left:auto;padding-left:clamp( 24px, 6.79vw - 2px, 80px );padding-right:clamp( 24px, 6.79vw - 2px, 80px )" data-responsive-clamp="{&quot;padding-left&quot;:&quot;80px&quot;,&quot;padding-right&quot;:&quot;80px&quot;}"><div class="wp-block-image">
<figure class="aligncenter size-full has-custom-border"><img decoding="async" width="842" height="631" src="https://nanahodesign.com/wp-content/uploads/2026/03/case-hp-2.jpg" alt="カフェ向けに制作した、商品情報とLINE導線を整理したホームページデザイン" class="has-border-color has-ys-light-gray-border-color wp-image-3960" style="border-width:2px" srcset="https://nanahodesign.com/wp-content/uploads/2026/03/case-hp-2.jpg 842w, https://nanahodesign.com/wp-content/uploads/2026/03/case-hp-2-300x225.jpg 300w, https://nanahodesign.com/wp-content/uploads/2026/03/case-hp-2-768x576.jpg 768w" sizes="(max-width: 842px) 100vw, 842px" /></figure>
</div>


<div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div>



<h1 class="wp-block-heading" style="padding-top:0px;padding-bottom:var(--wp--preset--spacing--40)">「しっぱいしたって、だいじょうぶ。」からはじまる、やさしいカフェサイト</h1>



<div style="height:40px" aria-hidden="true" class="wp-block-spacer"></div>



<h4 class="wp-block-heading is-style-ystdtb-h6 has-ys-user-1-color has-text-color has-link-color wp-elements-6a2df4d129451a13b8ed49196f45e98a"><strong>■ コンセプト</strong></h4>



<div style="height:40px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">「しっぱいしたって、だいじょうぶ。」という言葉に込められた思いを軸に、お店のやさしさや背景が自然に伝わるホームページを制作しました。<br>写真、言葉、余白、色合いを通して、手づくりのあたたかさや、お店の空気感が伝わることを大切にしています。<br>あわせて、商品情報、店舗情報、予約やギフト相談への流れも整理し、訪れた人が迷わず必要な情報へ進めるように整えました。</p>



<div style="height:80px" aria-hidden="true" class="wp-block-spacer"></div>



<h4 class="wp-block-heading is-style-ystdtb-h6 has-ys-user-1-color has-text-color has-link-color wp-elements-ae1f224dffafa01aba4f915f4ad2f2f1"><strong>■ デザインの背景：</strong>お店の空気感と、使いやすさを両方大切にする</h4>



<div style="height:40px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">このサイトでは、やさしさや手づくり感といったお店らしさを大切にしながら、実際に見に来た人が使いやすいことも意識しました。</p>



<p class="wp-block-paragraph">「どんなお店なのか」を感じてもらうこと。<br>そして、「行ってみたい」「贈りものとして相談したい」と思ったときに、迷わず次へ進めること。<br>その両方が成り立つように構成しました。</p>



<p class="wp-block-paragraph">また、予約やギフト相談、問い合わせはLINEを中心にまとめています。<br>普段から使いやすい連絡手段にそろえることで、気になったときに相談しやすい流れにしました。</p>



<div style="height:80px" aria-hidden="true" class="wp-block-spacer"></div>



<h4 class="wp-block-heading is-style-ystdtb-h6 has-ys-user-1-color has-text-color has-link-color wp-elements-1a35319bc428b8e62da21ef8d2a99805"><strong>■ デザインの意図：お店を知り、少しずつ相談へ進めるように</strong></h4>



<div style="height:40px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">ページ全体は、まずお店の空気感を感じてもらい、次に背景や商品を知り、最後に来店や相談へ進める流れで構成しています。</p>



<p class="wp-block-paragraph">ファーストビューでは、写真とコピーでお店の雰囲気を伝え、続くストーリーでは、ブランドの背景や大切にしている考え方を紹介しています。詳しい内容はアコーディオン形式にし、読みたい方が自分のペースで深く読めるようにしました。<br>商品紹介では、チョコレート、焼き菓子、コーヒーそれぞれの魅力が伝わるように整理しています。<br>カフェへの来店を希望される方、ギフトとして選びたい方にもイメージしやすいよう、見せ方や言葉を整えました。</p>



<p class="wp-block-paragraph">さらに、店内の様子や来店時の印象、店舗情報を通して、実際に訪れる場面が想像しやすくなるようにしています。</p>



<p class="wp-block-paragraph">行動の最後は、LINEでの予約・ギフト相談・問い合わせにつながる構成にしました。<br>「気になる」で終わらず、次の一歩へ進めるように整えています。</p>



<p class="wp-block-paragraph">こちらのクライアント様のほかの制作事例はこちら↓</p>



<div class="wp-block-buttons is-horizontal is-layout-flex wp-block-buttons-is-layout-flex">
<div class="wp-block-button has-custom-width wp-block-button__width-50 is-style-outline is-style-outline--7"><a class="wp-block-button__link has-ys-user-1-color has-text-color has-link-color has-border-color has-ys-user-1-border-color wp-element-button" href="https://nanahodesign.com/case-logo3/" style="border-width:1px;padding-right:0px;padding-left:0px">ロゴ</a></div>
</div>



<div style="height:80px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-flexible-table-block-table is-content-justification-left"><table class="is-stacked-on-mobile" style="border-collapse:separate;border-spacing:8px;border-width:0"><tbody><tr><th colspan="2" style="background-color:#fbf9f5;border-radius:4px;text-align:center;border-color:#003f61"><strong>スペック</strong></th></tr><tr><td style="border-radius:4px;border-color:#003f61;text-align:center">業種／サービス</td><td style="border-radius:4px;border-style:solid;border-color:#003f61;text-align:center">カフェ／菓子製造</td></tr><tr><td style="border-color:#003f61;border-radius:4px;text-align:center">制作内容</td><td style="border-radius:4px;border-color:#003f61;text-align:center">Webサイト制作（STUDIO）</td></tr><tr><td style="border-radius:4px;border-color:#003f61;text-align:center">制作範囲</td><td style="border-radius:4px;border-color:#003f61;text-align:center">・要件整理・情報設計・ワイヤーフレーム作成<br>・デザイン制作（PC・スマートフォン、英語ページ対応）・ライティング<br>・LINE導線設計（予約・ギフト相談・問い合わせ）<br>・検索パフォーマンス計測環境の設定（Google Search Console）</td></tr></tbody></table></figure>



<div class="wp-block-buttons is-horizontal is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-14bb787f wp-block-buttons-is-layout-flex" style="padding-top:var(--wp--preset--spacing--80)">
<div class="wp-block-button"><a class="wp-block-button__link has-ys-user-1-color has-ys-light-gray-background-color has-text-color has-background has-link-color wp-element-button" href="https://nanahodesign.com/all-projects/" style="border-top-left-radius:100px;border-top-right-radius:100px;border-bottom-left-radius:100px;border-bottom-right-radius:100px">実績一覧に戻る</a></div>



<div class="wp-block-button"><a class="wp-block-button__link has-ys-user-1-color has-ys-light-gray-background-color has-text-color has-background has-link-color wp-element-button" href="https://nanahodesign.com/" style="border-top-left-radius:100px;border-top-right-radius:100px;border-bottom-left-radius:100px;border-bottom-right-radius:100px">トップに戻る</a></div>
</div>
</div></div></div>
<p>投稿 <a href="https://nanahodesign.com/case-hp2/">制作事例：カフェ・製菓　サイトデザイン</a> は <a href="https://nanahodesign.com">七穂デザイン</a> に最初に表示されました。</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>制作事例：美容院　1P サイトデザイン</title>
		<link>https://nanahodesign.com/case-1p-hp1/</link>
		
		<dc:creator><![CDATA[yuka]]></dc:creator>
		<pubDate>Thu, 25 Jun 2026 22:30:31 +0000</pubDate>
				<category><![CDATA[制作事例]]></category>
		<category><![CDATA[WEB・LP]]></category>
		<guid isPermaLink="false">http://nanaho-design.local/?p=602</guid>

					<description><![CDATA[<p>発信をひとつにまとめる、落ち着いた1ページホームページ  …</p>
<p>投稿 <a href="https://nanahodesign.com/case-1p-hp1/">制作事例：美容院　1P サイトデザイン</a> は <a href="https://nanahodesign.com">七穂デザイン</a> に最初に表示されました。</p>
]]></description>
										<content:encoded><![CDATA[<div class="yoast-breadcrumbs yoast-breadcrumb"><span><span><a href="https://nanahodesign.com/">HOME</a></span> &gt; <span class="breadcrumb_last" aria-current="page">WEB・LP</span></span></div>


<div class="alignfull ystdb-section" style="padding-top:80px;padding-bottom:80px;margin-top:0;margin-bottom:0"><div class="ystdb-section__container"><div class="ystdb-section__inner" style="margin-right:auto;margin-left:auto;padding-left:clamp( 24px, 6.79vw - 2px, 80px );padding-right:clamp( 24px, 6.79vw - 2px, 80px )" data-responsive-clamp="{&quot;padding-left&quot;:&quot;80px&quot;,&quot;padding-right&quot;:&quot;80px&quot;}"><div class="wp-block-image">
<figure class="aligncenter size-full"><img loading="lazy" decoding="async" width="842" height="631" src="https://nanahodesign.com/wp-content/uploads/2026/03/case-lp-1.jpg" alt="美容院向けに制作した、InstagramとLINE導線を整理した1ページホームページデザイン" class="wp-image-3969" srcset="https://nanahodesign.com/wp-content/uploads/2026/03/case-lp-1.jpg 842w, https://nanahodesign.com/wp-content/uploads/2026/03/case-lp-1-300x225.jpg 300w, https://nanahodesign.com/wp-content/uploads/2026/03/case-lp-1-768x576.jpg 768w" sizes="auto, (max-width: 842px) 100vw, 842px" /></figure>
</div>


<div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div>



<h1 class="wp-block-heading" style="padding-top:0px;padding-bottom:var(--wp--preset--spacing--40)">発信をひとつにまとめる、落ち着いた1ページホームページ</h1>



<div style="height:40px" aria-hidden="true" class="wp-block-spacer"></div>



<h4 class="wp-block-heading is-style-ystdtb-h6 has-ys-user-1-color has-text-color has-link-color wp-elements-6a2df4d129451a13b8ed49196f45e98a"><strong>■ コンセプト</strong></h4>



<div style="height:40px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">Instagramや公式LINEなど、すでにある発信先を整理し、必要な情報に迷わずたどり着けるように1ページのホームページを制作しました。</p>



<p class="wp-block-paragraph">新しい接点を大きく増やすというよりも、既存のお客様やホームページを訪れた方が、安心して情報を確認できる場所をつくることを大切にしています。</p>



<p class="wp-block-paragraph">デザインは、店舗の印象にもつながるブルーをもとに、ロイヤルブルーを軸とし、上品で落ち着いた印象と、清潔感のある雰囲気が伝わるようにしています。</p>



<div style="height:80px" aria-hidden="true" class="wp-block-spacer"></div>



<h4 class="wp-block-heading is-style-ystdtb-h6 has-ys-user-1-color has-text-color has-link-color wp-elements-b6bd1b8054b0812f9dfdd55a3b7b6a18"><strong>■ デザインの背景：</strong>分かれていた発信を、ひとつにつなぐ</h4>



<div style="height:40px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">Instagramや公式LINEなど、すでに使っている発信・連絡手段はありました。ただ、それぞれが別々に存在していて、お店の情報や予約方法をまとめて確認できる場所がありませんでした。</p>



<p class="wp-block-paragraph">そこで、今あるものを無理に増やすのではなく、それぞれをつなぐ場所として、1ページのホームページを制作。</p>



<p class="wp-block-paragraph">視覚面においても、落ち着きや安心感を大切にしながら、空間やサービスの印象と調和するトーンで統一することを意識しています。お店の雰囲気、サービス内容、Instagram、公式LINEがつながり、見に来た方が必要な情報へ進みやすい形に整えています。</p>



<div style="height:80px" aria-hidden="true" class="wp-block-spacer"></div>



<h4 class="wp-block-heading is-style-ystdtb-h6 has-ys-user-1-color has-text-color has-link-color wp-elements-4de4fe4606c5a632800d2f5e3c3df0ed"><strong>■ デザインの意図：必要な情報へ進みやすくする</strong></h4>



<div style="height:40px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">今回は、1ページに情報をまとめることで、入口をシンプルにしました。<br>お店の雰囲気、サービス内容、予約や問い合わせ先を順番に確認できる構成にし、必要な情報へ進みやすい形に整えています。</p>



<p class="wp-block-paragraph">予約や問い合わせは、基本的にLINEを中心にまとめ、気になったときに相談しやすい流れにしました。</p>



<p class="wp-block-paragraph">公開後も閲覧状況を見ながら、構成や内容を少しずつ調整しています。</p>



<p class="wp-block-paragraph">こちらのクライアント様のほかの制作事例はこちら↓</p>



<div class="wp-block-buttons is-horizontal is-layout-flex wp-block-buttons-is-layout-flex">
<div class="wp-block-button has-custom-width wp-block-button__width-50 is-style-outline is-style-outline--8"><a class="wp-block-button__link has-ys-user-1-color has-text-color has-link-color has-border-color has-ys-user-1-border-color wp-element-button" href="https://nanahodesign.com/case-novc1/" style="border-width:1px;padding-right:0px;padding-left:0px">ノベルティ用カレンダー</a></div>
</div>



<div style="height:80px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-flexible-table-block-table is-content-justification-left"><table class="is-stacked-on-mobile" style="border-collapse:separate;border-spacing:8px;border-width:0"><tbody><tr><th colspan="2" style="background-color:#fbf9f5;border-radius:4px;text-align:center;border-color:#003f61"><strong>スペック</strong></th></tr><tr><td style="border-radius:4px;border-color:#003f61;text-align:center">業種／サービス</td><td style="border-radius:4px;border-style:solid;border-color:#003f61;text-align:center">美容業／ヘアサロン</td></tr><tr><td style="border-color:#003f61;border-radius:4px;text-align:center">制作内容</td><td style="border-radius:4px;border-color:#003f61;text-align:center">1Pホームページ／WordPress</td></tr><tr><td style="border-radius:4px;border-color:#003f61;text-align:center">制作範囲</td><td style="border-radius:4px;border-color:#003f61;text-align:center">・要件整理・情報設計・ワイヤーフレーム作成・デザイン制作（PC・スマートフォン対応）・LINE導線設計（予約・問い合わせ）・検索パフォーマンス計測環境の設定（Google Search Console）</td></tr></tbody></table></figure>



<div class="wp-block-buttons is-horizontal is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-14bb787f wp-block-buttons-is-layout-flex" style="padding-top:var(--wp--preset--spacing--80)">
<div class="wp-block-button"><a class="wp-block-button__link has-ys-user-1-color has-ys-light-gray-background-color has-text-color has-background has-link-color wp-element-button" href="https://nanahodesign.com/all-projects/" style="border-top-left-radius:100px;border-top-right-radius:100px;border-bottom-left-radius:100px;border-bottom-right-radius:100px">実績一覧に戻る</a></div>



<div class="wp-block-button"><a class="wp-block-button__link has-ys-user-1-color has-ys-light-gray-background-color has-text-color has-background has-link-color wp-element-button" href="https://nanahodesign.com/" style="border-top-left-radius:100px;border-top-right-radius:100px;border-bottom-left-radius:100px;border-bottom-right-radius:100px">トップに戻る</a></div>
</div>
</div></div></div>
<p>投稿 <a href="https://nanahodesign.com/case-1p-hp1/">制作事例：美容院　1P サイトデザイン</a> は <a href="https://nanahodesign.com">七穂デザイン</a> に最初に表示されました。</p>
]]></content:encoded>
					
		
		
			</item>
	</channel>
</rss>
