<?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>天紀資訊顧問</title>
	<atom:link href="https://tenkiit.com/feed" rel="self" type="application/rss+xml" />
	<link>https://tenkiit.com/</link>
	<description>台南網站系統、品牌設計，精心打造最合適的形象官網</description>
	<lastBuildDate>Tue, 27 Jan 2026 10:56:19 +0000</lastBuildDate>
	<language>zh-TW</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.9.4</generator>

<image>
	<url>https://tenkiit.com/wp-content/uploads/2022/08/cropped-cropped-cropped-TIC-LOGO_去背-32x32.png</url>
	<title>天紀資訊顧問</title>
	<link>https://tenkiit.com/</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>企業形象官網 Business Web有朗蘊Twinkle Twinkle</title>
		<link>https://tenkiit.com/web/twinkletwinkle_businessweb</link>
		
		<dc:creator><![CDATA[天紀資訊顧問]]></dc:creator>
		<pubDate>Wed, 25 Jun 2025 15:34:01 +0000</pubDate>
				<category><![CDATA[Web網站]]></category>
		<category><![CDATA[BusinessWeb]]></category>
		<category><![CDATA[Web]]></category>
		<category><![CDATA[企業形象官網]]></category>
		<category><![CDATA[前端動畫]]></category>
		<category><![CDATA[品牌數位轉型]]></category>
		<category><![CDATA[品牌網站]]></category>
		<category><![CDATA[網站改版]]></category>
		<category><![CDATA[網站架設]]></category>
		<category><![CDATA[網站特效]]></category>
		<guid isPermaLink="false">https://tenkiit.com/?p=931</guid>

					<description><![CDATA[<p>CATEGORY－網站架設 Twinkle Twinkle CO., LTD. &#8211; Busines [&#8230;]</p>
<p>這篇文章 <a href="https://tenkiit.com/web/twinkletwinkle_businessweb">企業形象官網 Business Web&lt;br&gt;有朗蘊Twinkle Twinkle</a> 最早出現於 <a href="https://tenkiit.com">天紀資訊顧問</a>。</p>
]]></description>
										<content:encoded><![CDATA[
<p class="has-text-align-center has-contrast-color has-text-color has-link-color has-small-font-size wp-elements-09783108b9ec711f095be7c9613a391f">CATEGORY－網站架設</p>



<p class="has-text-align-center has-text-color has-link-color has-large-font-size wp-elements-2cf8c11602315e148bd78ba3d54204a4" style="color:#0d57a7"><strong>Twinkle Twinkle CO., LTD. &#8211; Business Web</strong></p>



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



<span id="more-931"></span>



<blockquote class="wp-block-quote has-text-align-center is-style-default is-layout-flow wp-block-quote-is-layout-flow">
<h3 class="wp-block-heading has-text-align-center has-palette-color-1-color has-text-color has-link-color wp-elements-2d690ebb918015bcc01a6ef678b14a7f" style="font-size:clamp(16.834px, 1.052rem + ((1vw - 3.2px) * 0.716), 26px);">有朗蘊網站改版｜品牌升級 × 動態美學｜2025全新出發！</h3>
</blockquote>



<p class="has-text-color has-link-color has-small-font-size wp-elements-3d2f20241de7f17828035516cfa66545" style="color:#103a58">　　2025年，「<a href="https://ylytktk.com/" target="_blank" rel="noreferrer noopener sponsored nofollow">有朗蘊</a>」正式啟動品牌重整計畫，並再度與天紀資訊攜手合作，推出全新形象的官方網站。延續2024年首次架設的基礎，我們在網站架構、視覺風格與使用體驗上進行全面優化，讓品牌邁入全新階段，展現更成熟一致的數位形象。</p>



<p class="has-text-color has-link-color has-small-font-size wp-elements-176ae518d99a229759de8b29fef220ae" style="color:#103a58">　　此次網站改版以「穩定、柔和且具節奏感」為設計核心，透過細膩的視覺動畫與有層次的使用者體驗規劃，打造一個不僅能承載品牌理念。</p>



<h4 class="wp-block-heading has-text-align-center has-palette-color-2-color has-text-color has-link-color wp-elements-5e4a3bc8d4002895446f68cf35de2fb2" style="font-size:clamp(15.747px, 0.984rem + ((1vw - 3.2px) * 0.645), 24px);">專案特效亮點</h4>



<h5 class="wp-block-heading has-palette-color-3-color has-text-color has-link-color has-medium-font-size wp-elements-59bd51a7a8982605c03018ed4424db55">1. LOGO LOADING，優化載入體驗</h5>



<p class="has-text-color has-link-color wp-elements-53573cb646e5c9e9b00753ef551d2963" style="color:#103a58;font-size:clamp(14px, 0.875rem + ((1vw - 3.2px) * 0.078), 15px);">　　網站初次進入時要載入前端動畫，容易出現短暫的空白，為避免使用者誤以為網站異常，我們特別設計了品牌LOGO Loading動畫，作為視覺緩衝與過渡，維持網站品質感與專業度。</p>



<div style="text-align: center;">
  <img decoding="async"
    id="fadeImage"
    src="https://ylytktk.com/wp-content/uploads/2025/05/有朗蘊.webp"
    alt="淡入圖片"
    style="
      opacity: 0;
      transition: opacity 2s ease-in-out;
      max-width: 200px;
      height: auto;
      display: inline-block;
    "
  >
</div>

<script>
  document.addEventListener('DOMContentLoaded', function () {
    const img = document.getElementById('fadeImage');

    const observer = new IntersectionObserver((entries) => {
      entries.forEach(entry => {
        if (entry.isIntersecting) {
          img.style.opacity = 1;
        } else {
          img.style.opacity = 0;
        }
      });
    });

    observer.observe(img);
  });
</script>



<h5 class="wp-block-heading has-palette-color-3-color has-text-color has-link-color has-medium-font-size wp-elements-d64f240f92e52a706e37c547ac65d3e5">2. Banner：文字滑動 × 背景色彩律動</h5>



<p class="has-text-color has-link-color wp-elements-8669525495a68b3e7450b1ad92d697c9" style="color:#103a58;font-size:clamp(14px, 0.875rem + ((1vw - 3.2px) * 0.078), 15px);">　　網站開場的Banner區域，我們安排了橫向移動的品牌文字，搭配流動感的漸層色彩背景，營造穩定又溫暖的第一印象。這個設計既吸引視線，也強化品牌的記憶點。</p>



<div class="banner">
  <canvas id="bannerCanvas"></canvas>
  <img decoding="async" id="centerImage" class="center-image" src="https://ylytktk.com/wp-content/uploads/2025/04/YLY_logo_word.webp" alt="Center Image" />
</div>

<style>
  .banner {
    position: relative;
    width: 100%;
    aspect-ratio: 12 / 5;
    overflow: hidden;
  }

  .banner canvas {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
  }

  .banner .center-image {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 40%;
    height: auto;
    pointer-events: none;
    opacity: 0;
    transition: opacity 5s ease;
  }

  .banner .center-image.fade-in {
    opacity: 1;
  }
</style>

<script>
  document.addEventListener('DOMContentLoaded', function () {
    const canvas = document.getElementById('bannerCanvas');
    const ctx = canvas.getContext('2d');

    const offCanvasTop = document.createElement('canvas');
    const offCtxTop = offCanvasTop.getContext('2d');

    const offCanvasBottom = document.createElement('canvas');
    const offCtxBottom = offCanvasBottom.getContext('2d');

    function resizeCanvas() {
      const banner = document.querySelector('.banner');
      const rect = banner.getBoundingClientRect();
      canvas.width = rect.width;
      canvas.height = rect.height;
      offCanvasTop.width = canvas.width;
      offCanvasTop.height = canvas.height;
      offCanvasBottom.width = canvas.width;
      offCanvasBottom.height = canvas.height;
    }

    window.addEventListener('resize', resizeCanvas);
    resizeCanvas();

    let time = 0;

    function drawEllipse(cx, cy, rx, ry, rotation = 0) {
      ctx.save();
      ctx.translate(cx, cy);
      ctx.rotate(rotation);
      ctx.beginPath();
      ctx.ellipse(0, 0, rx, ry, 0, 0, 2 * Math.PI);
      ctx.strokeStyle = 'white';
      ctx.lineWidth = 1.5;
      ctx.stroke();
      ctx.restore();
    }

    function draw() {
      const width = canvas.width;
      const height = canvas.height;
      ctx.clearRect(0, 0, width, height);

      // ✅ 動態決定漸層區段 (手機與桌面不同)
      let gradient = ctx.createLinearGradient(0, 0, 0, height);
      if (width < 768) {
        // 手機版 - 更柔和的漸層分布
        gradient.addColorStop(0, '#8dadf0');
        gradient.addColorStop(0.65, 'rgba(255, 200, 240, 0.6)');
        gradient.addColorStop(1, '#fcdee4');
      } else {
        // 桌面版 - 原始設定
        gradient.addColorStop(0, '#8dadf0');
        gradient.addColorStop(0.5, 'rgba(255, 200, 240, 0.7)');
        gradient.addColorStop(1, '#fcdee4');
      }
      ctx.fillStyle = gradient;
      ctx.fillRect(0, 0, width, height);

      const amplitude = height * 0.15;
      const waveLength = width * 1.2;
      const speed = 0.02;
      const offsetY = Math.sin(time * speed) * amplitude * 0.3;

      offCtxTop.clearRect(0, 0, width, height);
      offCtxTop.beginPath();
      offCtxTop.moveTo(0, height / 2 + offsetY);
      for (let x = 0; x <= width; x++) {
        const y = height / 2 + offsetY + amplitude * Math.sin(((width - x) / waveLength) * 2 * Math.PI);
        offCtxTop.lineTo(x, y);
      }
      offCtxTop.lineTo(width, 0);
      offCtxTop.lineTo(0, 0);
      offCtxTop.closePath();
      offCtxTop.fillStyle = 'rgba(111, 168, 255, 0.4)';
      offCtxTop.fill();

      offCtxBottom.clearRect(0, 0, width, height);
      offCtxBottom.beginPath();
      offCtxBottom.moveTo(0, height / 2 + offsetY);
      for (let x = 0; x <= width; x++) {
        const y = height / 2 + offsetY + amplitude * Math.sin(((width - x) / waveLength) * 2 * Math.PI);
        offCtxBottom.lineTo(x, y);
      }
      offCtxBottom.lineTo(width, height);
      offCtxBottom.lineTo(0, height);
      offCtxBottom.closePath();
      offCtxBottom.fillStyle = 'rgba(255, 148, 194, 0.3)';
      offCtxBottom.fill();

      ctx.save();
      ctx.filter = 'blur(20px)';
      ctx.drawImage(offCanvasTop, 0, 0);
      ctx.drawImage(offCanvasBottom, 0, 0);
      ctx.restore();

      const ellipseOffset = Math.sin(time * 0.02) * 10;
      drawEllipse(width * 0.14, height * 0.9 + ellipseOffset, width * 0.12, height * 0.15, -0.6);
      drawEllipse(width * 0.16, height * 0.7 + ellipseOffset, width * 0.12, height * 0.15, -0.6);
      drawEllipse(width * 0.85, height * 0.05 - ellipseOffset, width * 0.12, height * 0.15, -0.6);
      drawEllipse(width * 0.82, height * 0.25 - ellipseOffset, width * 0.12, height * 0.15, -0.6);

      ctx.save();
      const baseFontSize = 110;
      const responsiveFontSize = (canvas.width / 1200) * baseFontSize;
      ctx.font = `bold ${responsiveFontSize}px "Microsoft JhengHei", sans-serif`;
      ctx.fillStyle = 'rgba(255, 255, 255, 0.25)';
      ctx.textBaseline = 'top';
      ctx.fillText('ADVERTISING', 0, -15);
      ctx.restore();

      ctx.save();
      ctx.font = `bold ${responsiveFontSize}px "Microsoft JhengHei", sans-serif`;
      ctx.fillStyle = 'rgba(255, 255, 255, 0.25)';
      ctx.textBaseline = 'bottom';
      ctx.textAlign = 'right';
      ctx.fillText('AGENCY', canvas.width, canvas.height + 15);
      ctx.restore();

      ctx.save();
      const marqueeText = 'TWINKLE  ★ ';
      const textFontSize = 22;
      const starFontSize = 10;
      const centerY = height * 0.75;
      const marqueeSpeed = 1;

      ctx.font = `bold ${textFontSize}px "Microsoft JhengHei", sans-serif`;
      const textWidth = ctx.measureText(marqueeText).width;
      const scrollX = (time * marqueeSpeed) % textWidth;

      for (let x = -textWidth + scrollX; x < width; x += textWidth) {
        let currentX = x;
        for (let i = 0; i < marqueeText.length; i++) {
          const char = marqueeText[i];
          ctx.font = char === '★'
            ? `bold ${starFontSize}px "Microsoft JhengHei", sans-serif`
            : `bold ${textFontSize}px "Microsoft JhengHei", sans-serif`;

          const metrics = ctx.measureText(char);
          const actualHeight = metrics.actualBoundingBoxAscent + metrics.actualBoundingBoxDescent;
          const adjustedY = centerY + metrics.actualBoundingBoxAscent - actualHeight / 2;

          ctx.fillStyle = 'white';
          ctx.fillText(char, currentX, adjustedY);

          currentX += metrics.width;
        }
      }
      ctx.restore();

      time++;
      requestAnimationFrame(draw);
    }

    draw();

    const centerImage = document.getElementById('centerImage');
    if (centerImage.complete) {
      centerImage.classList.add('fade-in');
    } else {
      centerImage.addEventListener('load', () => {
        centerImage.classList.add('fade-in');
      });
    }
  });
</script>



<h5 class="wp-block-heading has-palette-color-3-color has-text-color has-link-color has-medium-font-size wp-elements-03dd0aec1fba9df608723029d19d68f6">3. 關於有朗蘊：線圈動畫 × 圓形標籤輪流跳換</h5>



<p class="has-text-color has-link-color wp-elements-c2935ab02417af26c6a66b7e3220cb08" style="color:#103a58;font-size:clamp(14px, 0.875rem + ((1vw - 3.2px) * 0.078), 15px);">　　採用持續旋轉的線圈動畫，象徵品牌理念的流動與連續性，同時呼應品牌在創意、策略與設計間不斷循環進化的能量；採用圓形標籤輪播與跳動動畫，讓使用者在停留時能自然瀏覽每項服務，增加視覺趣味與資訊觸達率。</p>



<div class="container">
  <div class="gradient-box">
    <!-- 🌈 動態漸層線 -->
    <svg class="ellipse-overlay" viewBox="0 0 650 450" preserveAspectRatio="none">
      <defs>
        <linearGradient id="ellipseGradient" x1="0%" y1="0%" x2="100%" y2="0%">
          <stop offset="0%" stop-color="#f6c7d1" />
          <stop offset="100%" stop-color="#b5c7e7" />
          <animateTransform attributeName="gradientTransform" type="rotate" from="0 0.5 0.5" to="360 0.5 0.5" dur="2s" repeatCount="indefinite" />
        </linearGradient>
      </defs>
      <ellipse cx="300" cy="200" rx="270" ry="130" transform="rotate(30 300 200)" fill="none" stroke="url(#ellipseGradient)" stroke-width="2.5" />
    </svg>

    <!-- 🖼️ 中央圖片 -->
    <img decoding="async" src="https://ylytktk.com/wp-content/uploads/2025/05/有朗蘊.webp" alt="中央圖片" class="center-img">

    <!-- 🖼️ 圓形圖片節點 -->
    <img decoding="async" src="https://ylytktk.com/wp-content/uploads/2025/04/about_icon-voice.webp" alt="voice" class="circle-img" id="img1">
    <img decoding="async" src="https://ylytktk.com/wp-content/uploads/2025/04/about_icon-talk.webp" alt="talk" class="circle-img" id="img2">
    <img decoding="async" src="https://ylytktk.com/wp-content/uploads/2025/04/about_icon-book.webp" alt="book" class="circle-img" id="img3">
  </div>
</div>

<style>
  .container {
    position: relative;
    height: 550px;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .gradient-box {
    width: 650px;
    height: 350px;
    border-radius: 200px 0 0 200px;
    background: linear-gradient(
      105deg,
      transparent 0%,
      transparent 20%,
      rgba(15, 85, 225, 0.1) 35%,
      rgba(15, 85, 225, 0.3) 50%,
      rgba(15, 85, 225, 0.1) 65%,
      transparent 85%,
      transparent 100%
    );
    position: relative;
    overflow: visible;
  }

  svg.ellipse-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 650px;
    height: 450px;
    pointer-events: none;
    z-index: 1;
  }

  .circle-img {
    position: absolute;
    border-radius: 50%;
    object-fit: cover;
    box-shadow: 0 0 10px rgba(0,0,0,0.1);
    z-index: 2;
    opacity: 0;
    transform: scale(0.8);
    transition: opacity 0.6s ease, transform 0.6s ease;
  }

  .active {
    opacity: 1;
    transform: scale(1);
  }

  .center-img {
    position: absolute;
    width: 430px;
    height: 430px;
    top: 50%;
    left: 55%;
    transform: translate(-50%, -50%);
    z-index: 3;
    opacity: 0;
  }

  .center-img.fade-in {
    animation: fadeIn 1s ease-in-out forwards;
  }

  @keyframes fadeIn {
    to {
      opacity: 1;
    }
  }

  /* ===== 電腦版位置 ===== */
  .pos1 { width: 100px; height: 100px; top: 130px; left: 45px; }
  .pos2 { width: 60px; height: 60px; top: 0px; left: 170px; }
  .pos3 { width: 75px; height: 75px; bottom: 15px; right: 75px; }

  /* ===== 平板版 ===== */
  @media (max-width: 768px) {
    .container { height: 400px; }
    .gradient-box { width: 90%; height: 300px; border-radius: 160px 0 0 160px; }
    .center-img { width: 280px; height: 280px; left: 50%; }
    .pos1 { width: 70px; height: 70px; top: 100px; left: 30px; }
    .pos2 { width: 50px; height: 50px; top: -10px; left: 140px; }
    .pos3 { width: 60px; height: 60px; bottom: 10px; right: 40px; }
    svg.ellipse-overlay { width: 100%; height: 360px; }
  }

  /* ===== 手機版 ===== */
  @media (max-width: 480px) {
    .container { height: 360px; }
    .gradient-box { width: 95%; height: 270px; border-radius: 120px 0 0 120px; }
    .center-img { width: 200px; height: 200px; left: 50%; }
    .pos1 { width: 60px; height: 60px; top: 90px; left: 20px; }
    .pos2 { width: 45px; height: 45px; top: 0px; left: 110px; }
    .pos3 { width: 50px; height: 50px; bottom: 10px; right: 50px; }
    svg.ellipse-overlay { width: 100%; height: 300px; }
  }
</style>

<script>
  const images = [
    document.getElementById('img1'),
    document.getElementById('img2'),
    document.getElementById('img3')
  ];

  const positions = ['pos1', 'pos2', 'pos3'];
  let indexOffset = 0;

  images.forEach((img, i) => {
    img.classList.add(positions[i], 'active');
  });

  setInterval(() => {
    images.forEach(img => img.classList.remove(...positions, 'active'));
    indexOffset = (indexOffset + 1) % images.length;
    images.forEach((img, i) => {
      const posClass = positions[(i + indexOffset) % positions.length];
      img.classList.add(posClass);
      setTimeout(() => img.classList.add('active'), 10);
    });
  }, 3000);

  // 滑入觸發中心圖片淡入
  const centerImg = document.querySelector('.center-img');
  const observer = new IntersectionObserver((entries, obs) => {
    entries.forEach(entry => {
      if (entry.isIntersecting) {
        centerImg.classList.add('fade-in');
        obs.unobserve(entry.target); // 只觸發一次
      }
    });
  }, { threshold: 0.3 });

  observer.observe(centerImg);
</script>



<h5 class="wp-block-heading has-palette-color-3-color has-text-color has-link-color has-medium-font-size wp-elements-a1745d9a96346cb9bcbb610ace1e36f1">4. 服務項目背景：煙霧感 × 色彩律動</h5>



<p class="has-text-color has-link-color wp-elements-aaf0cf966c837c649b830f8ab2ebea54" style="color:#103a58;font-size:clamp(14px, 0.875rem + ((1vw - 3.2px) * 0.078), 15px);">　　於服務項目整體背景動畫以如煙般的模糊色彩波動，營造沉靜氛圍與時間感的流動。色彩如煙般迷幻晃動，節奏緩慢，提升品牌網站的靜謐氣場。</p>



<style>
  .blob-section {
    position: relative;
    width: 100%;
    height: 200px; /* ✅ 固定高度 */
    padding: 0;
    overflow: hidden;
    box-sizing: border-box;
  }

  .background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: radial-gradient(circle at 30% 30%, #ffffff 5%, #B4C5FF 35%, #FEE1FF 90%);
    z-index: -1;
    overflow: hidden;
    box-sizing: border-box;
  }

  .blob {
    position: absolute;
    width: 40vw;  /* ✅ 縮小尺寸 */
    height: 40vw;
    filter: blur(40px);
    animation-duration: 10s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    animation-direction: alternate;
  }

  .blob:nth-child(1) {
    left: 10%;
    top: 10%;
    background: radial-gradient(circle, #B4C5FF, #ffffff, #FEE1FF);
    animation-name: float1;
  }

  .blob:nth-child(2) {
    left: 50%;
    top: 20%;
    background: radial-gradient(circle, #FEE1FF, #ffffff, #B4C5FF);
    animation-name: float2;
    animation-delay: 3s;
  }

  .blob:nth-child(3) {
    left: 20%;
    top: 60%;
    background: radial-gradient(circle, #FEE1FF, #B4C5FF, #ffffff);
    animation-name: float3;
    animation-delay: 6s;
  }

  @keyframes float1 {
    0%   { transform: translate(0, 0) scale(1); }
    30%  { transform: translate(25%, -15%) scale(1.2); }
    60%  { transform: translate(-20%, 25%) scale(1.1); }
    100% { transform: translate(15%, -10%) scale(1.3); }
  }

  @keyframes float2 {
    0%   { transform: translate(0, 0) scale(1); }
    25%  { transform: translate(-15%, 35%) scale(1.2); }
    55%  { transform: translate(20%, -25%) scale(1.3); }
    100% { transform: translate(-10%, 15%) scale(1.1); }
  }

  @keyframes float3 {
    0%   { transform: translate(0, 0) scale(1); }
    20%  { transform: translate(30%, 15%) scale(1.2); }
    50%  { transform: translate(-15%, -30%) scale(1.3); }
    100% { transform: translate(20%, 20%) scale(1.1); }
  }

  /* RWD 調整（保持高度不變） */
  @media (max-width: 1024px) {
    .blob-section {
      height: 200px;
    }
  }

  @media (max-width: 575px) {
    .blob-section {
      height: 200px;
    }

    .blob {
      width: 80vw;
      height: 80vw;
    }
  }
</style>

<div class="blob-section">
  <div class="background">
    <div class="blob"></div>
    <div class="blob"></div>
    <div class="blob"></div>
  </div>
</div>



<h5 class="wp-block-heading has-palette-color-3-color has-text-color has-link-color has-medium-font-size wp-elements-5de4bba24c8a0d3c2740b22e04c3b4e2">5. 星星意象：點亮未來，品牌閃耀</h5>



<p class="has-text-color has-link-color wp-elements-2df5ba22c59bd0a826c455c3133381ab" style="color:#103a58;font-size:clamp(14px, 0.875rem + ((1vw - 3.2px) * 0.078), 15px);">　　在網站最底部，放置了一顆閃爍的星星動畫，呼應有朗蘊的品牌語句：「用創意策略點亮未來，讓你的品牌閃耀如星。」這不僅是視覺收尾，更是象徵品牌陪伴每位客戶走向發光之路的溫柔承諾。</p>



<div class="bg_color_elementor">
  <canvas id="bg_color_canvas"></canvas>
  <img decoding="async" class="bg_color_star" src="https://ylytktk.com/wp-content/uploads/2025/05/start.webp" alt="Star" />
  <div class="bg_color_text">
    <p>用創意策略點亮未來，讓你的品牌閃耀如星。</p>
    <p>Light tomorrow with today, Twinkle with your brand.</p>
  </div>
</div>

<style>
  .elementor-widget-container {
    padding: 0 !important;
  }

  .bg_color_elementor {
  position: relative;
  width: 100%;
  height: 200px;
  overflow: hidden;
  margin: 0 auto;
  padding: 0;
  display: block; /* 確保不被flex影響 */
}


  .bg_color_elementor canvas {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
  }

  .bg_color_star {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -70%);
    width: 50px;
    height: auto;
    pointer-events: none;
    z-index: 2;
    opacity: 0;
    animation: fadeIn 1s ease-in-out forwards, pulse 5s ease-in-out infinite;
    animation-delay: 0.8s, 5s;
  }

  .bg_color_text {
    position: absolute;
    top: calc(62% + 10px);
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    color: black;
    font-family: "Microsoft JhengHei", sans-serif;
    font-size: 0.85rem;
    line-height: 1.4;
    z-index: 2;
    opacity: 0;
    animation: fadeIn 1s ease-in-out forwards;
    animation-delay: 1.2s;
  }

  .bg_color_text p {
    margin: 4px 0;
  }

  @keyframes fadeIn {
    to {
      opacity: 1;
    }
  }

  @keyframes pulse {
    0% {
      transform: translate(-50%, -70%) scale(1);
    }
    20% {
      transform: translate(-50%, -70%) scale(1.2);
    }
    40% {
      transform: translate(-50%, -70%) scale(0.95);
    }
    60% {
      transform: translate(-50%, -70%) scale(1.1);
    }
    80% {
      transform: translate(-50%, -70%) scale(1.02);
    }
    100% {
      transform: translate(-50%, -70%) scale(1);
    }
  }

@media (max-width: 768px) {
  .bg_color_elementor {
    height: 30vh; /* 拉高避免波形擠壓 */
  }

  .bg_color_elementor canvas {
    width: 150%;
    height: 100%;
    position: absolute;
    top: 0;
    left: -25%; /* 往左偏移一點使波形居中 */
    filter: blur(35px); /* 增強朦朧感 */
    transform: none; /* 清除 scale，避免變形 */
    image-rendering: auto;
    will-change: filter, transform;
  }

  .bg_color_star {
    transform: translate(-50%, calc(-70% - 10px)); /* 保持星星原位置微調 */
  }

  .bg_color_text {
    width: 90vw;
    max-width: 90vw;
    left: 5vw;
    transform: translate(0, calc(-50% - 10px)); /* 保持文字原位置微調 */
    text-align: center;
  }
}



</style>

<script>
  document.addEventListener('DOMContentLoaded', function () {
    const canvas = document.getElementById('bg_color_canvas');
    if (!canvas) return;
    const ctx = canvas.getContext('2d');

    const offCanvasTop = document.createElement('canvas');
    const offCtxTop = offCanvasTop.getContext('2d');

    const offCanvasBottom = document.createElement('canvas');
    const offCtxBottom = offCanvasBottom.getContext('2d');

    let time = 0;

    function resizeCanvas() {
      const banner = document.querySelector('.bg_color');
      if (!banner) return;

      const rect = banner.getBoundingClientRect();
      const width = rect.width;
      const height = rect.height;

      canvas.width = width;
      canvas.height = height;
      offCanvasTop.width = width;
      offCanvasTop.height = height;
      offCanvasBottom.width = width;
      offCanvasBottom.height = height;
    }

    function draw() {
      const width = canvas.width;
      const height = canvas.height;
      if (width === 0 || height === 0) return;

      ctx.clearRect(0, 0, width, height);

      const amplitude = height * 0.15;
      const waveLength = width * 1.2;
      const speed = 0.02;
      const offsetY = Math.sin(time * speed) * amplitude * 0.3;

      // 上層波紋
      const gradTop = offCtxTop.createLinearGradient(0, 0, width, 0);
      gradTop.addColorStop(0.0, 'white');
      gradTop.addColorStop(0.1, 'white');
      gradTop.addColorStop(0.475, '#c5dbff');
      gradTop.addColorStop(0.75, '#c5dbff');

      offCtxTop.clearRect(0, 0, width, height);
      offCtxTop.beginPath();
      offCtxTop.moveTo(0, height / 2 + offsetY);
      for (let x = 0; x <= width; x++) {
        const y = height / 2 + offsetY + amplitude * Math.sin(((width - x) / waveLength) * 2 * Math.PI);
        offCtxTop.lineTo(x, y);
      }
      offCtxTop.lineTo(width, 0);
      offCtxTop.lineTo(0, 0);
      offCtxTop.closePath();
      offCtxTop.fillStyle = gradTop;
      offCtxTop.fill();

      // 下層波紋
      const gradBottom = offCtxBottom.createLinearGradient(0, 0, width, 0);
      gradBottom.addColorStop(0.0, '#ffb6c1');
      gradBottom.addColorStop(0.475, '#ffb6c1');
      gradBottom.addColorStop(0.95, 'white');
      gradBottom.addColorStop(0.99, 'white');

      offCtxBottom.clearRect(0, 0, width, height);
      offCtxBottom.beginPath();
      offCtxBottom.moveTo(0, height / 2 + offsetY);
      for (let x = 0; x <= width; x++) {
        const y = height / 2 + offsetY + amplitude * Math.sin(((width - x) / waveLength) * 2 * Math.PI);
        offCtxBottom.lineTo(x, y);
      }
      offCtxBottom.lineTo(width, height);
      offCtxBottom.lineTo(0, height);
      offCtxBottom.closePath();
      offCtxBottom.fillStyle = gradBottom;
      offCtxBottom.fill();

      // 模糊處理
      ctx.save();
      const blurAmount = window.innerWidth <= 768 ? '35px' : '20px';
      ctx.filter = `blur(${blurAmount})`;
      ctx.drawImage(offCanvasTop, 0, 0);
      ctx.drawImage(offCanvasBottom, 0, 0);
      ctx.restore();

      time++;
      requestAnimationFrame(draw);
    }

    function init() {
      resizeCanvas();
      draw();
    }

    window.addEventListener('resize', () => {
      resizeCanvas();
    });

    init();
  });
</script>



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



<p class="has-text-color has-link-color has-small-font-size wp-elements-ad028d0960474cdd1087feb223309c35" style="color:#103a58">　　「有朗蘊」是一個重視節奏、感知與品牌深度的創意團隊，這次網站改版，天紀資訊不僅是開發者，更是美感與策略的合作者。<br>感謝有朗蘊對細節的堅持，也讓天紀資訊再次展現「技術 × 設計 × 品牌共鳴」的專案實力。</p>



<p class="has-small-font-size">有朗蘊企業形象官網：<a href="https://ylytktk.com/" target="_blank" rel="noreferrer noopener sponsored nofollow">https://ylytktk.com/</a></p>



<figure class="wp-block-image size-full"><img fetchpriority="high" decoding="async" width="950" height="3058" src="https://tenkiit.com/wp-content/uploads/2025/07/Achievements_TwinkleTwinkle_BusinessWeb_2025Update.webp" alt="2025年有朗蘊網站更新" class="wp-image-1596" srcset="https://tenkiit.com/wp-content/uploads/2025/07/Achievements_TwinkleTwinkle_BusinessWeb_2025Update.webp 950w, https://tenkiit.com/wp-content/uploads/2025/07/Achievements_TwinkleTwinkle_BusinessWeb_2025Update-93x300.webp 93w, https://tenkiit.com/wp-content/uploads/2025/07/Achievements_TwinkleTwinkle_BusinessWeb_2025Update-318x1024.webp 318w, https://tenkiit.com/wp-content/uploads/2025/07/Achievements_TwinkleTwinkle_BusinessWeb_2025Update-768x2472.webp 768w, https://tenkiit.com/wp-content/uploads/2025/07/Achievements_TwinkleTwinkle_BusinessWeb_2025Update-477x1536.webp 477w, https://tenkiit.com/wp-content/uploads/2025/07/Achievements_TwinkleTwinkle_BusinessWeb_2025Update-636x2048.webp 636w" sizes="(max-width: 950px) 100vw, 950px" /><figcaption class="wp-element-caption">2025年有朗蘊網站全新上線</figcaption></figure>



<hr class="wp-block-separator has-text-color has-palette-color-2-color has-alpha-channel-opacity has-palette-color-2-background-color has-background is-style-dots"/>



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



<blockquote class="wp-block-quote has-text-align-center is-style-default is-layout-flow wp-block-quote-is-layout-flow">
<h3 class="wp-block-heading has-text-align-center has-palette-color-1-color has-text-color has-link-color wp-elements-4eb3e18dfa0efdb7f4c69653b8763357" style="font-size:clamp(16.834px, 1.052rem + ((1vw - 3.2px) * 0.716), 26px);">2024年攜手天紀資訊完成基礎架設｜有朗蘊品牌網站首次上線</h3>
</blockquote>



<p class="has-text-color has-link-color has-small-font-size wp-elements-becbb69aae457dc2714584c5dd91b065" style="color:#103a58">　　時常有企業主或是個人工作室，在初期來諮詢網站或企業形象官網架設，而天紀資訊的團隊成員也很樂意提供解答和指導。</p>



<p class="has-text-color has-link-color has-small-font-size wp-elements-3c4c7444be28031bc4f1d73096de5845" style="color:#103a58">　　網站架設困不困難，是否可以自行架設，答案是「可以，合適就好」。</p>



<p class="has-text-color has-link-color has-small-font-size wp-elements-483e2a3c54cf67c6cbe3d67f3356f177" style="color:#103a58">　　有朗蘊是專業的文案企劃行銷公司，對於視覺設計與行銷規劃有一定的見解，擅長使用策略規劃實現品牌的長短目標。感謝有朗蘊在理解網站架設的專業與不易後，將企業形象官網交由天紀資訊協助架設，也預祝有朗蘊永遠Twinkle Twinkle，繼續為客戶創造更多的價值與成功。</p>



<figure class="wp-block-image size-full"><img decoding="async" width="950" height="2386" src="https://tenkiit.com/wp-content/uploads/2025/03/Achievements_TwinkleTwinkle_BusinessWeb.webp" alt="有朗蘊首頁 - 天紀資訊架設" class="wp-image-1411" srcset="https://tenkiit.com/wp-content/uploads/2025/03/Achievements_TwinkleTwinkle_BusinessWeb.webp 950w, https://tenkiit.com/wp-content/uploads/2025/03/Achievements_TwinkleTwinkle_BusinessWeb-119x300.webp 119w, https://tenkiit.com/wp-content/uploads/2025/03/Achievements_TwinkleTwinkle_BusinessWeb-408x1024.webp 408w, https://tenkiit.com/wp-content/uploads/2025/03/Achievements_TwinkleTwinkle_BusinessWeb-768x1929.webp 768w, https://tenkiit.com/wp-content/uploads/2025/03/Achievements_TwinkleTwinkle_BusinessWeb-612x1536.webp 612w, https://tenkiit.com/wp-content/uploads/2025/03/Achievements_TwinkleTwinkle_BusinessWeb-815x2048.webp 815w" sizes="(max-width: 950px) 100vw, 950px" /><figcaption class="wp-element-caption">有朗蘊首頁 &#8211; 天紀資訊架設</figcaption></figure>



<hr class="wp-block-separator has-alpha-channel-opacity is-style-wide"/>



<p class="has-text-color has-link-color has-small-font-size wp-elements-bdb5ee29599e586b1a35a63ca8d8f5dc" style="color:#0d57a7">有朗蘊企業形象官網：<a href="https://ylytktk.com/" target="_blank" rel="noreferrer noopener sponsored nofollow">https://ylytktk.com/</a></p>
<p>這篇文章 <a href="https://tenkiit.com/web/twinkletwinkle_businessweb">企業形象官網 Business Web&lt;br&gt;有朗蘊Twinkle Twinkle</a> 最早出現於 <a href="https://tenkiit.com">天紀資訊顧問</a>。</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>品牌形象官網 Branded Web宇宙口腔醫療聯盟Universe Dental Group</title>
		<link>https://tenkiit.com/web/universedentalgroup_brandedweb</link>
		
		<dc:creator><![CDATA[天紀資訊顧問]]></dc:creator>
		<pubDate>Sun, 22 Jun 2025 13:48:01 +0000</pubDate>
				<category><![CDATA[Web網站]]></category>
		<category><![CDATA[BrandedWeb]]></category>
		<category><![CDATA[Web]]></category>
		<category><![CDATA[品牌優化/重塑]]></category>
		<category><![CDATA[牙醫聯盟]]></category>
		<category><![CDATA[網站架設]]></category>
		<guid isPermaLink="false">https://tenkiit.com/?p=1445</guid>

					<description><![CDATA[<p>CATEGORY－網站架設 Universe Dental Group &#8211; Branded Web [&#8230;]</p>
<p>這篇文章 <a href="https://tenkiit.com/web/universedentalgroup_brandedweb">品牌形象官網 Branded Web&lt;br&gt;宇宙口腔醫療聯盟Universe Dental Group</a> 最早出現於 <a href="https://tenkiit.com">天紀資訊顧問</a>。</p>
]]></description>
										<content:encoded><![CDATA[
<p class="has-text-align-center has-contrast-color has-text-color has-link-color has-small-font-size wp-elements-09783108b9ec711f095be7c9613a391f">CATEGORY－網站架設</p>



<p class="has-text-align-center has-text-color has-link-color has-large-font-size wp-elements-df200857ad33fe0934d2f92d1f3b7f5f" style="color:#0d57a7"><strong>Universe Dental Group &#8211; Branded Web</strong></p>



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



<span id="more-1445"></span>



<div class="wp-block-stackable-image stk-block-image stk-block stk-zetrr6k" data-block-id="zetrr6k"><figure><span class="stk-img-wrapper stk-image--shape-stretch"><img decoding="async" class="stk-img wp-image-1453" src="https://tenkiit.com/wp-content/uploads/2025/03/Achievements_u-deantal_smile.webp" width="950" height="395" srcset="https://tenkiit.com/wp-content/uploads/2025/03/Achievements_u-deantal_smile.webp 950w, https://tenkiit.com/wp-content/uploads/2025/03/Achievements_u-deantal_smile-300x125.webp 300w, https://tenkiit.com/wp-content/uploads/2025/03/Achievements_u-deantal_smile-768x319.webp 768w" sizes="(max-width: 950px) 100vw, 950px" /></span></figure></div>



<p class="has-text-color has-link-color has-small-font-size wp-elements-fb5ed5266928ea0560f82810fd1b2445" style="color:#103a58">　　<a href="https://u-dentalgroup.com/" target="_blank" rel="noreferrer noopener">宇宙口腔醫療聯盟</a>匯聚了各領域的專科醫師，包括牙髓專科、植牙專科、隱適美資深矯正、牙周專科及兒童牙科，組成一支實力堅強的專業醫療團隊。自聯盟第一間診所成立以來，已完成無數成功案例。藉由完整的醫療陣容與跨科協同合作，能為口腔狀況複雜的患者規劃出全面而精準的治療計劃。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="950" height="534" src="https://tenkiit.com/wp-content/uploads/2025/03/Achievements_u-deantal_NewLogo.webp" alt="" class="wp-image-1452" srcset="https://tenkiit.com/wp-content/uploads/2025/03/Achievements_u-deantal_NewLogo.webp 950w, https://tenkiit.com/wp-content/uploads/2025/03/Achievements_u-deantal_NewLogo-300x169.webp 300w, https://tenkiit.com/wp-content/uploads/2025/03/Achievements_u-deantal_NewLogo-768x432.webp 768w" sizes="auto, (max-width: 950px) 100vw, 950px" /><figcaption class="wp-element-caption">品牌標誌比例微調</figcaption></figure>



<p class="has-text-color has-link-color has-small-font-size wp-elements-d98856a88337571fa96ddb858dc49398" style="color:#103a58">　　這次的標誌微調保留了品牌原有的識別特色，優化了視覺比例設計，透過細緻調整牙齒的輪廓，使線條更流暢、比例更均衡，展現穩重且親和的形象，使其更加現代且專業。</p>



<p class="has-text-color has-link-color has-small-font-size wp-elements-31e514fcaec26809d671f3358df4948a" style="color:#103a58">　　除了品牌標誌的更新，也針對其服務項目設計相應的icon，加上一些簡易的動畫設計，讓網站多一點趣味性，再延續品牌的標誌的設計理念之餘，打造專業且具品牌識別度的形象網站。</p>



<div class="wp-block-stackable-columns stk-block-columns stk-block stk-14762a3" data-block-id="14762a3"><div class="stk-row stk-inner-blocks stk-block-content stk-content-align stk-14762a3-column">
<div class="wp-block-stackable-column stk-block-column stk-column stk-block stk-186036f" data-v="4" data-block-id="186036f"><style>@media screen and (max-width:689px){.stk-186036f {flex:var(--stk-flex-grow, 1) 1 calc(33% - var(--stk-column-gap, 0px) * 2 / 3 ) !important;}}</style><div class="stk-column-wrapper stk-block-column__content stk-container stk-186036f-container stk--no-background stk--no-padding"><div class="stk-block-content stk-inner-blocks stk-186036f-inner-blocks">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="100" height="100" src="https://tenkiit.com/wp-content/uploads/2025/11/Achievements_u-deantal_S01.webp" alt="" class="wp-image-1685"/></figure>
</div></div></div>



<div class="wp-block-stackable-column stk-block-column stk-column stk-block stk-0a90bd5" data-v="4" data-block-id="0a90bd5"><style>@media screen and (max-width:689px){.stk-0a90bd5 {flex:var(--stk-flex-grow, 1) 1 calc(33% - var(--stk-column-gap, 0px) * 2 / 3 ) !important;}}</style><div class="stk-column-wrapper stk-block-column__content stk-container stk-0a90bd5-container stk--no-background stk--no-padding"><div class="stk-block-content stk-inner-blocks stk-0a90bd5-inner-blocks">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="100" height="100" src="https://tenkiit.com/wp-content/uploads/2025/11/Achievements_u-deantal_S02.webp" alt="" class="wp-image-1684" style="object-fit:cover"/></figure>
</div></div></div>



<div class="wp-block-stackable-column stk-block-column stk-column stk-block stk-18ba2b7" data-v="4" data-block-id="18ba2b7"><style>@media screen and (max-width:689px){.stk-18ba2b7 {flex:var(--stk-flex-grow, 1) 1 calc(33% - var(--stk-column-gap, 0px) * 2 / 3 ) !important;}}</style><div class="stk-column-wrapper stk-block-column__content stk-container stk-18ba2b7-container stk--no-background stk--no-padding"><div class="stk-block-content stk-inner-blocks stk-18ba2b7-inner-blocks">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="100" height="100" src="https://tenkiit.com/wp-content/uploads/2025/11/Achievements_u-deantal_S03.webp" alt="" class="wp-image-1682"/></figure>
</div></div></div>



<div class="wp-block-stackable-column stk-block-column stk-column stk-block stk-7aa56f0" data-v="4" data-block-id="7aa56f0"><style>@media screen and (max-width:689px){.stk-7aa56f0 {flex:var(--stk-flex-grow, 1) 1 calc(33% - var(--stk-column-gap, 0px) * 2 / 3 ) !important;}}</style><div class="stk-column-wrapper stk-block-column__content stk-container stk-7aa56f0-container stk--no-background stk--no-padding"><div class="stk-block-content stk-inner-blocks stk-7aa56f0-inner-blocks">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="100" height="100" src="https://tenkiit.com/wp-content/uploads/2025/11/Achievements_u-deantal_S04.webp" alt="" class="wp-image-1681"/></figure>
</div></div></div>



<div class="wp-block-stackable-column stk-block-column stk-column stk-block stk-680e805" data-v="4" data-block-id="680e805"><style>@media screen and (max-width:689px){.stk-680e805 {flex:var(--stk-flex-grow, 1) 1 calc(33% - var(--stk-column-gap, 0px) * 2 / 3 ) !important;}}</style><div class="stk-column-wrapper stk-block-column__content stk-container stk-680e805-container stk--no-background stk--no-padding"><div class="stk-block-content stk-inner-blocks stk-680e805-inner-blocks">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="100" height="100" src="https://tenkiit.com/wp-content/uploads/2025/11/Achievements_u-deantal_S05.webp" alt="" class="wp-image-1680"/></figure>
</div></div></div>



<div class="wp-block-stackable-column stk-block-column stk-column stk-block stk-c86ec50" data-v="4" data-block-id="c86ec50"><style>@media screen and (max-width:689px){.stk-c86ec50 {flex:var(--stk-flex-grow, 1) 1 calc(33% - var(--stk-column-gap, 0px) * 2 / 3 ) !important;}}</style><div class="stk-column-wrapper stk-block-column__content stk-container stk-c86ec50-container stk--no-background stk--no-padding"><div class="stk-block-content stk-inner-blocks stk-c86ec50-inner-blocks">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="100" height="100" src="https://tenkiit.com/wp-content/uploads/2025/11/Achievements_u-deantal_S06.webp" alt="" class="wp-image-1683"/></figure>
</div></div></div>
</div></div>



<p class="has-text-color has-link-color has-small-font-size wp-elements-32bac315a50d10cc568051c46f3a5717" style="color:#103a58">整體風格以簡潔流暢的線條與穩重的配色營造現代感，搭配清晰的排版與直覺化的操作，強化品牌形象。</p>



<div class="wp-block-stackable-image stk-block-image stk-block stk-jlnbkzc" data-block-id="jlnbkzc"><figure><span class="stk-img-wrapper stk-image--shape-stretch"><img loading="lazy" decoding="async" class="stk-img wp-image-1451" src="https://tenkiit.com/wp-content/uploads/2025/03/Achievements_u-dentalgroup_Web.webp" width="950" height="1969" srcset="https://tenkiit.com/wp-content/uploads/2025/03/Achievements_u-dentalgroup_Web.webp 950w, https://tenkiit.com/wp-content/uploads/2025/03/Achievements_u-dentalgroup_Web-145x300.webp 145w, https://tenkiit.com/wp-content/uploads/2025/03/Achievements_u-dentalgroup_Web-494x1024.webp 494w, https://tenkiit.com/wp-content/uploads/2025/03/Achievements_u-dentalgroup_Web-768x1592.webp 768w, https://tenkiit.com/wp-content/uploads/2025/03/Achievements_u-dentalgroup_Web-741x1536.webp 741w" sizes="auto, (max-width: 950px) 100vw, 950px" /></span></figure></div>



<hr class="wp-block-separator has-alpha-channel-opacity is-style-wide"/>



<p class="has-text-color has-link-color has-small-font-size wp-elements-653e89bb1a9ca0480385c384c77e1979" style="color:#0d57a7">宇宙口腔醫療聯盟形象官網：<a href="https://u-dentalgroup.com/" target="_blank" rel="noreferrer noopener">https://u-dentalgroup.com/</a></p>
<p>這篇文章 <a href="https://tenkiit.com/web/universedentalgroup_brandedweb">品牌形象官網 Branded Web&lt;br&gt;宇宙口腔醫療聯盟Universe Dental Group</a> 最早出現於 <a href="https://tenkiit.com">天紀資訊顧問</a>。</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>企業形象官網 Business Web丞妤特聘護理中心TrueCare by CHENYU</title>
		<link>https://tenkiit.com/web/chenyu_businessweb</link>
		
		<dc:creator><![CDATA[天紀資訊顧問]]></dc:creator>
		<pubDate>Wed, 04 Jun 2025 08:28:12 +0000</pubDate>
				<category><![CDATA[Web網站]]></category>
		<category><![CDATA[BusinessWeb]]></category>
		<category><![CDATA[Web]]></category>
		<category><![CDATA[企業形象官網]]></category>
		<category><![CDATA[網站架設]]></category>
		<guid isPermaLink="false">https://tenkiit.com/?p=1162</guid>

					<description><![CDATA[<p>TrueCare by CHENYU &#8211; Business Web CATEGORY－網站架設 　 [&#8230;]</p>
<p>這篇文章 <a href="https://tenkiit.com/web/chenyu_businessweb">企業形象官網 Business Web&lt;br&gt;丞妤特聘護理中心TrueCare by CHENYU</a> 最早出現於 <a href="https://tenkiit.com">天紀資訊顧問</a>。</p>
]]></description>
										<content:encoded><![CDATA[
<p class="has-text-align-center has-text-color has-link-color has-large-font-size wp-elements-bc5f39f99fe9fff6b0fb7cf26a777790" style="color:#0d57a7"><strong>TrueCare by CHENYU &#8211; Business Web</strong></p>



<p class="has-text-align-center has-contrast-color has-text-color has-link-color has-small-font-size wp-elements-71bf565802349759f375b27dcd287936">CATEGORY－網站架設</p>



<span id="more-1162"></span>



<figure class="wp-block-image aligncenter size-full is-resized"><img loading="lazy" decoding="async" width="660" height="500" src="https://tenkiit.com/wp-content/uploads/2025/12/Achievements_ChenYu_Logo.webp" alt="" class="wp-image-1512" style="width:200px" srcset="https://tenkiit.com/wp-content/uploads/2025/12/Achievements_ChenYu_Logo.webp 660w, https://tenkiit.com/wp-content/uploads/2025/12/Achievements_ChenYu_Logo-300x227.webp 300w" sizes="auto, (max-width: 660px) 100vw, 660px" /></figure>



<p class="has-text-color has-link-color has-small-font-size wp-elements-bc93b22c4e521904b61ad30d133c0a00" style="color:#103a58">　　<a href="https://chenyu.care/" target="_blank" rel="noreferrer noopener">丞妤特聘護理中心</a>是一家專注於提供專業照護服務的人力媒合平台，致力於協助家庭找到值得信賴的照顧者。</p>



<p class="has-text-color has-link-color has-small-font-size wp-elements-af0624abbf12ea6e8b314b329b37cb16" style="color:#103a58">　　從特聘照顧服務、短期看護到長期照護，丞妤秉持「專業、溫暖、尊嚴」的核心價值，串連經驗豐富的照顧服務員與有需求的家庭，打造更安心的人本照護體驗。無論是居家照護、醫院陪伴，或是緊急支援，丞妤皆提供彈性、多元且高品質的照護選擇，成為每一位家庭的堅強後盾。</p>



<p class="has-text-color has-link-color has-small-font-size wp-elements-6325654a86bfd458ec7dd62b2696e959" style="color:#103a58">　　從丞妤特聘護理中心原有的企業識別與風格出發，延伸出網站專屬的視覺系統與溝通方式。天紀統整丞妤提供的資料內容，進行重新編排與文案優化，並依照使用者需求，規劃清晰的導覽架構與服務資訊呈現方式。</p>



<p class="has-text-color has-link-color has-small-font-size wp-elements-00652dd3399a201c68633ff852af1062" style="color:#103a58">　　台南、高雄區域，若是有需求，可以<a href="https://lin.ee/mcCT5f8" target="_blank" rel="noreferrer noopener">LINE@</a>與丞妤聯繫，讓丞妤提供最好的服務。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="950" height="2647" src="https://tenkiit.com/wp-content/uploads/2025/07/Achievements_ChenYuCareWeb.webp" alt="" class="wp-image-1598" srcset="https://tenkiit.com/wp-content/uploads/2025/07/Achievements_ChenYuCareWeb.webp 950w, https://tenkiit.com/wp-content/uploads/2025/07/Achievements_ChenYuCareWeb-108x300.webp 108w, https://tenkiit.com/wp-content/uploads/2025/07/Achievements_ChenYuCareWeb-368x1024.webp 368w, https://tenkiit.com/wp-content/uploads/2025/07/Achievements_ChenYuCareWeb-768x2140.webp 768w, https://tenkiit.com/wp-content/uploads/2025/07/Achievements_ChenYuCareWeb-551x1536.webp 551w, https://tenkiit.com/wp-content/uploads/2025/07/Achievements_ChenYuCareWeb-735x2048.webp 735w" sizes="auto, (max-width: 950px) 100vw, 950px" /></figure>



<p class="has-text-color has-link-color has-small-font-size wp-elements-45b528f15fbd238862904f175620c45e" style="color:#103a58">丞妤特聘護理中心：<a href="https://chenyu.care/" target="_blank" rel="noreferrer noopener">https://chenyu.care/</a><br>丞妤LINE@：<a href="https://lin.ee/mcCT5f8" target="_blank" rel="noreferrer noopener">LINE@</a></p>



<p></p>
<p>這篇文章 <a href="https://tenkiit.com/web/chenyu_businessweb">企業形象官網 Business Web&lt;br&gt;丞妤特聘護理中心TrueCare by CHENYU</a> 最早出現於 <a href="https://tenkiit.com">天紀資訊顧問</a>。</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>品牌形象官網 Branded Web時局The Current Situation</title>
		<link>https://tenkiit.com/web/current_brandweb</link>
		
		<dc:creator><![CDATA[天紀資訊顧問]]></dc:creator>
		<pubDate>Fri, 02 May 2025 05:35:12 +0000</pubDate>
				<category><![CDATA[Web網站]]></category>
		<category><![CDATA[BrandedWeb]]></category>
		<category><![CDATA[RSS]]></category>
		<category><![CDATA[Web]]></category>
		<category><![CDATA[客製化]]></category>
		<category><![CDATA[網站架設]]></category>
		<guid isPermaLink="false">https://tenkiit.com/?p=1398</guid>

					<description><![CDATA[<p>CATEGORY－網站架設 The Current Situation &#8211; Brand Ident [&#8230;]</p>
<p>這篇文章 <a href="https://tenkiit.com/web/current_brandweb">品牌形象官網 Branded Web&lt;br&gt;時局The Current Situation</a> 最早出現於 <a href="https://tenkiit.com">天紀資訊顧問</a>。</p>
]]></description>
										<content:encoded><![CDATA[
<p class="has-text-align-center has-contrast-color has-text-color has-link-color has-small-font-size wp-elements-09783108b9ec711f095be7c9613a391f">CATEGORY－網站架設</p>



<p class="has-text-align-center has-text-color has-link-color has-large-font-size wp-elements-415006c639dde42e276227a572a03d31" style="color:#0d57a7"><strong>The Current Situation &#8211; Brand Identity Web</strong></p>



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



<span id="more-1398"></span>



<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow">
<h2 class="wp-block-heading has-large-font-size"><strong><span style="color: var(--theme-palette-color-1, #5FC1C7);" class="stk-highlight">時局：數據驅動的趨勢解讀，天紀資訊參與的媒體品牌</span></strong></h2>
</blockquote>



<div class="wp-block-stackable-image stk-block-image stk-block stk-u3o3ecg" data-block-id="u3o3ecg"><figure><span class="stk-img-wrapper stk-image--shape-stretch"><img loading="lazy" decoding="async" class="stk-img wp-image-1433" src="https://tenkiit.com/wp-content/uploads/2025/03/Achievements_Current_Brand-Visual.webp" width="950" height="317" srcset="https://tenkiit.com/wp-content/uploads/2025/03/Achievements_Current_Brand-Visual.webp 950w, https://tenkiit.com/wp-content/uploads/2025/03/Achievements_Current_Brand-Visual-300x100.webp 300w, https://tenkiit.com/wp-content/uploads/2025/03/Achievements_Current_Brand-Visual-768x256.webp 768w" sizes="auto, (max-width: 950px) 100vw, 950px" /></span></figure></div>



<p class="has-text-color has-link-color has-small-font-size wp-elements-29be90270ae5e8fb6b4bc8f10e9987ec" style="color:#103a58">　　在瞬息萬變的社會中，資訊爆炸讓人難以分辨真相與趨勢。「時局 The Current Situation」是一個專注於市場與社會趨勢的媒體品牌，透過精準可信的數據分析，結合清晰易懂的解讀，幫助大眾、企業與決策者迅速掌握當前最重要的發展動向。</p>



<p class="has-text-color has-link-color has-small-font-size wp-elements-dc1aa8d9967d2dcb8b45b6fd1d3d6e01" style="color:#103a58">　　很高興時局的專業團隊可以找到天紀資訊，攜手打造一個全新的媒體品牌，由時局團隊進行文案與版面的設計，再由天紀資訊協助切版與UI、UX規劃，排除網站錯誤，從平面轉化成技術實現，確保網站能夠高效承載「時局」的核心理念。</p>



<h4 class="wp-block-heading has-palette-color-1-color has-text-color has-link-color has-medium-font-size wp-elements-e23aecb8838ad487486e0821c3428390">客製化RSS Feed</h4>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="950" height="380" src="https://tenkiit.com/wp-content/uploads/2025/06/Achievements_Current_RSS-Feed-Content.webp" alt="時局RSS Feed輸出結果" class="wp-image-1541" srcset="https://tenkiit.com/wp-content/uploads/2025/06/Achievements_Current_RSS-Feed-Content.webp 950w, https://tenkiit.com/wp-content/uploads/2025/06/Achievements_Current_RSS-Feed-Content-300x120.webp 300w, https://tenkiit.com/wp-content/uploads/2025/06/Achievements_Current_RSS-Feed-Content-768x307.webp 768w" sizes="auto, (max-width: 950px) 100vw, 950px" /></figure>



<p class="has-small-font-size">　　　網站正式上線後，我們也進一步協助「時局」開發專屬的 RSS Feed 功能，使其能夠與合作媒體、新聞平台、自動化推播工具進行整合。透過客製化的 RSS 編寫，不僅確保內容更新的即時性與穩定性，也為品牌擴展數位分發渠道打下良好基礎。</p>



<p class="has-small-font-size">　　　如果你對市場趨勢、數據分析與社會變化感興趣，歡迎探索「<a href="http://Cursit.com" target="_blank" rel="noreferrer noopener">時局 The Current Situation</a>」！</p>



<div class="wp-block-stackable-image stk-block-image stk-block stk-orccuig" data-block-id="orccuig"><figure><span class="stk-img-wrapper stk-image--shape-stretch"><img loading="lazy" decoding="async" class="stk-img wp-image-1432" src="https://tenkiit.com/wp-content/uploads/2025/03/Achievements_Current_Brand-Identity-Web.webp" width="950" height="2125" srcset="https://tenkiit.com/wp-content/uploads/2025/03/Achievements_Current_Brand-Identity-Web.webp 950w, https://tenkiit.com/wp-content/uploads/2025/03/Achievements_Current_Brand-Identity-Web-134x300.webp 134w, https://tenkiit.com/wp-content/uploads/2025/03/Achievements_Current_Brand-Identity-Web-458x1024.webp 458w, https://tenkiit.com/wp-content/uploads/2025/03/Achievements_Current_Brand-Identity-Web-768x1718.webp 768w, https://tenkiit.com/wp-content/uploads/2025/03/Achievements_Current_Brand-Identity-Web-687x1536.webp 687w, https://tenkiit.com/wp-content/uploads/2025/03/Achievements_Current_Brand-Identity-Web-916x2048.webp 916w" sizes="auto, (max-width: 950px) 100vw, 950px" /></span></figure></div>



<hr class="wp-block-separator has-alpha-channel-opacity is-style-wide"/>



<p class="has-text-color has-link-color has-small-font-size wp-elements-9b2cb27770e9fcbfaeee677918e68dda" style="color:#0d57a7">時局媒體品牌形象官網：<a href="https://cursit.com/" target="_blank" rel="noreferrer noopener">https://cursit.com/</a></p>
<p>這篇文章 <a href="https://tenkiit.com/web/current_brandweb">品牌形象官網 Branded Web&lt;br&gt;時局The Current Situation</a> 最早出現於 <a href="https://tenkiit.com">天紀資訊顧問</a>。</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>企業形象官網 Business Web薪川國際Shingawa</title>
		<link>https://tenkiit.com/web/shingawa_businessweb</link>
		
		<dc:creator><![CDATA[天紀資訊顧問]]></dc:creator>
		<pubDate>Tue, 30 Jan 2024 11:27:53 +0000</pubDate>
				<category><![CDATA[CIS企業識別]]></category>
		<category><![CDATA[Web網站]]></category>
		<category><![CDATA[BusinessWeb]]></category>
		<category><![CDATA[CIS]]></category>
		<category><![CDATA[SEO]]></category>
		<category><![CDATA[Web]]></category>
		<category><![CDATA[企業形象官網]]></category>
		<category><![CDATA[企業識別系統]]></category>
		<category><![CDATA[品牌優化/重塑]]></category>
		<category><![CDATA[官網重塑]]></category>
		<category><![CDATA[系統規劃]]></category>
		<category><![CDATA[網站架設]]></category>
		<guid isPermaLink="false">https://tenkiit.com/?p=688</guid>

					<description><![CDATA[<p>CATEGORY－品牌重塑、網站設計、網站架設、系統整合 Shingawa International CO. [&#8230;]</p>
<p>這篇文章 <a href="https://tenkiit.com/web/shingawa_businessweb">企業形象官網 Business Web&lt;br&gt;薪川國際Shingawa</a> 最早出現於 <a href="https://tenkiit.com">天紀資訊顧問</a>。</p>
]]></description>
										<content:encoded><![CDATA[
<p class="has-text-align-center has-contrast-color has-text-color has-link-color has-small-font-size wp-elements-0bb8cfaf2c932ccf85339bb0a0e3b135">CATEGORY－品牌重塑、網站設計、網站架設、系統整合</p>



<p class="has-text-align-center animated pulse has-text-color has-link-color has-large-font-size wp-elements-bff3f6ef7bfec9f89cf19b4908845522" style="color:#0d57a7"><strong>Shingawa International CO., LTD. &#8211; Business&nbsp;Web</strong></p>



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



<span id="more-688"></span>



<p class="has-text-color has-link-color has-small-font-size wp-elements-51e33df925e0aa6051f9bc86daafb7c2" style="color:#103a58">　　薪川國際有限公司成立至今已有十年，具有一定的規模與聲望，而創辦人陳松昌董事長，仍保持著學習的心態，不停地求新求進步，故而展開品牌、網站與內部資訊系統的更新規劃。　　當企業到達一定的規模，許多創辦人都有同樣的一個問題－－避免影響公司的成長所有的事情似乎都失去了原有的秩序與規則。<br>　　這時候就很需要資訊系統的輔助，讓規則與作業流程清晰明瞭，改善營運流程、強化管理決策、提升員工團體協作的效率，同時資訊與科技也是國際發展的重要趨勢，掌握合適的系統規劃，也是企業制勝的關鍵之一。<br></p>



<blockquote class="wp-block-quote is-style-plain has-text-color has-background has-link-color wp-elements-89b1436487f5e1fcce041b34c306d233 is-layout-flow wp-block-quote-is-layout-flow" style="color:#103a58;background-color:#c0e6e9;font-style:normal;font-weight:400">
<p class="has-text-align-center has-text-color has-background has-link-color has-system-sans-serif-font-family has-large-font-size wp-elements-ddd2537e88b2bf78ba4a1b0c2edcfb48" style="color:#103a58;background-color:#c0e6e9"><strong><strong>品牌再造，重新出發</strong></strong></p>
</blockquote>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="950" height="695" src="https://tenkiit.com/wp-content/uploads/2025/03/Achievements_shinkawa_oldweb.webp" alt="薪川國際舊官網截圖" class="wp-image-1428" srcset="https://tenkiit.com/wp-content/uploads/2025/03/Achievements_shinkawa_oldweb.webp 950w, https://tenkiit.com/wp-content/uploads/2025/03/Achievements_shinkawa_oldweb-300x219.webp 300w, https://tenkiit.com/wp-content/uploads/2025/03/Achievements_shinkawa_oldweb-768x562.webp 768w" sizes="auto, (max-width: 950px) 100vw, 950px" /><figcaption class="wp-element-caption">薪川國際舊官網截圖</figcaption></figure>



<p class="has-text-color has-link-color has-small-font-size wp-elements-c6be7d8b34628fac025fd68a1fa6b5a6" style="color:#103a58">　　初步與薪川接觸時，發現陳董事長的眼光十分長遠，清楚了解公司未來的展望。<br>　　團隊重新整合陳董事長的需求，詳談企業核心價值，為企業寫出最具溫度的文案，並將品牌標誌比例重新調整，並制定使用規範。<br>　　原官網因部分功能未更新，導致連結無法正常使用，網站載入時間過長，嚴重影響網站使用與效能，且官網整體設計也較為傳統冰冷，綜合上述，難免讓使用者觀感不佳。</p>



<h2 class="wp-block-heading has-text-align-center has-text-color has-link-color has-medium-font-size wp-elements-8eca567afa769b1220a6370cf44e7c0a" style="color:#103a58">品牌重新出發，薪川品牌比例重新調整</h2>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="950" height="494" src="https://tenkiit.com/wp-content/uploads/2025/03/Achievements_shinkawa_brand.webp" alt="薪川國際品牌規畫調整" class="wp-image-1425" srcset="https://tenkiit.com/wp-content/uploads/2025/03/Achievements_shinkawa_brand.webp 950w, https://tenkiit.com/wp-content/uploads/2025/03/Achievements_shinkawa_brand-300x156.webp 300w, https://tenkiit.com/wp-content/uploads/2025/03/Achievements_shinkawa_brand-768x399.webp 768w" sizes="auto, (max-width: 950px) 100vw, 950px" /></figure>



<p class="has-text-color has-link-color has-small-font-size wp-elements-9025241d98912fe85d149bd428c8ed4f" style="color:#103a58"><br>　　設計師操刀調整原始比例，讓標誌整體更為流暢立體，同時採訪陳董事長，為薪川國際撰寫品牌故事。<br>　　品牌規劃完成後，針對薪川國際的需求，重新架設官方網站。以低飽的暖色調配合高質感的照片，避免過於強烈的對比，營造柔和舒適的氛圍。<br><br>　　當中最困難的部分，莫過於改變網站的網域設定。品牌發展至今，原本的網域名稱較長，在與客戶介紹編輯輸入時，過於攏長不好輸入與記憶，故而放棄了舊有的網域。而舊的官網已存在5年之久，於SEO而言，這當中累積了許多的點擊與聲量，全新的官網要完全取代舊官網，是需要相對較長的時間。值得驕傲的是，完成網站架構的完整與內部的高度設定，讓新官網的SEO累積速度極快，不到1個月就回到了搜尋的首頁且排列第一，最終不愧對陳董事長的信任。<br></p>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="950" height="1569" src="https://tenkiit.com/wp-content/uploads/2025/03/Achievements_Shingawa_index.webp" alt="薪川國際shinkawa新官網首頁" class="wp-image-1427" srcset="https://tenkiit.com/wp-content/uploads/2025/03/Achievements_Shingawa_index.webp 950w, https://tenkiit.com/wp-content/uploads/2025/03/Achievements_Shingawa_index-182x300.webp 182w, https://tenkiit.com/wp-content/uploads/2025/03/Achievements_Shingawa_index-620x1024.webp 620w, https://tenkiit.com/wp-content/uploads/2025/03/Achievements_Shingawa_index-768x1268.webp 768w, https://tenkiit.com/wp-content/uploads/2025/03/Achievements_Shingawa_index-930x1536.webp 930w" sizes="auto, (max-width: 950px) 100vw, 950px" /></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="950" height="638" src="https://tenkiit.com/wp-content/uploads/2025/03/Achievements_shinkawa_News.webp" alt="薪川國際shinkawa-最新消息" class="wp-image-1429" srcset="https://tenkiit.com/wp-content/uploads/2025/03/Achievements_shinkawa_News.webp 950w, https://tenkiit.com/wp-content/uploads/2025/03/Achievements_shinkawa_News-300x201.webp 300w, https://tenkiit.com/wp-content/uploads/2025/03/Achievements_shinkawa_News-768x516.webp 768w" sizes="auto, (max-width: 950px) 100vw, 950px" /></figure>



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



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="950" height="534" src="https://tenkiit.com/wp-content/uploads/2025/03/Achievements_shinkawa_ET01.webp" alt="薪川國際教育訓練手冊01" class="wp-image-1426" style="object-fit:cover" srcset="https://tenkiit.com/wp-content/uploads/2025/03/Achievements_shinkawa_ET01.webp 950w, https://tenkiit.com/wp-content/uploads/2025/03/Achievements_shinkawa_ET01-300x169.webp 300w, https://tenkiit.com/wp-content/uploads/2025/03/Achievements_shinkawa_ET01-768x432.webp 768w" sizes="auto, (max-width: 950px) 100vw, 950px" /></figure>
</div>
</div>



<p class="has-small-font-size"></p>



<hr class="wp-block-separator has-alpha-channel-opacity is-style-wide"/>



<p class="has-text-align-left has-text-color has-link-color has-small-font-size wp-elements-1c36c2b04f7a010574fc6f35cdb4b1dc" style="color:#0d57a7">薪川國際有限公司新官網：<a href="https://shin2015.com/" target="_blank" rel="noreferrer noopener">https://shin2015.com/</a></p>
<p>這篇文章 <a href="https://tenkiit.com/web/shingawa_businessweb">企業形象官網 Business Web&lt;br&gt;薪川國際Shingawa</a> 最早出現於 <a href="https://tenkiit.com">天紀資訊顧問</a>。</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>企業識別系統 CIS賽妃手作Sayfike</title>
		<link>https://tenkiit.com/cis/sayfike_cis</link>
		
		<dc:creator><![CDATA[天紀資訊顧問]]></dc:creator>
		<pubDate>Sun, 31 Dec 2023 08:18:01 +0000</pubDate>
				<category><![CDATA[CIS企業識別]]></category>
		<category><![CDATA[CIS]]></category>
		<category><![CDATA[LOGO設計]]></category>
		<category><![CDATA[企業識別系統]]></category>
		<category><![CDATA[包裝設計]]></category>
		<category><![CDATA[品牌設計]]></category>
		<category><![CDATA[設計印刷]]></category>
		<guid isPermaLink="false">https://tenkiit.com/?p=452</guid>

					<description><![CDATA[<p>Sayfike - Corporate Identity System，CIS</p>
<p>這篇文章 <a href="https://tenkiit.com/cis/sayfike_cis">企業識別系統 CIS&lt;br&gt;賽妃手作Sayfike</a> 最早出現於 <a href="https://tenkiit.com">天紀資訊顧問</a>。</p>
]]></description>
										<content:encoded><![CDATA[
<p class="has-text-align-center has-contrast-color has-text-color has-link-color has-small-font-size wp-elements-a7be09e419ff742dfc1f82f5363269cb">CATEGORY－企業識別CIS、品牌設計、包裝設計</p>



<p class="has-text-align-center animated pulse has-text-color has-link-color has-large-font-size wp-elements-e8ca40e7d07d3e53ed6a19bd44f84152" style="color:#0d57a7"><strong>Sayfike &#8211; Corporate Identity System，CIS</strong></p>



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



<span id="more-452"></span>



<blockquote class="wp-block-quote is-style-plain has-text-color has-background has-link-color wp-elements-d91aaf9eb6d5b27a7b68ab6421cd0e01 is-layout-flow wp-block-quote-is-layout-flow" style="color:#103a58;background-color:#c0e6e9;font-style:normal;font-weight:400">
<p class="has-text-align-center has-text-color has-link-color has-system-sans-serif-font-family has-large-font-size wp-elements-82b4ab16d9cfee607610cd6ddd997de9" style="color:#103a58"><strong>「<a href="https://www.facebook.com/sayfike.studio/" target="_blank" rel="noreferrer noopener">像顆種子一樣，將部落的工藝和文化傳遞出去。</a>」</strong><br> &#8211; <strong>賽妃Sayfike</strong></p>
</blockquote>



<p class="has-text-color has-link-color has-system-sans-serif-font-family has-small-font-size wp-elements-cb9143afeafad47f0bebcffb861d0b6d" style="color:#103a58">　　藤、竹編製一直以來都是台灣島上常見的自然媒材，尤其在原住民族的文化中更是不可或缺的元素，從建築、結構到各種生活用品都能見到它的身影。賽妃Sayfike從採集與處理材料為起點，延續族人善待土地與永續生活的承諾，將自然媒介融入我們的生活當中，讓古老的生活智慧再放異彩。</p>



<p class="has-text-color has-link-color has-small-font-size wp-elements-d196b1491a5907a69f9163bfecc3e328" style="color:#103a58">　　賽妃Sayfike專注於藤竹編織的世界十幾年，參與各式大小的市集活動與國際展覽。有一個代表竹編的標誌，但卻沒有完整的設計識別與名片，商品販售後，也沒有合適的包裝與紙袋可以承載。</p>



<figure class="wp-block-image size-full is-style-default"><img loading="lazy" decoding="async" width="950" height="550" src="https://tenkiit.com/wp-content/uploads/2025/03/Achievements_Sayfike_Oldicon.webp" alt="賽妃Sayfike手作編織繩與舊包裝" class="wp-image-1419" srcset="https://tenkiit.com/wp-content/uploads/2025/03/Achievements_Sayfike_Oldicon.webp 950w, https://tenkiit.com/wp-content/uploads/2025/03/Achievements_Sayfike_Oldicon-300x174.webp 300w, https://tenkiit.com/wp-content/uploads/2025/03/Achievements_Sayfike_Oldicon-768x445.webp 768w" sizes="auto, (max-width: 950px) 100vw, 950px" /><figcaption class="wp-element-caption">賽妃Sayfike手作編織繩與舊包裝</figcaption></figure>



<p class="has-text-color has-link-color has-small-font-size wp-elements-ee0ba34231f6d49110787262c5c4e204" style="color:#103a58">　　與賽妃Sayfike深談後，她堅持著重在自然、編織與文化的傳承，於是我們沿用原本的標誌進行微調，協助制定完整的企業識別系統CIS。設定標誌的比例與色彩，在名片、包裝、紙袋中帶入縱橫交錯的編織紋路，就像是交織出生命的節奏與時間的痕跡，闡述著原住民的技藝與故事。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="950" height="550" src="https://tenkiit.com/wp-content/uploads/2025/03/Achievements_Sayfike_BusinessCard.webp" alt="賽妃Sayfike手作手工名片" class="wp-image-1420" srcset="https://tenkiit.com/wp-content/uploads/2025/03/Achievements_Sayfike_BusinessCard.webp 950w, https://tenkiit.com/wp-content/uploads/2025/03/Achievements_Sayfike_BusinessCard-300x174.webp 300w, https://tenkiit.com/wp-content/uploads/2025/03/Achievements_Sayfike_BusinessCard-768x445.webp 768w" sizes="auto, (max-width: 950px) 100vw, 950px" /><figcaption class="wp-element-caption">賽妃Sayfike手作手工名片</figcaption></figure>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="950" height="1250" src="https://tenkiit.com/wp-content/uploads/2025/03/Achievements_Sayfike_Flatiron.webp" alt="賽妃Sayfike手作烙鐵" class="wp-image-1422" srcset="https://tenkiit.com/wp-content/uploads/2025/03/Achievements_Sayfike_Flatiron.webp 950w, https://tenkiit.com/wp-content/uploads/2025/03/Achievements_Sayfike_Flatiron-228x300.webp 228w, https://tenkiit.com/wp-content/uploads/2025/03/Achievements_Sayfike_Flatiron-778x1024.webp 778w, https://tenkiit.com/wp-content/uploads/2025/03/Achievements_Sayfike_Flatiron-768x1011.webp 768w" sizes="auto, (max-width: 950px) 100vw, 950px" /><figcaption class="wp-element-caption">賽妃Sayfike手作烙鐵</figcaption></figure>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="950" height="550" src="https://tenkiit.com/wp-content/uploads/2025/03/Achievements_Sayfike_WrappingPaper.webp" alt="賽妃Sayfike手作包裝設計-包裝紙" class="wp-image-1418" srcset="https://tenkiit.com/wp-content/uploads/2025/03/Achievements_Sayfike_WrappingPaper.webp 950w, https://tenkiit.com/wp-content/uploads/2025/03/Achievements_Sayfike_WrappingPaper-300x174.webp 300w, https://tenkiit.com/wp-content/uploads/2025/03/Achievements_Sayfike_WrappingPaper-768x445.webp 768w" sizes="auto, (max-width: 950px) 100vw, 950px" /><figcaption class="wp-element-caption">賽妃Sayfike手作包裝設計-包裝紙</figcaption></figure>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="950" height="1250" src="https://tenkiit.com/wp-content/uploads/2025/03/Achievements_Sayfike_Package.webp" alt="賽妃Sayfike手作包裝設計-提袋" class="wp-image-1417" srcset="https://tenkiit.com/wp-content/uploads/2025/03/Achievements_Sayfike_Package.webp 950w, https://tenkiit.com/wp-content/uploads/2025/03/Achievements_Sayfike_Package-228x300.webp 228w, https://tenkiit.com/wp-content/uploads/2025/03/Achievements_Sayfike_Package-778x1024.webp 778w, https://tenkiit.com/wp-content/uploads/2025/03/Achievements_Sayfike_Package-768x1011.webp 768w" sizes="auto, (max-width: 950px) 100vw, 950px" /><figcaption class="wp-element-caption">賽妃Sayfike手作包裝設計-提袋</figcaption></figure>



<p class="has-text-color has-link-color has-small-font-size wp-elements-c5f8a1377f67db7d8ba0399a8f61a043" style="color:#103a58">　　賽妃Sayfike說：「我喜歡在自己的部落辦活動，展現族人的生活觀，依循季節而做，取自大自然回至大自然，像長輩學習，一樣珍惜資源，盡可能循環利用。」<br>　　因此在包裝設計上，採用環保紙材，選用土地或大自然的色彩－－樹木的咖啡色、植物的綠色、岩石的灰色，讓竹編商品在大自然的包裹下，更加的突出。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="950" height="950" src="https://tenkiit.com/wp-content/uploads/2025/03/Achievements_Sayfike_GroupPhoto.webp" alt="賽妃Sayfike手作CIS設計成果展示" class="wp-image-1421" srcset="https://tenkiit.com/wp-content/uploads/2025/03/Achievements_Sayfike_GroupPhoto.webp 950w, https://tenkiit.com/wp-content/uploads/2025/03/Achievements_Sayfike_GroupPhoto-300x300.webp 300w, https://tenkiit.com/wp-content/uploads/2025/03/Achievements_Sayfike_GroupPhoto-150x150.webp 150w, https://tenkiit.com/wp-content/uploads/2025/03/Achievements_Sayfike_GroupPhoto-768x768.webp 768w" sizes="auto, (max-width: 950px) 100vw, 950px" /><figcaption class="wp-element-caption">2023年賽妃Sayfike標誌設計戶外成果展示。</figcaption></figure>



<hr class="wp-block-separator has-alpha-channel-opacity is-style-wide"/>



<p class="has-text-align-left has-text-color has-link-color has-small-font-size wp-elements-8931daa83288853999135498e242870a" style="color:#0d57a7">賽妃手作坊粉絲專頁：<a href="https://www.facebook.com/sayfike.studio/" target="_blank" rel="noreferrer noopener">https://www.facebook.com/sayfike.studio/</a></p>
<p>這篇文章 <a href="https://tenkiit.com/cis/sayfike_cis">企業識別系統 CIS&lt;br&gt;賽妃手作Sayfike</a> 最早出現於 <a href="https://tenkiit.com">天紀資訊顧問</a>。</p>
]]></content:encoded>
					
		
		
			</item>
	</channel>
</rss>
