<section class="fn-component fn-sectopic fn-sel fn-clone fn-order fn-bgset fn-bgpos fn-pt fn-pb target-contentsource" data-fn_rn="psec" id="psec_1"><div data-scroll="" class="p-hr p-hr-double ns-ent"></div><div class="p-heading px-grid"><h2 class="p-title"><span class="p-title_en">Ads Service Process</span><span class="p-title_tw">網路廣告服務流程</span></h2></div><div data-scroll="" class="p-hr ns-ent"></div><div data-fn_rn="blank_content" id="blank_content_10" class="empty-hidden fn-edit fn-ckedit comp-container container-fluid"><div class="about-box row px-grid justify-content-xl-center">
<div class="col-xl-12">
<div class="bsflexgrid fn-sel fn-bgset fn-bgpos fn-pt fn-pb fn-pl fn-pr">
<div class="ad-process row swipe-gallery guttery-lg-2 guttery-xl-2">
<div ani-enter=" fadeInLeft" class="fn-sel fn-clone fn-order fn-colorder fn-col col-xl-3 col-md-6 col-lt-6">
<div class="flex-card h-100 fn-sel fn-border fn-mgt fn-mgr fn-mgb fn-mgl fn-transpall fn-zidx">
<div class="flex-card-body fn-sel fn-bgset fn-bgpos fn-pswp fn-pdt fn-pdr fn-pdl fn-pdb fn-colcount fn-colgap fn-pt fn-pb fn-pl fn-pr flexedit">
<dl>
	<dt class="p-list-index__dt">
	<div class="c-line ns-ent" data-line-direction="top">&nbsp;</div>
	<span class="p-title-num d-block">1</span></dt>
	<dd class="p-list-index__dd">瞭解廣告需求及產品類別與屬性</dd>
</dl>
</div>
</div>
</div>

<div ani-enter=" fadeInLeft" class="fn-sel fn-clone fn-order fn-colorder fn-col col-xl-3 col-md-6 col-lt-6">
<div class="flex-card h-100 fn-sel fn-border fn-mgt fn-mgr fn-mgb fn-mgl fn-transpall fn-zidx">
<div class="flex-card-body fn-sel fn-bgset fn-bgpos fn-pswp fn-pdt fn-pdr fn-pdl fn-pdb fn-colcount fn-colgap fn-pt fn-pb fn-pl fn-pr flexedit">
<dl>
	<dt class="p-list-index__dt">
	<div class="c-line ns-ent" data-line-direction="top">&nbsp;</div>
	<span class="p-title-num d-block">2</span></dt>
	<dd class="p-list-index__dd">確認廣告目標、預算及執行策略</dd>
</dl>
</div>
</div>
</div>

<div ani-enter=" fadeInLeft" class="fn-sel fn-clone fn-order fn-colorder fn-col col-xl-3 col-md-6 col-lt-6">
<div class="flex-card h-100 fn-sel fn-border fn-mgt fn-mgr fn-mgb fn-mgl fn-transpall fn-zidx">
<div class="flex-card-body fn-sel fn-bgset fn-bgpos fn-pswp fn-pdt fn-pdr fn-pdl fn-pdb fn-colcount fn-colgap fn-pt fn-pb fn-pl fn-pr flexedit">
<dl>
	<dt class="p-list-index__dt">
	<div class="c-line ns-ent" data-line-direction="top">&nbsp;</div>
	<span class="p-title-num d-block">3</span></dt>
	<dd class="p-list-index__dd">報價與簽約</dd>
</dl>
</div>
</div>
</div>

<div ani-enter=" fadeInLeft" class="fn-sel fn-clone fn-order fn-colorder fn-col col-xl-3 col-md-6 col-lt-6">
<div class="flex-card h-100 fn-sel fn-border fn-mgt fn-mgr fn-mgb fn-mgl fn-transpall fn-zidx">
<div class="flex-card-body fn-sel fn-bgset fn-bgpos fn-pswp fn-pdt fn-pdr fn-pdl fn-pdb fn-colcount fn-colgap fn-pt fn-pb fn-pl fn-pr flexedit">
<dl>
	<dt class="p-list-index__dt">
	<div class="c-line ns-ent" data-line-direction="top">&nbsp;</div>
	<span class="p-title-num d-block">4</span></dt>
	<dd class="p-list-index__dd">前置作業、分析建議</dd>
