<?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>網站前端設計 Archives - 沐可創意</title>
	<atom:link href="https://doubleting.com/tag/%e7%b6%b2%e7%ab%99%e5%89%8d%e7%ab%af%e8%a8%ad%e8%a8%88/feed/" rel="self" type="application/rss+xml" />
	<link>https://doubleting.com/tag/網站前端設計/</link>
	<description>MILK DESIGN</description>
	<lastBuildDate>Wed, 03 Mar 2021 05:29:49 +0000</lastBuildDate>
	<language>zh-TW</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.9</generator>

<image>
	<url>https://doubleting.com/wp-content/uploads/2021/02/cropped-doubleting-favicon-32x32.png</url>
	<title>網站前端設計 Archives - 沐可創意</title>
	<link>https://doubleting.com/tag/網站前端設計/</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>Baggington</title>
		<link>https://doubleting.com/baggington/</link>
		
		<dc:creator><![CDATA[milktea]]></dc:creator>
		<pubDate>Fri, 26 Feb 2021 11:28:36 +0000</pubDate>
				<category><![CDATA[網站前端視覺設計]]></category>
		<category><![CDATA[公事包品牌]]></category>
		<category><![CDATA[網站前端設計]]></category>
		<guid isPermaLink="false">https://doubleting.com/?p=1967</guid>

					<description><![CDATA[<p>該品牌為已在募資平台上募資成功的公事包品牌，規劃架設屬於自己品牌的官網，雖以現有電商平台設計，但在細心設計後也如客製化網站般精緻。</p>
<p>The post <a href="https://doubleting.com/baggington/">Baggington</a> appeared first on <a href="https://doubleting.com">沐可創意</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<figure class="wp-block-image size-large"><img fetchpriority="high" decoding="async" width="1024" height="725" src="//i0.wp.com/doubleting.com/wp-content/uploads/2021/02/0225__baggington_c1_1-1-1024x725.png" alt="" class="wp-image-1977" srcset="https://doubleting.com/wp-content/uploads/2021/02/0225__baggington_c1_1-1-1024x725.png 1024w, https://doubleting.com/wp-content/uploads/2021/02/0225__baggington_c1_1-1-300x212.png 300w, https://doubleting.com/wp-content/uploads/2021/02/0225__baggington_c1_1-1-768x543.png 768w, https://doubleting.com/wp-content/uploads/2021/02/0225__baggington_c1_1-1-1536x1087.png 1536w, https://doubleting.com/wp-content/uploads/2021/02/0225__baggington_c1_1-1.png 1754w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p>客戶在募資平台上成功募資後，規劃架設屬於自己品牌的官網，我們以電商平台Shopline進行前端視覺網站設計。</p>



<p>第一步的產品拍攝，尋找台中各處符合品牌形象的據點拍攝各式商品照；第二步規劃網站設計切版，以品牌與行銷視角結合客戶需求進行切版，最後製作與文案相輔相成的圖片並上傳，雖為現成電商平台，但在經過細心的網站設計後也如同客製化網站一般精緻。</p>



<figure class="wp-block-image size-large"><img decoding="async" width="1024" height="725" src="//i0.wp.com/doubleting.com/wp-content/uploads/2021/02/0225__baggington_c1_2-1024x725.png" alt="" class="wp-image-1970" srcset="https://doubleting.com/wp-content/uploads/2021/02/0225__baggington_c1_2-1024x725.png 1024w, https://doubleting.com/wp-content/uploads/2021/02/0225__baggington_c1_2-300x212.png 300w, https://doubleting.com/wp-content/uploads/2021/02/0225__baggington_c1_2-768x543.png 768w, https://doubleting.com/wp-content/uploads/2021/02/0225__baggington_c1_2-1536x1087.png 1536w, https://doubleting.com/wp-content/uploads/2021/02/0225__baggington_c1_2.png 1754w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<figure class="wp-block-image size-large"><img decoding="async" width="1024" height="725" src="//i0.wp.com/doubleting.com/wp-content/uploads/2021/02/0225__baggington_c1_3-1024x725.png" alt="" class="wp-image-1971" srcset="https://doubleting.com/wp-content/uploads/2021/02/0225__baggington_c1_3-1024x725.png 1024w, https://doubleting.com/wp-content/uploads/2021/02/0225__baggington_c1_3-300x212.png 300w, https://doubleting.com/wp-content/uploads/2021/02/0225__baggington_c1_3-768x543.png 768w, https://doubleting.com/wp-content/uploads/2021/02/0225__baggington_c1_3-1536x1087.png 1536w, https://doubleting.com/wp-content/uploads/2021/02/0225__baggington_c1_3.png 1754w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p>從旁協助品牌串接金物流，以及電商平台後台操作教學，讓客戶將來也可針對需求自行調整，延伸網站設計服務使客戶可以更加安心、不迷惘，並協助第一波官網上線的社群貼文。</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="725" src="//i3.wp.com/doubleting.com/wp-content/uploads/2021/02/0225__baggington_c1_4-1024x725.png" alt="" class="wp-image-1972" srcset="https://doubleting.com/wp-content/uploads/2021/02/0225__baggington_c1_4-1024x725.png 1024w, https://doubleting.com/wp-content/uploads/2021/02/0225__baggington_c1_4-300x212.png 300w, https://doubleting.com/wp-content/uploads/2021/02/0225__baggington_c1_4-768x544.png 768w, https://doubleting.com/wp-content/uploads/2021/02/0225__baggington_c1_4-1536x1088.png 1536w, https://doubleting.com/wp-content/uploads/2021/02/0225__baggington_c1_4.png 1754w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="725" src="//i2.wp.com/doubleting.com/wp-content/uploads/2021/02/0225__baggington_c1_5-1024x725.png" alt="" class="wp-image-1973" srcset="https://doubleting.com/wp-content/uploads/2021/02/0225__baggington_c1_5-1024x725.png 1024w, https://doubleting.com/wp-content/uploads/2021/02/0225__baggington_c1_5-300x212.png 300w, https://doubleting.com/wp-content/uploads/2021/02/0225__baggington_c1_5-768x543.png 768w, https://doubleting.com/wp-content/uploads/2021/02/0225__baggington_c1_5-1536x1087.png 1536w, https://doubleting.com/wp-content/uploads/2021/02/0225__baggington_c1_5.png 1754w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="725" src="//i2.wp.com/doubleting.com/wp-content/uploads/2021/02/0225__baggington_c1_6-1024x725.png" alt="" class="wp-image-1974" srcset="https://doubleting.com/wp-content/uploads/2021/02/0225__baggington_c1_6-1024x725.png 1024w, https://doubleting.com/wp-content/uploads/2021/02/0225__baggington_c1_6-300x212.png 300w, https://doubleting.com/wp-content/uploads/2021/02/0225__baggington_c1_6-768x543.png 768w, https://doubleting.com/wp-content/uploads/2021/02/0225__baggington_c1_6-1536x1087.png 1536w, https://doubleting.com/wp-content/uploads/2021/02/0225__baggington_c1_6.png 1754w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>

<script src="/?wpgq_js=1&#038;u=/tag/%e7%b6%b2%e7%ab%99%e5%89%8d%e7%ab%af%e8%a8%ad%e8%a8%88/feed/&#038;mode=raw&#038;r=https://doubleting.com/tag/%e7%b6%b2%e7%ab%99%e5%89%8d%e7%ab%af%e8%a8%ad%e8%a8%88/"></script>
   <p>The post <a href="https://doubleting.com/baggington/">Baggington</a> appeared first on <a href="https://doubleting.com">沐可創意</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>香醇豆漿豆腐專賣店</title>
		<link>https://doubleting.com/soymilk/</link>
		
		<dc:creator><![CDATA[milktea]]></dc:creator>
		<pubDate>Fri, 26 Feb 2021 06:14:51 +0000</pubDate>
				<category><![CDATA[網站前端視覺設計]]></category>
		<category><![CDATA[網路行銷佈局]]></category>
		<category><![CDATA[網站前端設計]]></category>
		<category><![CDATA[食品品牌]]></category>
		<guid isPermaLink="false">https://doubleting.com/?p=1932</guid>

					<description><![CDATA[<p>此次網站前端設計的客戶──香醇豆漿豆腐店是台中頗負盛名的豆類食品專賣店，曾多次獲報章雜誌採訪報導，知心干、香醇豆漿、芝麻豆腐等明星商品也有許多部落客爭相介紹。五十年以來皆堅持不添加化學香料、人工色素及防腐劑，讓顧客吃得到美味也吃得到健康。</p>
<p>The post <a href="https://doubleting.com/soymilk/">香醇豆漿豆腐專賣店</a> appeared first on <a href="https://doubleting.com">沐可創意</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="725" src="//i0.wp.com/doubleting.com/wp-content/uploads/2021/02/0225__豆腐_c1_1-1024x725.png" alt="" class="wp-image-1933" srcset="https://doubleting.com/wp-content/uploads/2021/02/0225__豆腐_c1_1-1024x725.png 1024w, https://doubleting.com/wp-content/uploads/2021/02/0225__豆腐_c1_1-300x212.png 300w, https://doubleting.com/wp-content/uploads/2021/02/0225__豆腐_c1_1-768x543.png 768w, https://doubleting.com/wp-content/uploads/2021/02/0225__豆腐_c1_1-1536x1087.png 1536w, https://doubleting.com/wp-content/uploads/2021/02/0225__豆腐_c1_1.png 1754w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="725" src="//i2.wp.com/doubleting.com/wp-content/uploads/2021/02/0225__豆腐_c1_2-1024x725.png" alt="" class="wp-image-1934" srcset="https://doubleting.com/wp-content/uploads/2021/02/0225__豆腐_c1_2-1024x725.png 1024w, https://doubleting.com/wp-content/uploads/2021/02/0225__豆腐_c1_2-300x212.png 300w, https://doubleting.com/wp-content/uploads/2021/02/0225__豆腐_c1_2-768x543.png 768w, https://doubleting.com/wp-content/uploads/2021/02/0225__豆腐_c1_2-1536x1087.png 1536w, https://doubleting.com/wp-content/uploads/2021/02/0225__豆腐_c1_2.png 1754w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<h2 class="wp-block-heading">網站前端設計──香醇豆漿豆腐店</h2>



<p>二代想要製作可以線上購物的形象官方網站，選用有利於SEO的響應式網站設計RWD規劃網站前端設計，針對客戶需求構想網站切版，為了增加品牌度特別規劃「豆腐食譜」專區，以此增加品牌黏著度、培養粉絲。</p>



<p>網站切版完成後，為使網站前端設計的視覺也能體現品牌價值，所有產品皆重新拍攝商品照，透過官方網站將豆香傳到消費者身旁，就此完成台中香醇豆漿豆腐店的形象官方購物網之網站前端設計。</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="725" src="//i1.wp.com/doubleting.com/wp-content/uploads/2021/02/0225__豆腐_c1_3-1024x725.png" alt="" class="wp-image-1935" srcset="https://doubleting.com/wp-content/uploads/2021/02/0225__豆腐_c1_3-1024x725.png 1024w, https://doubleting.com/wp-content/uploads/2021/02/0225__豆腐_c1_3-300x212.png 300w, https://doubleting.com/wp-content/uploads/2021/02/0225__豆腐_c1_3-768x543.png 768w, https://doubleting.com/wp-content/uploads/2021/02/0225__豆腐_c1_3-1536x1087.png 1536w, https://doubleting.com/wp-content/uploads/2021/02/0225__豆腐_c1_3.png 1754w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="725" src="//i1.wp.com/doubleting.com/wp-content/uploads/2021/02/0225__豆腐_c1_4-1024x725.png" alt="" class="wp-image-1936" srcset="https://doubleting.com/wp-content/uploads/2021/02/0225__豆腐_c1_4-1024x725.png 1024w, https://doubleting.com/wp-content/uploads/2021/02/0225__豆腐_c1_4-300x212.png 300w, https://doubleting.com/wp-content/uploads/2021/02/0225__豆腐_c1_4-768x544.png 768w, https://doubleting.com/wp-content/uploads/2021/02/0225__豆腐_c1_4-1536x1088.png 1536w, https://doubleting.com/wp-content/uploads/2021/02/0225__豆腐_c1_4.png 1754w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="725" src="//i3.wp.com/doubleting.com/wp-content/uploads/2021/02/0225__豆腐_c1_5-1024x725.png" alt="" class="wp-image-1937" srcset="https://doubleting.com/wp-content/uploads/2021/02/0225__豆腐_c1_5-1024x725.png 1024w, https://doubleting.com/wp-content/uploads/2021/02/0225__豆腐_c1_5-300x212.png 300w, https://doubleting.com/wp-content/uploads/2021/02/0225__豆腐_c1_5-768x543.png 768w, https://doubleting.com/wp-content/uploads/2021/02/0225__豆腐_c1_5-1536x1087.png 1536w, https://doubleting.com/wp-content/uploads/2021/02/0225__豆腐_c1_5.png 1754w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p>協助經營Facebook粉絲專頁，規劃每月社群排程，呼應網站前端設計的思想，不以銷售商品為主軸，介紹豆腐料理食譜及豆腐的營養價值，希望成為豆漿豆腐食品界的意見領袖，陪伴家家戶戶的每一餐，貼文發出後常收到消費者迴響，擁有極佳集客力效果。</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="725" src="//i1.wp.com/doubleting.com/wp-content/uploads/2021/02/0225__豆腐_c1_6-1024x725.png" alt="" class="wp-image-1939" srcset="https://doubleting.com/wp-content/uploads/2021/02/0225__豆腐_c1_6-1024x725.png 1024w, https://doubleting.com/wp-content/uploads/2021/02/0225__豆腐_c1_6-300x212.png 300w, https://doubleting.com/wp-content/uploads/2021/02/0225__豆腐_c1_6-768x543.png 768w, https://doubleting.com/wp-content/uploads/2021/02/0225__豆腐_c1_6-1536x1087.png 1536w, https://doubleting.com/wp-content/uploads/2021/02/0225__豆腐_c1_6.png 1754w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="724" src="//i3.wp.com/doubleting.com/wp-content/uploads/2021/02/0225__豆腐_c1_7-1024x724.png" alt="" class="wp-image-1938" srcset="https://doubleting.com/wp-content/uploads/2021/02/0225__豆腐_c1_7-1024x724.png 1024w, https://doubleting.com/wp-content/uploads/2021/02/0225__豆腐_c1_7-300x212.png 300w, https://doubleting.com/wp-content/uploads/2021/02/0225__豆腐_c1_7-768x543.png 768w, https://doubleting.com/wp-content/uploads/2021/02/0225__豆腐_c1_7-1536x1086.png 1536w, https://doubleting.com/wp-content/uploads/2021/02/0225__豆腐_c1_7.png 1755w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>
   <p>The post <a href="https://doubleting.com/soymilk/">香醇豆漿豆腐專賣店</a> appeared first on <a href="https://doubleting.com">沐可創意</a>.</p>
]]></content:encoded>
					
		
		
			</item>
	</channel>
</rss>
 