Files
website-enchun-mgr/research/www.enchun.tw/website-portfolio.html
pukpuk c2d4c8d0a0 chore(workflow): add AI-assisted workflow commands and configurations
Add comprehensive workflow commands for AI-assisted development:
- Claude commands: analyze, clarify, plan
- Kilocode workflows: full feature development lifecycle
- Opencode commands: specification and implementation workflows
- Roo MCP configuration for tool integration

Update .gitignore to exclude .astro build cache directories.

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
2025-10-07 01:06:10 +08:00

32 lines
18 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!DOCTYPE html><!-- This site was created in Webflow. https://webflow.com --><!-- Last Published: Fri Aug 22 2025 04:22:51 GMT+0000 (Coordinated Universal Time) --><html data-wf-domain="www.enchun.tw" data-wf-page="67a99171e83a0a11798d877b" data-wf-site="61f24aa108528b1962942c95" lang="TW" class="w-mod-js w-mod-ix wf-notosanstc-n3-active wf-notosanstc-n9-active wf-notosanstc-n1-active wf-notosanstc-n4-active wf-notosanstc-n7-active wf-notosanstc-n5-active wf-quicksand-n3-active wf-quicksand-n6-active wf-quicksand-n5-active wf-quicksand-n4-active wf-quicksand-n7-active wf-active"><head><style>.wf-force-outline-none[tabindex="-1"]:focus{outline:none;}</style><meta charset="utf-8"><title>恩群數位-網站設計</title><meta content="恩群數位-網站設計" property="og:title"><meta content="恩群數位-網站設計" property="twitter:title"><meta content="width=device-width, initial-scale=1" name="viewport"><meta content="50JdhgGIg6pGyzeULhOK69yPLiZYbn39QZQbmE3XOF4" name="google-site-verification"><meta content="Webflow" name="generator"><link href="https://cdn.prod.website-files.com/61f24aa108528b1962942c95/css/enchun.webflow.shared.557e15b5a.css" rel="stylesheet" type="text/css"><link href="https://fonts.googleapis.com" rel="preconnect"><link href="https://fonts.gstatic.com" rel="preconnect"><script src="https://ajax.googleapis.com/ajax/libs/webfont/1.6.26/webfont.js" type="text/javascript"></script><link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Noto+Sans+TC:100,300,regular,500,700,900%7CQuicksand:300,regular,500,600,700&amp;subset=chinese-traditional,latin" media="all"><script type="text/javascript">WebFont.load({ google: { families: ["Noto Sans TC:100,300,regular,500,700,900:chinese-traditional,latin","Quicksand:300,regular,500,600,700"] }});</script><script type="text/javascript">!function(o,c){var n=c.documentElement,t=" w-mod-";n.className+=t+"js",("ontouchstart"in o||o.DocumentTouch&&c instanceof DocumentTouch)&&(n.className+=t+"touch")}(window,document);</script><link href="https://cdn.prod.website-files.com/61f24aa108528b1962942c95/6200ec44d8b8b96d8b782995_enchun%20ico-.png" rel="shortcut icon" type="image/x-icon"><link href="https://cdn.prod.website-files.com/61f24aa108528b1962942c95/61f24eab58147e4241925533_enchun%20webclip.png" rel="apple-touch-icon"><link href="website-portfolio.html" rel="canonical"><script async="" src="https://www.googletagmanager.com/gtag/js?id=G-DKBZWCGGZR"></script><script type="text/javascript">window.dataLayer = window.dataLayer || [];function gtag(){dataLayer.push(arguments);}gtag('js', new Date());gtag('config', 'G-DKBZWCGGZR', {'anonymize_ip': false});</script><script type="text/javascript">window.__WEBFLOW_CURRENCY_SETTINGS = {"currencyCode":"USD","symbol":"$","decimal":".","fractionDigits":2,"group":",","template":"{{wf {\"path\":\"symbol\",\"type\":\"PlainText\"} }} {{wf {\"path\":\"amount\",\"type\":\"CommercePrice\"} }} {{wf {\"path\":\"currencyCode\",\"type\":\"PlainText\"} }}","hideDecimalForWholeNumbers":false};</script></head><body><div class="custom-code-embeds"><div class="icons-embed w-embed"><!--Material Icons-->
<link href="https://fonts.googleapis.com/css?family=Material+Icons%7CMaterial+Icons+Outlined%7CMaterial+Icons+Two+Tone%7CMaterial+Icons+Round%7CMaterial+Icons+Sharp" rel="stylesheet">
<style>.material-icons, .material-icons-outlined, .material-icons-two-tone, .material-icons-round, .material-icons-sharp {
font-weight: normal;
font-style: normal;
font-size: 1.25rem;
line-height: 1.25rem;
display: inline-block;
text-transform: none;
letter-spacing: normal;
word-wrap: normal;
white-space: nowrap;
direction: ltr;
-webkit-font-smoothing: antialiased;
text-rendering: optimizeLegibility;
-moz-osx-font-smoothing: grayscale;
font-feature-settings: 'liga';
}
.material-icons-s {
font-size: 16px;
line-height: 16px;
}
</style></div><div class="responsive-typography-embed w-embed"><!-- Responsive Typography -->
<style>/* Desktop and above */
html { font-size: 19px; }
/*Tablet */
@media (max-width: 991px) { html { font-size: 19px; } }
/* Mobile - Landcape */
@media (max-width: 767px) { html { font-size: 16px; } }
/* Mobile - Portrait */
@media (max-width: 479px) { html { font-size: 13px; } }
</style></div></div><header id="nav" data-w-id="8aa79023-ca9b-19e1-d3d7-23cc81f421aa" class="sticky-nav"><nav class="container_nav w-container"><ul role="list" class="nav-grid w-list-unstyled"><li id="w-node-_8aa79023-ca9b-19e1-d3d7-23cc81f421ad-81f421aa" class="nav_brand"><div class="hero_logo_brand"><img src="https://cdn.prod.website-files.com/61f24aa108528b1962942c95/61f24aa108528b6c41942cc4_enchun%20logo%20without%20words.svg" loading="lazy" alt="" class="image"></div><a href="index.html" class="nav-logo-link"><img src="https://cdn.prod.website-files.com/61f24aa108528b1962942c95/61f24aa108528b3886942cba_enchun.svg" alt="" class="nav-logo"></a></li><li class="list-item"><a href="about-enchun.html" class="nav-link">關於恩群</a></li><li class="list-item"><a href="marketing-solutions.html" class="nav-link">行銷方案</a><div class="navlink-notification-hot"><div class="notification-text">hot</div></div></li><li class="list-item"><a href="news.html" class="nav-link">行銷放大鏡</a><div class="navlink-notification-new"><div class="notification-text">new</div></div></li><li class="list-item"><a href="teams.html" class="nav-link">恩群大本營</a></li><li class="list-item"><a href="website-portfolio.html" aria-current="page" class="nav-link w--current">網站設計</a></li><li class="list-item"><a href="contact-us.html" class="nav-link">聯絡我們</a></li><li data-w-id="8aa79023-ca9b-19e1-d3d7-23cc81f421c7" class="list-item-hamburger"><a href="#" class="w-inline-block"><img src="https://cdn.prod.website-files.com/61f24aa108528b1962942c95/61f24aa108528bf3b4942cc3_menu%20icon.svg" loading="lazy" alt=""></a></li></ul><div data-w-id="8aa79023-ca9b-19e1-d3d7-23cc81f421ca" class="nav_manu_list"><a href="#" class="link-block w-inline-block"><div data-w-id="8aa79023-ca9b-19e1-d3d7-23cc81f421cc" class="material-icons icons_style">close</div></a><ul role="list" class="list"><li class="tablet_nav_item_list"><a href="about-enchun.html" class="nav-link spacer">關於恩群</a></li><li class="tablet_nav_item_list"><a href="marketing-solutions.html" class="nav-link spacer">行銷方案</a><div class="navlink-notification-hot spacer"><div class="notification-text">hot</div></div></li><li class="tablet_nav_item_list"><a href="news.html" class="nav-link spacer">行銷放大鏡</a><div class="navlink-notification-new spacer"><div class="notification-text">new</div></div></li><li class="tablet_nav_item_list"><a href="teams.html" class="nav-link spacer">恩群大本營</a></li><li class="tablet_nav_item_list"><a href="website-portfolio.html" aria-current="page" class="nav-link spacer w--current">網站設計</a></li><li class="tablet_nav_item_list"><a href="contact-us.html" class="nav-link spacer">聯絡我們</a></li></ul></div></nav></header><section class="section_head"></section><section><div class="w-layout-blockcontainer w-container"><div class="section_header_w_line"><div id="w-node-_18e93086-de04-233e-a2e4-eb19ca97e364-798d877b" class="header_subtitle_head"><h1 id="w-node-_18e93086-de04-233e-a2e4-eb19ca97e365-798d877b">案例分享</h1></div><div class="divider_line"></div><div class="divider_line"></div></div><div class="portfolio_wrapper"><div class="w-dyn-list"><div role="list" class="collection-list w-dyn-items w-row"><div role="listitem" class="collection-item w-dyn-item w-col w-col-6"><h4 class="heading-4">Saas 一頁式頁面</h4><div class="portfolio_div"><div class="porfolio_text_description">現代SaaS一頁式網站吸引目標客戶並提升轉化率而設計。採用React、Tailwind CSS和TypeScript等先進技術構建響應式流暢導航、視覺效果和性能。非常適合初創公司和科技新創</div><a href="https://saas-landing-page-eua.pages.dev" target="_blank" class="w-inline-block"><img src="https://cdn.prod.website-files.com/61f24aa108528b6d51942ca8/67a99c71f1be7be0b6fb5b6b_saas_website_design.webp" loading="lazy" alt="" sizes="(max-width: 479px) 84vw, (max-width: 767px) 85vw, (max-width: 991px) 40vw, 407.7578125px" srcset="https://cdn.prod.website-files.com/61f24aa108528b6d51942ca8/67a99c71f1be7be0b6fb5b6b_saas_website_design-p-500.webp 500w, https://cdn.prod.website-files.com/61f24aa108528b6d51942ca8/67a99c71f1be7be0b6fb5b6b_saas_website_design-p-800.webp 800w, https://cdn.prod.website-files.com/61f24aa108528b6d51942ca8/67a99c71f1be7be0b6fb5b6b_saas_website_design-p-1080.webp 1080w, https://cdn.prod.website-files.com/61f24aa108528b6d51942ca8/67a99c71f1be7be0b6fb5b6b_saas_website_design-p-1600.webp 1600w, https://cdn.prod.website-files.com/61f24aa108528b6d51942ca8/67a99c71f1be7be0b6fb5b6b_saas_website_design-p-2000.webp 2000w, https://cdn.prod.website-files.com/61f24aa108528b6d51942ca8/67a99c71f1be7be0b6fb5b6b_saas_website_design.webp 2400w" class="porfolio_image"><div class="portfolio_tag"><div class="text-block-3">一頁式銷售</div></div></a><link rel="prefetch" href="https://saas-landing-page-eua.pages.dev"></div></div><div role="listitem" class="collection-item w-dyn-item w-col w-col-6"><h4 class="heading-4">BioNova銷售頁</h4><div class="portfolio_div"><div class="porfolio_text_description">本網站以簡潔、專業、易於操作的介面,向受眾傳達 BioNova 超能複方菁萃膠囊的產品特色、優勢及功效,並鼓勵消費者立即購買。</div><a href="https://bionova-website.pages.dev/" target="_blank" class="w-inline-block"><img src="https://cdn.prod.website-files.com/61f24aa108528b6d51942ca8/67a9a0aa4ef074c15c2b4409_landingpage_website_design.webp" loading="lazy" alt="" sizes="(max-width: 479px) 84vw, (max-width: 767px) 85vw, (max-width: 991px) 40vw, 407.7578125px" srcset="https://cdn.prod.website-files.com/61f24aa108528b6d51942ca8/67a9a0aa4ef074c15c2b4409_landingpage_website_design-p-500.webp 500w, https://cdn.prod.website-files.com/61f24aa108528b6d51942ca8/67a9a0aa4ef074c15c2b4409_landingpage_website_design-p-800.webp 800w, https://cdn.prod.website-files.com/61f24aa108528b6d51942ca8/67a9a0aa4ef074c15c2b4409_landingpage_website_design-p-1080.webp 1080w, https://cdn.prod.website-files.com/61f24aa108528b6d51942ca8/67a9a0aa4ef074c15c2b4409_landingpage_website_design-p-1600.webp 1600w, https://cdn.prod.website-files.com/61f24aa108528b6d51942ca8/67a9a0aa4ef074c15c2b4409_landingpage_website_design-p-2000.webp 2000w, https://cdn.prod.website-files.com/61f24aa108528b6d51942ca8/67a9a0aa4ef074c15c2b4409_landingpage_website_design.webp 2400w" class="porfolio_image"><div class="portfolio_tag"><div class="text-block-3">一頁式銷售</div></div></a><link rel="prefetch" href="https://bionova-website.pages.dev/"></div></div><div role="listitem" class="collection-item w-dyn-item w-col w-col-6"><h4 class="heading-4">美髮業預約頁面</h4><div class="portfolio_div"><div class="porfolio_text_description">美髮官網線上預約系統,透過便捷高效的線上預約系統已成為吸引顧客、提升服務品質的關鍵。一個專業、時尚、易於操作的線上平台,讓顧客隨時隨地輕鬆預約美髮服務,同時展示美髮店的專業形象、服務特色及最新資訊。</div><a href="https://hairsalon-booking.pages.dev/" target="_blank" class="w-inline-block"><img src="https://cdn.prod.website-files.com/61f24aa108528b6d51942ca8/67aacde54fbce6ce004c18d2_booking_website_design_alt.webp" loading="lazy" alt="" sizes="(max-width: 479px) 84vw, (max-width: 767px) 85vw, (max-width: 991px) 40vw, 407.7578125px" srcset="https://cdn.prod.website-files.com/61f24aa108528b6d51942ca8/67aacde54fbce6ce004c18d2_booking_website_design_alt-p-500.webp 500w, https://cdn.prod.website-files.com/61f24aa108528b6d51942ca8/67aacde54fbce6ce004c18d2_booking_website_design_alt-p-800.webp 800w, https://cdn.prod.website-files.com/61f24aa108528b6d51942ca8/67aacde54fbce6ce004c18d2_booking_website_design_alt-p-1080.webp 1080w, https://cdn.prod.website-files.com/61f24aa108528b6d51942ca8/67aacde54fbce6ce004c18d2_booking_website_design_alt-p-1600.webp 1600w, https://cdn.prod.website-files.com/61f24aa108528b6d51942ca8/67aacde54fbce6ce004c18d2_booking_website_design_alt-p-2000.webp 2000w, https://cdn.prod.website-files.com/61f24aa108528b6d51942ca8/67aacde54fbce6ce004c18d2_booking_website_design_alt.webp 2400w" class="porfolio_image"><div class="portfolio_tag"><div class="text-block-3">客戶預約</div></div></a><link rel="prefetch" href="https://hairsalon-booking.pages.dev/"></div></div><div role="listitem" class="collection-item w-dyn-item w-col w-col-6"><h4 class="heading-4">物流業官方網站</h4><div class="portfolio_div"><div class="porfolio_text_description">專業、高效的物流網站已成為必然趨勢,透過設計出操作便捷的物流網站,以滿足現代物流業務的需求。提供線上客服功能,解答客戶疑問提供幫助。</div><a href="https://website-freight-kfc.pages.dev/" target="_blank" class="w-inline-block"><img src="https://cdn.prod.website-files.com/61f24aa108528b6d51942ca8/67a9acb0737c25d4ba894081_freight_website_design.webp" loading="lazy" alt="" sizes="(max-width: 479px) 84vw, (max-width: 767px) 85vw, (max-width: 991px) 40vw, 407.7578125px" srcset="https://cdn.prod.website-files.com/61f24aa108528b6d51942ca8/67a9acb0737c25d4ba894081_freight_website_design-p-500.webp 500w, https://cdn.prod.website-files.com/61f24aa108528b6d51942ca8/67a9acb0737c25d4ba894081_freight_website_design-p-800.webp 800w, https://cdn.prod.website-files.com/61f24aa108528b6d51942ca8/67a9acb0737c25d4ba894081_freight_website_design-p-1080.webp 1080w, https://cdn.prod.website-files.com/61f24aa108528b6d51942ca8/67a9acb0737c25d4ba894081_freight_website_design-p-1600.webp 1600w, https://cdn.prod.website-files.com/61f24aa108528b6d51942ca8/67a9acb0737c25d4ba894081_freight_website_design-p-2000.webp 2000w, https://cdn.prod.website-files.com/61f24aa108528b6d51942ca8/67a9acb0737c25d4ba894081_freight_website_design.webp 2400w" class="porfolio_image"><div class="portfolio_tag"><div class="text-block-3">客戶預約</div></div></a><link rel="prefetch" href="https://website-freight-kfc.pages.dev/"></div></div></div></div></div></div></section><div class="section_call4action"><div class="container w-container"><div class="c4a_grid"><div class="c4a_heading"><h3 class="heading">準備好開始新的旅程了嗎<br>歡迎與我們聯絡</h3></div><a id="w-node-_33a8c695-4e70-4513-627a-229197691a8d-97691a85" href="https://heyform.itslouis.cc/form/7mYtUNjA" target="_blank" class="link-block-4 w-inline-block"><div class="c4a_button-text">預約諮詢 <span class="material-icons">phone_callback</span></div></a></div></div></div><div class="section_footer"><div class="container w-container"><div class="footer_horizontal_line"></div><div class="footer_grid"><div class="footer_block1"><a href="index.html" class="link-block-2 w-inline-block"><img src="https://cdn.prod.website-files.com/61f24aa108528b1962942c95/61f24aa108528b3886942cba_enchun.svg" loading="lazy" alt=""></a><p class="footer_text">恩群數位累積多年廣告行銷操作經驗,擁有全方位行銷人才,讓我們可以為客戶精準的規劃每一分廣告預算,讓你的品牌深入人心。更重要的是恩群的存在,為了成為每家公司最佳數位夥伴,作為彼此最堅強的後盾,你會知道有我們的陪伴 你並不孤單。</p></div><div class="footer_block2"><div class="footer_header"><div class="footer_block_title">聯絡我們</div></div><a href="https://www.facebook.com/EnChun-Taiwan-100979265112420" target="_blank" class="link-block-3 w-inline-block"><img src="https://cdn.prod.website-files.com/61f24aa108528b1962942c95/61f24aa108528b09a6942cc5_Social%20FB.svg" loading="lazy" alt=""></a><p class="footer_text darker"><a href="tel:+886255700527" class="footer_text_link">02-55700527</a><a href="mailto:enchuntaiwan@gmail.com" class="link"><br><span class="text-span">enchuntaiwan@gmail.com</span></a></p></div><div class="footer_block3"><div class="footer_header"><div class="footer_block_title">行銷方案</div></div><ul role="list" class="footer_solutions"><li><a href="marketing-solutions.html" class="footer_link">Google 商家關鍵字</a></li><li><a href="marketing-solutions.html" class="footer_link">Google Ads</a></li><li><a href="marketing-solutions.html" class="footer_link">社群代操</a></li><li><a href="marketing-solutions.html" class="footer_link">論壇行銷</a></li><li><a href="marketing-solutions.html" class="footer_link">網紅行銷</a></li><li><a href="#" class="footer_link">形象影片</a></li></ul></div><div class="footer_block4"><div class="footer_header"><div class="footer_block_title">行銷放大鏡</div></div><div class="footer_solutions w-dyn-list"><div role="list" class="w-dyn-items"><div role="listitem" class="w-dyn-item"><a href="wen-zhang-fen-lei/google-xiao-xue-tang.html" class="footer_link">Google小學堂</a><link rel="prefetch" href="wen-zhang-fen-lei/google-xiao-xue-tang.html"></div><div role="listitem" class="w-dyn-item"><a href="wen-zhang-fen-lei/meta-xiao-xue-tang.html" class="footer_link">Meta小學堂</a><link rel="prefetch" href="wen-zhang-fen-lei/meta-xiao-xue-tang.html"></div><div role="listitem" class="w-dyn-item"><a href="wen-zhang-fen-lei/xing-xiao-shi-shi-zui-qian-xian.html" class="footer_link">行銷時事最前線</a><link rel="prefetch" href="wen-zhang-fen-lei/xing-xiao-shi-shi-zui-qian-xian.html"></div><div role="listitem" class="w-dyn-item"><a href="wen-zhang-fen-lei/en-qun-shu-wei-zui-xin-gong-gao.html" class="footer_link">恩群數位最新公告</a><link rel="prefetch" href="wen-zhang-fen-lei/en-qun-shu-wei-zui-xin-gong-gao.html"></div></div></div></div></div></div></div><div class="section_copyright"><div class="container w-container"><div class="footer_copyright_block"><div class="footer_copyright_text">copyright ©&nbsp;&nbsp;Enchun digital&nbsp;&nbsp;2018 - 2024</div></div></div></div><script src="https://d3e54v103j8qbb.cloudfront.net/js/jquery-3.5.1.min.dc5e7f18c8.js?site=61f24aa108528b1962942c95" type="text/javascript"></script><script src="https://cdn.prod.website-files.com/61f24aa108528b1962942c95/js/webflow.schunk.1a807f015b216e46.js" type="text/javascript"></script><script src="https://cdn.prod.website-files.com/61f24aa108528b1962942c95/js/webflow.schunk.ab26645a529451ce.js" type="text/javascript"></script><script src="https://cdn.prod.website-files.com/61f24aa108528b1962942c95/js/webflow.ab0a3d4a.161f81a413434ee3.js" type="text/javascript"></script></body></html>