</dl>
</div>
</div>
</div>

<div ani-enter=" fadeInLeft" class="fn-sel fn-clone fn-order fn-colorder fn-col col-xl-3 col-md-6 col-lt-6">
<div class="flex-card h-100 fn-sel fn-border fn-mgt fn-mgr fn-mgb fn-mgl fn-transpall fn-zidx">
<div class="flex-card-body fn-sel fn-bgset fn-bgpos fn-pswp fn-pdt fn-pdr fn-pdl fn-pdb fn-colcount fn-colgap fn-pt fn-pb fn-pl fn-pr flexedit">
<dl>
	<dt class="p-list-index__dt">
	<div class="c-line ns-ent" data-line-direction="top">&nbsp;</div>
	<span class="p-title-num d-block">5</span></dt>
	<dd class="p-list-index__dd">提供關鍵字規劃</dd>
</dl>
</div>
</div>
</div>

<div ani-enter=" fadeInLeft" class="fn-sel fn-clone fn-order fn-colorder fn-col col-xl-3 col-md-6 col-lt-6">
<div class="flex-card h-100 fn-sel fn-border fn-mgt fn-mgr fn-mgb fn-mgl fn-transpall fn-zidx">
<div class="flex-card-body fn-sel fn-bgset fn-bgpos fn-pswp fn-pdt fn-pdr fn-pdl fn-pdb fn-colcount fn-colgap fn-pt fn-pb fn-pl fn-pr flexedit">
<dl>
	<dt class="p-list-index__dt">
	<div class="c-line ns-ent" data-line-direction="top">&nbsp;</div>
	<span class="p-title-num d-block">6</span></dt>
	<dd class="p-list-index__dd">廣告上線投放與優化調整</dd>
</dl>
</div>
</div>
</div>

<div ani-enter=" fadeInLeft" class="fn-sel fn-clone fn-order fn-colorder fn-col col-xl-3 col-md-6 col-lt-6">
<div class="flex-card h-100 fn-sel fn-border fn-mgt fn-mgr fn-mgb fn-mgl fn-transpall fn-zidx">
<div class="flex-card-body fn-sel fn-bgset fn-bgpos fn-pswp fn-pdt fn-pdr fn-pdl fn-pdb fn-colcount fn-colgap fn-pt fn-pb fn-pl fn-pr flexedit">
<dl>
	<dt class="p-list-index__dt">
	<div class="c-line ns-ent" data-line-direction="top">&nbsp;</div>
	<span class="p-title-num d-block">7</span></dt>
	<dd class="p-list-index__dd">數據監控 / 成效觀察 / 定期追蹤</dd>
</dl>
</div>
</div>
</div>

<div ani-enter=" fadeInLeft" class="fn-sel fn-clone fn-order fn-colorder fn-col col-xl-3 col-md-6 col-lt-6">
<div class="flex-card h-100 fn-sel fn-border fn-mgt fn-mgr fn-mgb fn-mgl fn-transpall fn-zidx">
<div class="flex-card-body fn-sel fn-bgset fn-bgpos fn-pswp fn-pdt fn-pdr fn-pdl fn-pdb fn-colcount fn-colgap fn-pt fn-pb fn-pl fn-pr flexedit">
<dl>
	<dt class="p-list-index__dt">
	<div class="c-line ns-ent" data-line-direction="top">&nbsp;</div>
	<span class="p-title-num d-block">8</span></dt>
	<dd class="p-list-index__dd">結案報告</dd>
