<?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>デモ &#8211; BoRN Creation</title>
	<atom:link href="https://borncreation.jp/category/demo/feed/" rel="self" type="application/rss+xml" />
	<link>https://borncreation.jp</link>
	<description>web制作お手伝いします!!</description>
	<lastBuildDate>Mon, 08 Nov 2021 02:33:49 +0000</lastBuildDate>
	<language>ja</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.9.4</generator>

<image>
	<url>https://borncreation.jp/wp-content/uploads/2021/09/cropped-android-chrome-512x512-1-32x32.png</url>
	<title>デモ &#8211; BoRN Creation</title>
	<link>https://borncreation.jp</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>デモサイト（BoRN gym）</title>
		<link>https://borncreation.jp/2021/10/18/born-gym/</link>
					<comments>https://borncreation.jp/2021/10/18/born-gym/#respond</comments>
		
		<dc:creator><![CDATA[youidon]]></dc:creator>
		<pubDate>Mon, 18 Oct 2021 14:15:49 +0000</pubDate>
				<category><![CDATA[デモ]]></category>
		<category><![CDATA[フィットネス・トレーニングジム]]></category>
		<guid isPermaLink="false">https://borncreation.jp/?p=2925</guid>

					<description><![CDATA[<p><img src="https://borncreation.jp/wp-content/uploads/2021/10/blog21.10.18-01.jpg" class="webfeedsFeaturedVisual" /></p>BoRN gym BoRN gym（デモサイト） URL：無 住所：無 TEL：無 制作日：2021.10 制作期間：5日 開発ツール：WordPress業種：トレーニングジム向け はじめに 前回もそうでしたが私はデモサ [&#8230;]]]></description>
										<content:encoded><![CDATA[<p><img src="https://borncreation.jp/wp-content/uploads/2021/10/blog21.10.18-01.jpg" class="webfeedsFeaturedVisual" /></p>
<p class="is-style-border_left"><strong><span class="swl-fz u-fz-l">BoRN gym</span></strong></p>



<figure class="wp-block-image size-full"><img fetchpriority="high" decoding="async" width="1005" height="600" src="https://borncreation.jp/wp-content/uploads/2021/10/blog21.10.18-01-1.jpg" alt="" class="wp-image-2930" srcset="https://borncreation.jp/wp-content/uploads/2021/10/blog21.10.18-01-1.jpg 1005w, https://borncreation.jp/wp-content/uploads/2021/10/blog21.10.18-01-1-300x179.jpg 300w, https://borncreation.jp/wp-content/uploads/2021/10/blog21.10.18-01-1-768x459.jpg 768w" sizes="(max-width: 1005px) 100vw, 1005px" /></figure>



<div class="wp-block-group is-style-bg_stripe pc_only has-background" style="background-color:#212121"><div class="wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow">
<div class="wp-block-group"><div class="wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow">
<div class="wp-block-columns has-white-background-color has-background is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:66.66%">
<p class="is-style-border_left"><strong>BoRN gym（デモサイト）</strong></p>



<p><span class="swl-fz u-fz-xs">URL：無</span></p>



<p><span class="swl-fz u-fz-xs">住所：無</span></p>



<p><span class="swl-fz u-fz-xs">TEL：無</span></p>



<ul class="wp-block-social-links is-layout-flex wp-block-social-links-is-layout-flex"></ul>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:33.33%">
<figure class="wp-block-image size-full is-style-border"><img decoding="async" width="800" height="533" src="https://borncreation.jp/wp-content/uploads/2021/10/blog21.10.18-02.jpg" alt="" class="wp-image-2931" srcset="https://borncreation.jp/wp-content/uploads/2021/10/blog21.10.18-02.jpg 800w, https://borncreation.jp/wp-content/uploads/2021/10/blog21.10.18-02-300x200.jpg 300w, https://borncreation.jp/wp-content/uploads/2021/10/blog21.10.18-02-768x512.jpg 768w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<p class="u-mb-ctrl u-mb-0 has-medium-font-size"><strong><span class="swl-fz u-fz-s"><span data-fontsize="16px" style="font-size: 16px;" class="vk_inline-font-size">制作日</span>：</span></strong><span class="swl-fz u-fz-s">2021.10</span></p>



<p class="u-mb-ctrl u-mb-0"><span class="swl-fz u-fz-s"><strong>制作期間：</strong></span>5日</p>



<p><span class="swl-fz u-fz-s"><strong>開発ツール：</strong>WordPress</span><br><strong><span class="swl-fz u-fz-s">業種：</span></strong>トレーニングジム向け</p>
</div>
</div>
</div></div>



<div class="wp-block-group has-white-background-color has-background"><div class="wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow">
<p class="is-style-border_left"><strong><span class="swl-fz u-fz-l">はじめに</span></strong></p>



<p>前回もそうでしたが私はデモサイトだからといって何でも良いわけではなく、お客様目線を第一に考えた上で、制作者としてのこだりわりや想いを想像しながら制作しています。<br>そこで今回は男らしいサイトを作ってみようと思い制作しました。<br><br>テーマは男磨きをする場所『gym』です。</p>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:66.66%">
<p class="is-style-border_left"><strong><span class="swl-fz u-fz-l">デザインイメージ</span></strong></p>



<p>gymって最初は身体を鍛えて男らしくなりたいと入会する人は多いと思いますが、平日は仕事が忙しい、ジムに入会したけどどのように鍛えたら良いのかわからないといった理由で高い月謝だけ払って月に1回しかいかないなどの話を良く耳にします。<br><br>そんな男性がこのgymなら通えるかもと思ってもらえるような雰囲気のサイトを意識してデザインしました。</p>



<p><strong><span class="swl-marker mark_orange">雰囲気</span></strong><br>シンプル・スタイリッシュ・奥行きのあるデザイン<br><br><strong><span class="swl-marker mark_orange">カラー</span></strong><br>ダークグレー・ゴールドでメンズらしいスタイリッシュな雰囲気で<br>全体的にトーンを暗くすることで男性っぽさを出しました。<br><br><strong><span class="swl-marker mark_orange">フォント</span></strong><br>見出しで明朝体で高級感を出し、段落でゴシック体を使用することでフラットな雰囲気を出しました。<br><br></p>



<p class="is-style-border_left" style="line-height:1.8"><strong><span class="swl-fz u-fz-l">感想</span></strong></p>



<p>最近は、男女関係なく好まれるデザインを意識した制作をしておりましたが、デザインの幅を広げたく男性に好まれるデザインに挑戦しました。<br>シンプルの中でも写真や文字に影を入れたりと奥行き感を出すことで今までとは違うイメージが表現できたのではと思っています。<br></p>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:33.33%">
<figure class="wp-block-image size-full u-lb-on"><img decoding="async" width="500" height="1893" src="https://borncreation.jp/wp-content/uploads/2021/10/blog21.10.18-03.jpg" alt="" class="wp-image-2938" srcset="https://borncreation.jp/wp-content/uploads/2021/10/blog21.10.18-03.jpg 500w, https://borncreation.jp/wp-content/uploads/2021/10/blog21.10.18-03-79x300.jpg 79w, https://borncreation.jp/wp-content/uploads/2021/10/blog21.10.18-03-406x1536.jpg 406w" sizes="(max-width: 500px) 100vw, 500px" /></figure>
</div>
</div>
</div></div>
</div></div>



<div class="wp-block-group alignfull is-style-bg_stripe sp_only has-background" style="background-color:#212121"><div class="wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow">
<div class="wp-block-group"><div class="wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow">
<div class="wp-block-columns has-white-background-color has-background is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:66.66%">
<p class="is-style-border_left"><strong>BoRN gym（デモサイト）</strong></p>



<p><span class="swl-fz u-fz-xs">URL：無</span></p>



<p><span class="swl-fz u-fz-xs">住所：無</span></p>



<p><span class="swl-fz u-fz-xs">TEL：無</span></p>



<ul class="wp-block-social-links is-layout-flex wp-block-social-links-is-layout-flex"></ul>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:33.33%">
<figure class="wp-block-image size-full is-style-border"><img decoding="async" width="800" height="533" src="https://borncreation.jp/wp-content/uploads/2021/10/blog21.10.18-02.jpg" alt="" class="wp-image-2931" srcset="https://borncreation.jp/wp-content/uploads/2021/10/blog21.10.18-02.jpg 800w, https://borncreation.jp/wp-content/uploads/2021/10/blog21.10.18-02-300x200.jpg 300w, https://borncreation.jp/wp-content/uploads/2021/10/blog21.10.18-02-768x512.jpg 768w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<p class="u-mb-ctrl u-mb-0 has-medium-font-size"><strong><span class="swl-fz u-fz-s"><span data-fontsize="16px" style="font-size: 16px;" class="vk_inline-font-size">制作日</span>：</span></strong><span class="swl-fz u-fz-s">2021.10</span></p>



<p class="u-mb-ctrl u-mb-0"><span class="swl-fz u-fz-s"><strong>制作期間：</strong></span>5日</p>



<p><span class="swl-fz u-fz-s"><strong>開発ツール：</strong>WordPress</span><br><strong><span class="swl-fz u-fz-s">業種：</span></strong>トレーニングジム向け</p>
</div>
</div>
</div></div>



<div class="wp-block-group has-white-background-color has-background"><div class="wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow">
<p class="is-style-border_left"><strong><span class="swl-fz u-fz-l">はじめに</span></strong></p>



<p>前回もそうでしたが私はデモサイトだからといって何でも良いわけではなく、お客様目線を第一に考えた上で、制作者としてのこだりわりや想いを想像しながら制作しています。<br>そこで今回は男らしいサイトを作ってみようと思い制作しました。<br><br>テーマは男磨きをする場所『gym』です。</p>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:66.66%">
<p class="is-style-border_left"><strong><span class="swl-fz u-fz-l">デザインイメージ</span></strong></p>



<p>gymって最初は身体を鍛えて男らしくなりたいと入会する人は多いと思いますが、平日は仕事が忙しい、ジムに入会したけどどのように鍛えたら良いのかわからないといった理由で高い月謝だけ払って月に1回しかいかないなどの話を良く耳にします。<br><br>そんな男性がこのgymなら通えるかもと思ってもらえるような雰囲気のサイトを意識してデザインしました。</p>



<p><strong><span class="swl-marker mark_orange">雰囲気</span></strong><br>シンプル・スタイリッシュ・奥行きのあるデザイン<br><br><strong><span class="swl-marker mark_orange">カラー</span></strong><br>ダークグレー・ゴールドでメンズらしいスタイリッシュな雰囲気で<br>全体的にトーンを暗くすることで男性っぽさを出しました。<br><br><strong><span class="swl-marker mark_orange">フォント</span></strong><br>見出しで明朝体で高級感を出し、段落でゴシック体を使用することでフラットな雰囲気を出しました。<br></p>



<p class="is-style-border_left" style="line-height:1.8"><strong><span class="swl-fz u-fz-l">感想</span></strong></p>



<p>最近は、男女関係なく好まれるデザインを意識した制作をしておりましたが、デザインの幅を広げたく男性に好まれるデザインに挑戦しました。<br>シンプルの中でも写真や文字に影を入れたりと奥行き感を出すことで今までとは違うイメージが表現できたのではと思っています。<br></p>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:33.33%">
<figure class="wp-block-image size-full u-lb-on"><img decoding="async" width="500" height="1893" src="https://borncreation.jp/wp-content/uploads/2021/10/blog21.10.18-03.jpg" alt="" class="wp-image-2938" srcset="https://borncreation.jp/wp-content/uploads/2021/10/blog21.10.18-03.jpg 500w, https://borncreation.jp/wp-content/uploads/2021/10/blog21.10.18-03-79x300.jpg 79w, https://borncreation.jp/wp-content/uploads/2021/10/blog21.10.18-03-406x1536.jpg 406w" sizes="(max-width: 500px) 100vw, 500px" /></figure>
</div>
</div>
</div></div>
</div></div>



<div class="wp-block-group pc_only is-style-big_icon_point"><div class="wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow">
<p><strong><span class="swl-bg-color has-black-background-color">こんなお悩みを持たられているお客様は是非、ご相談ください。※相談は無料です。</span></strong></p>



<ul class="wp-block-list"><li>ホームページを制作したいけどどこに依頼したらわからない</li><li>Webの知識がなく不安がある</li><li>制作会社に見積りをとったら高額で制作に悩んでいる</li><li>多くの方にサービスを発信したい</li><li>店舗のサービスを見直したい</li></ul>
</div></div>



<div class="wp-block-group sp_only is-style-big_icon_point"><div class="wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow">
<p><span class="swl-bg-color has-black-background-color"><strong>こんなお悩みを持たられているお客様は</strong><br><strong>是非、ご相談ください</strong>。</span></p>



<ul class="wp-block-list"><li>ホームページを制作したいけどどこに依頼したらわからない<br><br></li><li>Webの知識がなく不安がある<br><br></li><li>制作会社に見積りをとったら高額で制作に悩んでいる<br><br></li><li>多くの方にサービスを発信したい<br><br></li><li>店舗のサービスを見直したい<br></li></ul>
</div></div>



<div class="wp-block-group pc_only"><div class="wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow">
<p class="is-style-bg_stripe has-white-color has-text-color has-background" style="background-color:#212121">私は未経験からWebデザインの勉強を始めましたのでお客様の気持ちは大変よくわかります。<br>そんな私だからこそお手伝いできることがあると思います。<br>私は長年ファッション業界におりました。その中で販売から生産するところまで様々な経験をしてまいりました。<br>その経験を活かし、お客様のサービスに対してもアドバイスできると思います。<br>どうぞお気軽にご相談下さい。</p>
</div></div>



<div class="wp-block-group sp_only"><div class="wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow">
<p class="is-style-bg_stripe has-white-color has-text-color has-background" style="background-color:#212121">私は未経験からWebデザインの勉強を始めましたのでお客様の気持ちは大変よくわかります。そんな私だからこそお手伝いできることがあると思います。<br><br>私は長年ファッション業界におりました。その中で販売から生産するところまで様々な経験をしてまいりました。<br>その経験を活かし、お客様のサービスに対してもアドバイスできると思います。<br>どうぞお気軽にご相談下さい。</p>
</div></div>
]]></content:encoded>
					
					<wfw:commentRss>https://borncreation.jp/2021/10/18/born-gym/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>デモサイト（BoRN salon）</title>
		<link>https://borncreation.jp/2021/10/01/bornsalon/</link>
					<comments>https://borncreation.jp/2021/10/01/bornsalon/#respond</comments>
		
		<dc:creator><![CDATA[youidon]]></dc:creator>
		<pubDate>Fri, 01 Oct 2021 01:38:18 +0000</pubDate>
				<category><![CDATA[デモ]]></category>
		<category><![CDATA[美容・理容・サロン]]></category>
		<guid isPermaLink="false">https://borncreation.jp/?p=2772</guid>

					<description><![CDATA[<p><img src="https://borncreation.jp/wp-content/uploads/2021/10/born-demo01.jpg" class="webfeedsFeaturedVisual" /></p>BoRN salon BoRN salon（デモサイト） URL：無 住所：無 TEL：無 制作日：2021.09 制作期間：5日 開発ツール：WordPress業種：美容室・理容室向け コンセプト こんなプライベートサ [&#8230;]]]></description>
										<content:encoded><![CDATA[<p><img src="https://borncreation.jp/wp-content/uploads/2021/10/born-demo01.jpg" class="webfeedsFeaturedVisual" /></p>
<p class="is-style-border_left"><strong><span class="swl-fz u-fz-l">BoRN salon</span></strong></p>



<figure class="wp-block-image size-full"><img decoding="async" width="1005" height="600" src="https://borncreation.jp/wp-content/uploads/2021/10/born-demo01.jpg" alt="" class="wp-image-2774" srcset="https://borncreation.jp/wp-content/uploads/2021/10/born-demo01.jpg 1005w, https://borncreation.jp/wp-content/uploads/2021/10/born-demo01-300x179.jpg 300w, https://borncreation.jp/wp-content/uploads/2021/10/born-demo01-768x459.jpg 768w" sizes="(max-width: 1005px) 100vw, 1005px" /></figure>



<div class="wp-block-group is-style-bg_stripe pc_only has-swl-pale-04-background-color has-background"><div class="wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow">
<div class="wp-block-group"><div class="wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow">
<div class="wp-block-columns has-white-background-color has-background is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:66.66%">
<p class="is-style-border_left"><strong>BoRN salon（デモサイト）</strong></p>



<p><span class="swl-fz u-fz-xs">URL：無</span></p>



<p><span class="swl-fz u-fz-xs">住所：無</span></p>



<p><span class="swl-fz u-fz-xs">TEL：無</span></p>



<ul class="wp-block-social-links is-layout-flex wp-block-social-links-is-layout-flex"></ul>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:33.33%">
<figure class="wp-block-image size-full is-style-border"><img decoding="async" width="800" height="533" src="https://borncreation.jp/wp-content/uploads/2021/10/demo-01-2.jpg" alt="" class="wp-image-2776" srcset="https://borncreation.jp/wp-content/uploads/2021/10/demo-01-2.jpg 800w, https://borncreation.jp/wp-content/uploads/2021/10/demo-01-2-300x200.jpg 300w, https://borncreation.jp/wp-content/uploads/2021/10/demo-01-2-768x512.jpg 768w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<p class="u-mb-ctrl u-mb-0 has-medium-font-size"><strong><span class="swl-fz u-fz-s"><span data-fontsize="16px" style="font-size: 16px;" class="vk_inline-font-size">制作日</span>：</span></strong><span class="swl-fz u-fz-s">2021.09</span></p>



<p class="u-mb-ctrl u-mb-0"><span class="swl-fz u-fz-s"><strong>制作期間：</strong></span>5日</p>



<p><span class="swl-fz u-fz-s"><strong>開発ツール：</strong>WordPress</span><br><strong><span class="swl-fz u-fz-s">業種：</span></strong>美容室・理容室向け</p>
</div>
</div>
</div></div>



<div class="wp-block-group has-white-background-color has-background"><div class="wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow">
<p class="is-style-border_left"><strong><span class="swl-fz u-fz-l">コンセプト</span></strong></p>



<p>こんなプライベートサロンがあったら行きたいと思わせるような素敵なお店をイメージして<br>制作しました。架空の人物オーナーの”otokono midashinami氏”は妻・子供2人・フレンチブルドックのボンドの5人家族。<br><br>両親が自営で理容店を営んでいたこともあり、家業を注ぐために都内の有名バーバーで日々、腕を磨いてきました。オーナーは根っからのアウトドアマン。休日には喧騒から逃れ毎週山ごもりをするのがサイクルになっていた。そこでテントを張り、自然を感じながらリラックスする時間を楽しんでいました。<br><br>オーナーは長年の夢があって尊敬する両親のように自営で理容店をやることでした。そこで普通に街中で理容店を営業してもつまらないと感じ大好きな山の中にリラックスできるプライベート空間を作ってしまおうと考えました。<br><br>ただの理容師として髪を切るのではなく、<meta charset="utf-8">静かな空間で鳥の鳴き声や自然な風の音を感じながらそこまで足を運んで髪を切ることへの特別感や満足感を味わって貰いたいとずっと思っていました。<br><br>そんな思いを持ったオーナーは山を買い、そこに住宅兼プライベートサロンを建てたという架空ストーリーを思い描いてこちらのデモサイトを制作しました。<br><br><br></p>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:66.66%">
<p class="is-style-border_left"><strong><span class="swl-fz u-fz-l">デザインイメージ</span></strong></p>



<ul class="wp-block-list"><li>テーマが<strong>『自然・リラックス』</strong>なのでサイト全体に余白を大きくとって窮屈感を感じないようにしました。<br><br></li><li><strong>理容店＝メンズ</strong>の印象が強く、黒・白・赤といった色を使用することが多いですが、自然の中にあるサロンのイメージを出したかったのであえて背景色に生成カラーを持ってくることで優しい雰囲気を出しました。<br><br></li><li>店舗のイメージや周辺環境を写真やブログで発信することで、そんな<strong>オーナーのお洒落なライフスタイル</strong>に共感した人がお客様になり集客に繋がるような動線を作りました。<br><br><br><br></li></ul>



<p class="is-style-border_left" style="line-height:1.8"><strong><span class="swl-fz u-fz-l">感想</span></strong></p>



<p>今回のデモサイト『BoRN salon』は<strong>美容室・理容室</strong>に向けて制作しました。<br>それと同時に<strong><span class="swl-bg-color has-swl-main-background-color">1ページのシンプルプラン</span></strong>の参考になるかとも思います。<br><br>このままのボリュームで1ページで使用して頂いても良いのですが、例えば追加オプションで1ページ<br>加えるとヘアースタイルだけをまとめたギャラリーページなども紹介できます。<br><br>そのようなアレンジが自由にできますのでお客様の目的や要望などをお聞きした上で、ご提案致します。</p>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:33.33%">
<figure class="wp-block-gallery columns-1 is-cropped u-lb-on wp-block-gallery-1 is-layout-flex wp-block-gallery-is-layout-flex"><ul class="blocks-gallery-grid"><li class="blocks-gallery-item"><figure><a href="https://borncreation.jp/wp-content/uploads/2021/10/demo01-4.jpg"><img decoding="async" width="516" height="1920" src="https://borncreation.jp/wp-content/uploads/2021/10/demo01-4.jpg" alt="" data-id="2812" data-full-url="https://borncreation.jp/wp-content/uploads/2021/10/demo01-4.jpg" data-link="https://borncreation.jp/2021/10/01/%e3%83%87%e3%83%a2%e3%82%b5%e3%82%a4%e3%83%88%ef%bc%88%e7%be%8e%e5%ae%b9%e5%ae%a4%e3%83%bb%e7%90%86%e5%ae%b9%e5%ae%a4%ef%bc%89/demo01-4/" class="wp-image-2812" srcset="https://borncreation.jp/wp-content/uploads/2021/10/demo01-4.jpg 516w, https://borncreation.jp/wp-content/uploads/2021/10/demo01-4-81x300.jpg 81w, https://borncreation.jp/wp-content/uploads/2021/10/demo01-4-275x1024.jpg 275w, https://borncreation.jp/wp-content/uploads/2021/10/demo01-4-413x1536.jpg 413w" sizes="(max-width: 516px) 100vw, 516px" /></a></figure></li></ul></figure>
</div>
</div>
</div></div>
</div></div>



<div class="wp-block-group alignfull is-style-bg_stripe sp_only has-swl-pale-04-background-color has-background"><div class="wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow">
<div class="wp-block-group"><div class="wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow">
<div class="wp-block-columns has-white-background-color has-background is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:66.66%">
<p class="is-style-border_left"><strong>BoRN salon（デモサイト）</strong></p>



<p><span class="swl-fz u-fz-xs">URL：無</span></p>



<p><span class="swl-fz u-fz-xs">住所：無</span></p>



<p><span class="swl-fz u-fz-xs">TEL：無</span></p>



<ul class="wp-block-social-links is-layout-flex wp-block-social-links-is-layout-flex"></ul>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:33.33%">
<figure class="wp-block-image size-full is-style-border"><img decoding="async" width="800" height="533" src="https://borncreation.jp/wp-content/uploads/2021/10/demo-01-2.jpg" alt="" class="wp-image-2776" srcset="https://borncreation.jp/wp-content/uploads/2021/10/demo-01-2.jpg 800w, https://borncreation.jp/wp-content/uploads/2021/10/demo-01-2-300x200.jpg 300w, https://borncreation.jp/wp-content/uploads/2021/10/demo-01-2-768x512.jpg 768w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<p class="u-mb-ctrl u-mb-0 has-medium-font-size"><strong><span class="swl-fz u-fz-s"><span data-fontsize="16px" style="font-size: 16px;" class="vk_inline-font-size">制作日</span>：</span></strong><span class="swl-fz u-fz-s">2021.09</span></p>



<p class="u-mb-ctrl u-mb-0"><span class="swl-fz u-fz-s"><strong>制作期間：</strong></span>5日</p>



<p><span class="swl-fz u-fz-s"><strong>開発ツール：</strong>WordPress</span><br><strong><span class="swl-fz u-fz-s">業種：</span></strong>美容室・理容室向け</p>
</div>
</div>
</div></div>



<div class="wp-block-group has-white-background-color has-background"><div class="wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow">
<p class="is-style-border_left"><strong><span class="swl-fz u-fz-l">コンセプト</span></strong></p>



<p>こんなプライベートサロンがあったら行きたいと思わせるような素敵なお店をイメージして制作しました。<br>架空の人物オーナーの”otokono midashinami氏”は妻・子供2人・フレンチブルドックのボンドの5人家族。<br><br>両親が自営で理容店を営んでいたこともあり、家業を注ぐために都内の有名バーバーで日々、腕を磨いてきました。オーナーは根っからのアウトドアマン。休日には喧騒から逃れ毎週山ごもりをするのがサイクルになっていた。そこでテントを張り、自然を感じながらリラックスする時間を楽しんでいました。<br><br>オーナーは長年の夢があって尊敬する両親のように自営で理容店をやることでした。そこで普通に街中で理容店を営業してもつまらないと感じ大好きな山の中にリラックスできるプライベート空間を作ってしまおうと考えました。<br><br>ただの理容師として髪を切るのではなく、<meta charset="utf-8">静かな空間で鳥の鳴き声や自然な風の音を感じながらそこまで足を運んで髪を切ることへの特別感や満足感を味わって貰いたいとずっと思っていました。<br><br>そんな思いを持ったオーナーは山を買い、そこに住宅兼プライベートサロンを建てたという架空ストーリーを思い描いてこちらのデモサイトを制作しました。<br><br><br></p>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:66.66%">
<p class="is-style-border_left"><strong><span class="swl-fz u-fz-l">デザインイメージ</span></strong></p>



<ul class="wp-block-list"><li>テーマが<strong>『自然・リラックス』</strong>なのでサイト全体に余白を大きくとって窮屈感を感じないようにしました。<br><br></li><li><strong>理容店＝メンズ</strong>の印象が強く、黒・白・赤といった色を使用することが多いですが、自然の中にあるサロンのイメージを出したかったのであえて背景色に生成カラーを持ってくることで優しい雰囲気を出しました。<br><br></li><li>店舗のイメージや周辺環境を写真やブログで発信することで、そんな<strong>オーナーのお洒落なライフスタイル</strong>に共感した人がお客様になり集客に繋がるような動線を作りました。<br><br><br><br></li></ul>



<p class="is-style-border_left" style="line-height:1.8"><strong><span class="swl-fz u-fz-l">感想</span></strong></p>



<p>デモサイト『BoRN salon』は<strong>美容室・理容室</strong>に向けて制作しました。それと同時に<strong><span class="swl-bg-color has-swl-main-background-color">1ページのシンプルプラン</span></strong>の参考になるかとも思います。<br><br>このままのボリュームで1ページで使用して頂いても良いのですが、例えば追加オプションで1ページ加えるとヘアースタイルだけをまとめたギャラリーページなども紹介できます。<br><br>そのようなアレンジが自由にできますのでお客様の目的や要望などをお聞きした上で、ご提案致します。</p>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:33.33%">
<figure class="wp-block-image size-large is-style-border u-lb-on"><img decoding="async" width="275" height="1024" src="https://borncreation.jp/wp-content/uploads/2021/10/demo01-4-275x1024.jpg" alt="" class="wp-image-2812" srcset="https://borncreation.jp/wp-content/uploads/2021/10/demo01-4-275x1024.jpg 275w, https://borncreation.jp/wp-content/uploads/2021/10/demo01-4-413x1536.jpg 413w, https://borncreation.jp/wp-content/uploads/2021/10/demo01-4.jpg 516w" sizes="(max-width: 275px) 100vw, 275px" /></figure>
</div>
</div>
</div></div>
</div></div>



<div class="wp-block-group is-style-big_icon_hatena pc_only"><div class="wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow">
<p><span class="swl-bg-color has-swl-main-background-color"><strong>こんなお悩みを持たられているお客様は是非、ご相談ください。※相談は無料です。</strong></span></p>



<ul class="wp-block-list"><li>ホームページを制作したいけどどこに依頼したらわからない</li><li>Webの知識がなく不安がある</li><li>制作会社に見積りをとったら高額で制作に悩んでいる</li><li>多くの方にサービスを発信したい</li><li>店舗のサービスを見直したい</li></ul>
</div></div>



<div class="wp-block-group is-style-big_icon_hatena sp_only"><div class="wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow">
<p><span class="swl-bg-color has-swl-main-background-color"><strong>こんなお悩みを持たられているお客様は</strong><br><strong>是非、ご相談ください</strong>。</span></p>



<ul class="wp-block-list"><li>ホームページを制作したいけどどこに依頼したらわからない<br><br></li><li>Webの知識がなく不安がある<br><br></li><li>制作会社に見積りをとったら高額で制作に悩んでいる<br><br></li><li>多くの方にサービスを発信したい<br><br></li><li>店舗のサービスを見直したい<br></li></ul>
</div></div>



<div class="wp-block-group pc_only"><div class="wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow">
<p class="is-style-bg_stripe has-swl-main-background-color has-background">私は未経験からWebデザインの勉強を始めましたのでお客様の気持ちは大変よくわかります。<br>そんな私だからこそお手伝いできることがあると思います。<br>私は長年ファッション業界におりました。その中で販売から生産するところまで様々な経験をしてまいりました。<br>その経験を活かし、お客様のサービスに対してもアドバイスできると思います。<br>どうぞお気軽にご相談下さい。</p>
</div></div>



<div class="wp-block-group sp_only"><div class="wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow">
<p class="is-style-bg_stripe has-swl-main-background-color has-background">私は未経験からWebデザインの勉強を始めましたのでお客様の気持ちは大変よくわかります。そんな私だからこそお手伝いできることがあると思います。<br><br>私は長年ファッション業界におりました。その中で販売から生産するところまで様々な経験をしてまいりました。<br>その経験を活かし、お客様のサービスに対してもアドバイスできると思います。<br>どうぞお気軽にご相談下さい。</p>
</div></div>
]]></content:encoded>
					
					<wfw:commentRss>https://borncreation.jp/2021/10/01/bornsalon/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
	</channel>
</rss>