</dl>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div><div class="p-clipImg w-100"><div class="p-hr ns-ent" data-scroll=""></div><div class="photo mx-auto"><img class="" data-resp="[1200,768,464,240]" data-scale="0.46" data-src="/files/service/service01.jpg" intrinsicsize="1920 x 884" width="1920" height="884"></div></div><div class="p-hr p-hr--dot-pattern ns-ent" data-scroll=""><span></span></div></section><section class="fn-component fn-sectopic fn-sel fn-clone fn-order fn-bgset fn-bgpos fn-pt fn-pb target-contentsource" data-fn_rn="psec" id="psec_2"><div data-scroll="" class="p-hr p-hr-double ns-ent"></div><div class="p-heading px-grid"><h2 class="p-title"><span class="p-title_en">Website Design Process</span><span class="p-title_tw">網站建置流程</span></h2></div><div data-scroll="" class="p-hr ns-ent"></div><div data-fn_rn="blank_content" id="blank_content_11" class="empty-hidden fn-edit fn-ckedit comp-container container-fluid"><div class="about-box row px-grid justify-content-xl-center">
<div class="col-xl-12">
<div class="bsflexgrid fn-sel fn-bgset fn-bgpos fn-pt fn-pb fn-pl fn-pr">
<div class="ad-process row swipe-gallery guttery-xl-2">
<div ani-enter=" fadeInLeft" class="fn-sel fn-clone fn-order fn-colorder fn-col col-xl-3 col-md-6 col-lt-6">
<div class="flex-card h-100 fn-sel fn-border fn-mgt fn-mgr fn-mgb fn-mgl fn-transpall fn-zidx">
<div class="flex-card-body fn-sel fn-bgset fn-bgpos fn-pswp fn-pdt fn-pdr fn-pdl fn-pdb fn-colcount fn-colgap fn-pt fn-pb fn-pl fn-pr flexedit">
<dl>
	<dt class="p-list-index__dt">
	<div class="c-line ns-ent" data-line-direction="top">&nbsp;</div>
	<span class="p-title-num d-block">1</span></dt>
	<dd class="p-list-index__dd">需求溝通</dd>
</dl>
</div>
</div>
</div>

<div ani-enter=" fadeInLeft" class="fn-sel fn-clone fn-order fn-colorder fn-col col-xl-3 col-md-6 col-lt-6">
<div class="flex-card h-100 fn-sel fn-border fn-mgt fn-mgr fn-mgb fn-mgl fn-transpall fn-zidx">
<div class="flex-card-body fn-sel fn-bgset fn-bgpos fn-pswp fn-pdt fn-pdr fn-pdl fn-pdb fn-colcount fn-colgap fn-pt fn-pb fn-pl fn-pr flexedit">
<dl>
	<dt class="p-list-index__dt">
	<div class="c-line ns-ent" data-line-direction="top">&nbsp;</div>
	<span class="p-title-num d-block">2</span></dt>
	<dd class="p-list-index__dd">報價與簽約</dd>
</dl>
</div>
</div>
</div>

<div ani-enter=" fadeInLeft" class="fn-sel fn-clone fn-order fn-colorder fn-col col-xl-3 col-md-6 col-lt-6">
<div class="flex-card h-100 fn-sel fn-border fn-mgt fn-mgr fn-mgb fn-mgl fn-transpall fn-zidx">
<div class="flex-card-body fn-sel fn-bgset fn-bgpos fn-pswp fn-pdt fn-pdr fn-pdl fn-pdb fn-colcount fn-colgap fn-pt fn-pb fn-pl fn-pr flexedit">
<dl>
	<dt class="p-list-index__dt">
	<div class="c-line ns-ent" data-line-direction="top">&nbsp;</div>
	<span class="p-title-num d-block">3</span></dt>
	<dd class="p-list-index__dd">設計討論</dd>
</dl>
</div>
</div>
</div>

<div ani-enter=" fadeInLeft" class="fn-sel fn-clone fn-order fn-colorder fn-col col-xl-3 col-md-6 col-lt-6">
<div class="flex-card h-100 fn-sel fn-border fn-mgt fn-mgr fn-mgb fn-mgl fn-transpall fn-zidx">
<div class="flex-card-body fn-sel fn-bgset fn-bgpos fn-pswp fn-pdt fn-pdr fn-pdl fn-pdb fn-colcount fn-colgap fn-pt fn-pb fn-pl fn-pr flexedit">
<dl>
	<dt class="p-list-index__dt">
	<div class="c-line ns-ent" data-line-direction="top">&nbsp;</div>
	<span class="p-title-num d-block">4</span></dt>
	<dd class="p-list-index__dd">版型設計</dd>
</dl>
</div>
</div>
</div>

<div ani-enter=" fadeInLeft" class="fn-sel fn-clone fn-order fn-colorder fn-col col-xl-3 col-md-6 col-lt-6">
<div class="flex-card h-100 fn-sel fn-border fn-mgt fn-mgr fn-mgb fn-mgl fn-transpall fn-zidx">
<div class="flex-card-body fn-sel fn-bgset fn-bgpos fn-pswp fn-pdt fn-pdr fn-pdl fn-pdb fn-colcount fn-colgap fn-pt fn-pb fn-pl fn-pr flexedit">
<dl>
	<dt class="p-list-index__dt">
	<div class="c-line ns-ent" data-line-direction="top">&nbsp;</div>
	<span class="p-title-num d-block">5</span></dt>
	<dd class="p-list-index__dd">前端互動與動態效果</dd>
</dl>
</div>
</div>
</div>

<div ani-enter=" fadeInLeft" class="fn-sel fn-clone fn-order fn-colorder fn-col col-xl-3 col-md-6 col-lt-6">
<div class="flex-card h-100 fn-sel fn-border fn-mgt fn-mgr fn-mgb fn-mgl fn-transpall fn-zidx">
<div class="flex-card-body fn-sel fn-bgset fn-bgpos fn-pswp fn-pdt fn-pdr fn-pdl fn-pdb fn-colcount fn-colgap fn-pt fn-pb fn-pl fn-pr flexedit">
<dl>
	<dt class="p-list-index__dt">
	<div class="c-line ns-ent" data-line-direction="top">&nbsp;</div>
	<span class="p-title-num d-block">6</span></dt>
	<dd class="p-list-index__dd">後端程式功能開發</dd>
</dl>
</div>
</div>
</div>

<div ani-enter=" fadeInLeft" class="fn-sel fn-clone fn-order fn-colorder fn-col col-xl-3 col-md-6 col-lt-6">
<div class="flex-card h-100 fn-sel fn-border fn-mgt fn-mgr fn-mgb fn-mgl fn-transpall fn-zidx">
<div class="flex-card-body fn-sel fn-bgset fn-bgpos fn-pswp fn-pdt fn-pdr fn-pdl fn-pdb fn-colcount fn-colgap fn-pt fn-pb fn-pl fn-pr flexedit">
<dl>
	<dt class="p-list-index__dt">
	<div class="c-line ns-ent" data-line-direction="top">&nbsp;</div>
	<span class="p-title-num d-block">7</span></dt>
	<dd class="p-list-index__dd">結案上線</dd>
</dl>
</div>
</div>
</div>

<div ani-enter=" fadeInLeft" class="fn-sel fn-clone fn-order fn-colorder fn-col col-xl-3 col-md-6 col-lt-6">
<div class="flex-card h-100 fn-sel fn-border fn-mgt fn-mgr fn-mgb fn-mgl fn-transpall fn-zidx">
<div class="flex-card-body fn-sel fn-bgset fn-bgpos fn-pswp fn-pdt fn-pdr fn-pdl fn-pdb fn-colcount fn-colgap fn-pt fn-pb fn-pl fn-pr flexedit">
<dl>
	<dt class="p-list-index__dt">
	<div class="c-line ns-ent" data-line-direction="top">&nbsp;</div>
	<span class="p-title-num d-block">8</span></dt>
	<dd class="p-list-index__dd">CMS後台管理教學</dd>
</dl>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div><div class="p-clipImg w-100"><div class="p-hr ns-ent" data-scroll=""></div><div class="photo mx-auto"><img class="" data-resp="[1200,768,464,240]" data-scale="0.46" intrinsicsize="1920 x 884" data-src="/files/service/service02.jpg" width="1920" height="884"></div></div><div class="p-hr p-hr--dot-pattern ns-ent" data-scroll=""><span></span></div></section>