{"id":3558,"date":"2026-04-02T15:54:53","date_gmt":"2026-04-02T15:54:53","guid":{"rendered":"https:\/\/t2design.com.au\/?page_id=3558"},"modified":"2026-04-07T14:04:41","modified_gmt":"2026-04-07T14:04:41","slug":"about-t2design-web-agency-australia-melbourne-sydney-brisbane-perth-since-2008","status":"publish","type":"page","link":"https:\/\/t2design.com.au\/en\/about-t2design-web-agency-australia-melbourne-sydney-brisbane-perth-since-2008\/","title":{"rendered":"About T2DESIGN | Web Agency Australia | Melbourne Sydney Brisbane Perth | Since 2008"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"3558\" class=\"elementor elementor-3558\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c8870e4 e-flex e-con-boxed e-con e-parent\" data-id=\"c8870e4\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a1064ee elementor-widget elementor-widget-html\" data-id=\"a1064ee\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n  <meta charset=\"UTF-8\" \/>\r\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" \/>\r\n  <title>About T2DESIGN | Web Agency Australia | Melbourne Sydney Brisbane Perth | Since 2008<\/title>\r\n  <meta name=\"description\" content=\"T2DESIGN is a full-service digital agency serving Melbourne, Sydney, Brisbane, Perth, Adelaide, Gold Coast &amp; Canberra. Helping Australian businesses grow online since 2008.\">\r\n  <meta name=\"keywords\" content=\"web agency Australia, web design Melbourne, digital agency Sydney, web design Brisbane, digital marketing Perth, web agency Adelaide, Gold Coast web design, Canberra digital agency, T2DESIGN\">\r\n  <meta name=\"robots\" content=\"index, follow\">\r\n  <meta name=\"author\" content=\"T2DESIGN\">\r\n  <meta name=\"geo.region\" content=\"AU\">\r\n  <meta name=\"geo.placename\" content=\"Australia\">\r\n\r\n  <!-- Open Graph -->\r\n  <meta property=\"og:type\" content=\"website\">\r\n  <meta property=\"og:title\" content=\"About T2DESIGN | Web Agency Australia \u2014 Melbourne Sydney Brisbane Perth | Since 2008\">\r\n  <meta property=\"og:description\" content=\"T2DESIGN is a full-service digital agency serving Melbourne, Sydney, Brisbane, Perth, Adelaide, Gold Coast &amp; Canberra. Growing Australian businesses online since 2008.\">\r\n  <meta property=\"og:url\" content=\"https:\/\/t2design.com.au\/en_about.html\">\r\n  <meta property=\"og:site_name\" content=\"T2DESIGN\">\r\n  <meta property=\"og:locale\" content=\"en_AU\">\r\n  <meta property=\"og:image\" content=\"https:\/\/t2design.com.au\/og-image.jpg\">\r\n\r\n  <!-- Twitter Card -->\r\n  <meta name=\"twitter:card\" content=\"summary_large_image\">\r\n  <meta name=\"twitter:title\" content=\"About T2DESIGN | Australia Web Agency \u2014 Melbourne Sydney Brisbane Perth | Since 2008\">\r\n  <meta name=\"twitter:description\" content=\"Full-service digital agency serving Melbourne, Sydney, Brisbane, Perth, Adelaide, Gold Coast &amp; Canberra. Web design, SEO, Google Ads, AI websites \u2014 since 2008.\">\r\n  <meta name=\"twitter:image\" content=\"https:\/\/t2design.com.au\/og-image.jpg\">\r\n\r\n  <!-- hreflang -->\r\n  <link rel=\"alternate\" hreflang=\"en\" href=\"https:\/\/t2design.com.au\/en_about.html\">\r\n  <link rel=\"alternate\" hreflang=\"ko\" href=\"https:\/\/t2design.com.au\/t2design_about.html\">\r\n  <link rel=\"alternate\" hreflang=\"x-default\" href=\"https:\/\/t2design.com.au\/en_about.html\">\r\n  <link rel=\"canonical\" href=\"https:\/\/t2design.com.au\/en_about.html\">\r\n\r\n  <!-- Fonts -->\r\n  <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n  <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n  <link href=\"https:\/\/fonts.googleapis.com\/css2?family=DM+Serif+Display:ital@0;1&family=Syne:wght@400;500;600;700;800&family=Inter:wght@300;400;500;600;700&family=Noto+Sans+KR:wght@300;400;500;700&display=swap\" rel=\"stylesheet\">\r\n\r\n  <!-- JSON-LD Structured Data -->\r\n  <script type=\"application\/ld+json\">\r\n  {\r\n    \"@context\": \"https:\/\/schema.org\",\r\n    \"@graph\": [\r\n      {\r\n        \"@type\": [\"LocalBusiness\", \"Organization\"],\r\n        \"@id\": \"https:\/\/t2design.com.au\/#business\",\r\n        \"name\": \"T2DESIGN\",\r\n        \"url\": \"https:\/\/t2design.com.au\",\r\n        \"logo\": \"https:\/\/t2design.com.au\/logo.png\",\r\n        \"image\": \"https:\/\/t2design.com.au\/og-image.jpg\",\r\n        \"description\": \"T2DESIGN is a full-service digital agency based in Melbourne, Australia, founded in 2008. Specialising in web design, AI-optimized websites, SEO, Google Ads, global e-commerce, app development, and custom software.\",\r\n        \"foundingDate\": \"2008\",\r\n        \"foundingLocation\": {\r\n          \"@type\": \"Place\",\r\n          \"name\": \"Melbourne, Australia\"\r\n        },\r\n        \"telephone\": \"+61433242595\",\r\n        \"email\": \"admin@t2design.com.au\",\r\n        \"address\": {\r\n          \"@type\": \"PostalAddress\",\r\n          \"addressLocality\": \"Melbourne\",\r\n          \"addressRegion\": \"VIC\",\r\n          \"addressCountry\": \"AU\"\r\n        },\r\n        \"geo\": {\r\n          \"@type\": \"GeoCoordinates\",\r\n          \"latitude\": -37.8136,\r\n          \"longitude\": 144.9631\r\n        },\r\n        \"openingHours\": \"Mo-Fr 09:00-18:00\",\r\n        \"aggregateRating\": {\r\n          \"@type\": \"AggregateRating\",\r\n          \"ratingValue\": \"4.9\",\r\n          \"reviewCount\": \"50\",\r\n          \"bestRating\": \"5\"\r\n        },\r\n        \"knowsLanguage\": [\"en\", \"ko\"],\r\n        \"areaServed\": [\r\n          { \"@type\": \"Country\", \"name\": \"Australia\" },\r\n          { \"@type\": \"Country\", \"name\": \"South Korea\" },\r\n          { \"@type\": \"Place\", \"name\": \"Worldwide\" }\r\n        ],\r\n        \"sameAs\": [\r\n          \"https:\/\/www.facebook.com\/t2design\",\r\n          \"https:\/\/www.instagram.com\/t2design\"\r\n        ]\r\n      },\r\n      {\r\n        \"@type\": \"AboutPage\",\r\n        \"@id\": \"https:\/\/t2design.com.au\/en_about.html\",\r\n        \"name\": \"About T2DESIGN | Melbourne Web Agency Since 2008\",\r\n        \"description\": \"Learn about T2DESIGN \u2014 a full-service digital agency headquartered in Melbourne, Australia, operating since 2008.\",\r\n        \"url\": \"https:\/\/t2design.com.au\/en_about.html\",\r\n        \"mainEntity\": { \"@id\": \"https:\/\/t2design.com.au\/#business\" }\r\n      },\r\n      {\r\n        \"@type\": \"FAQPage\",\r\n        \"@id\": \"https:\/\/t2design.com.au\/en_about.html#faq\",\r\n        \"mainEntity\": [\r\n          {\r\n            \"@type\": \"Question\",\r\n            \"name\": \"Where is T2DESIGN located?\",\r\n            \"acceptedAnswer\": {\r\n              \"@type\": \"Answer\",\r\n              \"text\": \"T2DESIGN is headquartered in Melbourne, Victoria, Australia. We've been based here since our founding in 2008. While we're Melbourne-based, we work remotely with clients across Australia and internationally \u2014 including South Korea, the US, Canada, and Asia.\"\r\n            }\r\n          },\r\n          {\r\n            \"@type\": \"Question\",\r\n            \"name\": \"Does T2DESIGN work with clients in Korea?\",\r\n            \"acceptedAnswer\": {\r\n              \"@type\": \"Answer\",\r\n              \"text\": \"Yes. T2DESIGN has a bilingual Korean\/English team and has extensive experience working with Korean-owned businesses in Australia, Korean companies entering the Australian market, and international e-commerce stores targeting Korean consumers. All communication, documentation, and project management can be conducted in Korean.\"\r\n            }\r\n          },\r\n          {\r\n            \"@type\": \"Question\",\r\n            \"name\": \"What industries does T2DESIGN specialise in?\",\r\n            \"acceptedAnswer\": {\r\n              \"@type\": \"Answer\",\r\n              \"text\": \"T2DESIGN has worked across a wide range of industries including hospitality, beauty and wellness, retail and e-commerce, construction and trades, professional services (legal, finance, consulting), healthcare, education, technology startups, and B2B businesses. Our conversion-first design methodology adapts to any industry.\"\r\n            }\r\n          },\r\n          {\r\n            \"@type\": \"Question\",\r\n            \"name\": \"Can T2DESIGN handle my project end-to-end?\",\r\n            \"acceptedAnswer\": {\r\n              \"@type\": \"Answer\",\r\n              \"text\": \"Yes \u2014 that's precisely our model. T2DESIGN handles everything in-house: strategy, UX\/UI design, web development, SEO, Google Ads, app development, hosting, domain management, and ongoing maintenance. You deal with one team throughout. No outsourcing, no handoffs, no finger-pointing between agencies.\"\r\n            }\r\n          },\r\n          {\r\n            \"@type\": \"Question\",\r\n            \"name\": \"How do I get started with T2DESIGN?\",\r\n            \"acceptedAnswer\": {\r\n              \"@type\": \"Answer\",\r\n              \"text\": \"The easiest way is to reach out directly by phone (+61 433 242 595), email (admin@t2design.com.au), or through the contact form at t2design.com.au. We respond within 24 hours. You don't need to know exactly what you need \u2014 just describe your current situation and goals, and we'll recommend the best approach.\"\r\n            }\r\n          }\r\n        ]\r\n      }\r\n    ]\r\n  }\r\n  <\/script>\r\n\r\n  <style>\r\n    :root {\r\n      --bg:       #05080f;\r\n      --bg2:      #080d18;\r\n      --bg3:      #0b1220;\r\n      --surface:  rgba(255,255,255,0.04);\r\n      --surface2: rgba(255,255,255,0.07);\r\n      --border:   rgba(255,255,255,0.08);\r\n      --border2:  rgba(255,255,255,0.15);\r\n      --gold:     #c8a45a;\r\n      --gold2:    #e2c88a;\r\n      --gold3:    #f5e6c8;\r\n      --goldbg:   rgba(200,164,90,0.10);\r\n      --goldbdr:  rgba(200,164,90,0.25);\r\n      --teal:     #2dd4bf;\r\n      --teal2:    #5eead4;\r\n      --tealbg:   rgba(45,212,191,0.08);\r\n      --tealbdr:  rgba(45,212,191,0.22);\r\n      --text:     #f0f2f7;\r\n      --muted:    rgba(240,242,247,0.65);\r\n      --soft:     rgba(240,242,247,0.36);\r\n      --max:      1200px;\r\n      --r-sm:12px; --r-md:18px; --r-lg:24px; --r-xl:32px;\r\n    }\r\n\r\n    *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\r\n    html { scroll-behavior: smooth; }\r\n\r\n    body {\r\n      font-family: \"Syne\", \"Inter\", sans-serif;\r\n      background: var(--bg);\r\n      color: var(--text);\r\n      -webkit-font-smoothing: antialiased;\r\n      overflow-x: hidden;\r\n      line-height: 1.6;\r\n      padding-top: var(--wp-header-height, 0px);\r\n    }\r\n\r\n    body::after {\r\n      content: \"\";\r\n      position: fixed; inset: 0;\r\n      pointer-events: none; z-index: 999;\r\n      opacity: 0.025;\r\n      background-image: url(\"data:image\/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'\/%3E%3C\/svg%3E\");\r\n    }\r\n\r\n    a { color: inherit; text-decoration: none; }\r\n    img { max-width: 100%; display: block; }\r\n    .wrap { width: min(var(--max), calc(100% - 48px)); margin: 0 auto; }\r\n\r\n    \/* \u2500\u2500\u2500 BUTTONS \u2500\u2500\u2500 *\/\r\n    .btn-primary {\r\n      display: inline-flex; align-items: center; gap: 9px;\r\n      height: 56px; padding: 0 30px; border-radius: 999px;\r\n      background: linear-gradient(135deg, var(--gold), var(--gold2));\r\n      color: #05080f; font-size: 14.5px; font-weight: 700;\r\n      box-shadow: 0 8px 28px rgba(200,164,90,0.22);\r\n      transition: transform .2s, box-shadow .2s;\r\n      white-space: nowrap;\r\n    }\r\n    .btn-primary:hover { transform: translateY(-2px); box-shadow: 0 14px 36px rgba(200,164,90,0.34); }\r\n\r\n    .btn-secondary {\r\n      display: inline-flex; align-items: center; gap: 9px;\r\n      height: 56px; padding: 0 28px; border-radius: 999px;\r\n      border: 1px solid var(--border2); color: var(--text);\r\n      font-size: 14.5px; font-weight: 600; background: var(--surface);\r\n      transition: border-color .2s, background .2s;\r\n      white-space: nowrap;\r\n    }\r\n    .btn-secondary:hover { border-color: rgba(255,255,255,0.28); background: var(--surface2); }\r\n\r\n    \/* \u2500\u2500\u2500 SECTION COMMON \u2500\u2500\u2500 *\/\r\n    .section-label {\r\n      display: block; font-size: 10px; font-weight: 700;\r\n      letter-spacing: 0.24em; text-transform: uppercase;\r\n      color: var(--gold); margin-bottom: 14px;\r\n    }\r\n    h2 {\r\n      font-family: \"DM Serif Display\", serif;\r\n      font-size: clamp(30px, 3.8vw, 52px);\r\n      line-height: 1.06; letter-spacing: -0.03em; font-weight: 400;\r\n    }\r\n    h2 em { font-style: italic; color: var(--gold2); }\r\n    h3 {\r\n      font-family: \"DM Serif Display\", serif;\r\n      font-size: clamp(20px, 2.4vw, 30px);\r\n      letter-spacing: -0.025em; font-weight: 400;\r\n    }\r\n    h4 { font-size: 15.5px; font-weight: 700; letter-spacing: -0.01em; line-height: 1.3; margin-bottom: 9px; }\r\n    .section-copy {\r\n      margin-top: 16px; font-size: 16px; color: var(--muted);\r\n      max-width: 600px; line-height: 1.78;\r\n      font-family: \"Inter\", sans-serif; font-weight: 300;\r\n    }\r\n\r\n    \/* \u2500\u2500\u2500 HERO \u2500\u2500\u2500 *\/\r\n    .hero {\r\n      min-height: 80svh;\r\n      display: flex; align-items: center;\r\n      position: relative; overflow: hidden;\r\n    }\r\n    .hero-bg {\r\n      position: absolute; inset: 0;\r\n      background:\r\n        radial-gradient(ellipse 65% 55% at 72% 30%, rgba(45,212,191,0.055), transparent),\r\n        radial-gradient(ellipse 55% 60% at 12% 70%, rgba(200,164,90,0.07), transparent),\r\n        radial-gradient(ellipse 90% 50% at 50% 110%, rgba(8,13,24,0.9), transparent),\r\n        linear-gradient(160deg, #05080f 0%, #070d1a 60%, #05080f 100%);\r\n    }\r\n    .hero-grid-bg {\r\n      position: absolute; inset: 0;\r\n      background-image:\r\n        linear-gradient(rgba(255,255,255,0.022) 1px, transparent 1px),\r\n        linear-gradient(90deg, rgba(255,255,255,0.022) 1px, transparent 1px);\r\n      background-size: 64px 64px;\r\n      mask-image: radial-gradient(ellipse 85% 85% at 50% 50%, black 20%, transparent 75%);\r\n    }\r\n    .hero-content {\r\n      position: relative; z-index: 2;\r\n      padding: 100px 0 110px;\r\n      max-width: 860px;\r\n    }\r\n    .hero-eyebrow {\r\n      display: inline-flex; align-items: center; gap: 10px;\r\n      padding: 7px 16px; border-radius: 999px;\r\n      border: 1px solid var(--goldbdr);\r\n      background: var(--goldbg);\r\n      font-size: 11px; font-weight: 700;\r\n      letter-spacing: 0.16em; text-transform: uppercase;\r\n      color: var(--gold2); margin-bottom: 26px;\r\n    }\r\n    .hero-eyebrow::before {\r\n      content: \"\"; width: 6px; height: 6px; border-radius: 50%;\r\n      background: var(--teal); box-shadow: 0 0 8px var(--teal); flex: none;\r\n    }\r\n    h1 {\r\n      font-family: \"DM Serif Display\", serif;\r\n      font-size: clamp(30px, 4vw, 58px);\r\n      line-height: 1.1; letter-spacing: -0.03em; font-weight: 400;\r\n    }\r\n    h1 em {\r\n      font-style: italic;\r\n      background: linear-gradient(135deg, var(--gold), var(--gold2), var(--teal2));\r\n      -webkit-background-clip: text; -webkit-text-fill-color: transparent;\r\n    }\r\n    .hero-sub {\r\n      margin-top: 22px;\r\n      font-size: 16.5px; color: var(--muted);\r\n      line-height: 1.78; max-width: 580px;\r\n      font-family: \"Inter\", sans-serif; font-weight: 300;\r\n    }\r\n    .hero-tags {\r\n      display: flex; flex-wrap: wrap; gap: 9px;\r\n      margin-top: 28px;\r\n    }\r\n    .hero-tag {\r\n      display: inline-flex; align-items: center; gap: 7px;\r\n      padding: 7px 14px; border-radius: 999px;\r\n      background: var(--surface); border: 1px solid var(--border);\r\n      font-size: 12px; font-weight: 600; color: var(--muted);\r\n    }\r\n    .hero-tag::before {\r\n      content: \"\"; width: 5px; height: 5px; border-radius: 50%;\r\n      background: var(--teal); flex: none;\r\n    }\r\n\r\n    \/* \u2500\u2500\u2500 TRUST STRIP \u2500\u2500\u2500 *\/\r\n    .trust-strip {\r\n      margin-top: 50px; padding-top: 34px;\r\n      border-top: 1px solid var(--border);\r\n      display: flex; align-items: center; gap: 36px; flex-wrap: wrap;\r\n    }\r\n    .trust-label {\r\n      font-size: 10px; font-weight: 700; letter-spacing: 0.18em;\r\n      text-transform: uppercase; color: var(--soft); white-space: nowrap;\r\n    }\r\n    .trust-stats { display: flex; gap: 36px; flex-wrap: wrap; }\r\n    .trust-stat { display: flex; flex-direction: column; gap: 3px; }\r\n    .trust-num {\r\n      font-family: \"DM Serif Display\", serif;\r\n      font-size: 26px; line-height: 1; color: var(--text);\r\n    }\r\n    .trust-desc { font-size: 11px; color: var(--muted); font-family: \"Inter\", sans-serif; }\r\n\r\n    \/* \u2500\u2500\u2500 STORY \u2500\u2500\u2500 *\/\r\n    .story-section { padding: 100px 0; background: var(--bg2); }\r\n    .story-grid {\r\n      display: grid; grid-template-columns: 1fr 1fr;\r\n      gap: 80px; align-items: start; margin-top: 52px;\r\n    }\r\n    .story-body {\r\n      font-size: 15.5px; color: var(--muted);\r\n      line-height: 1.85; font-family: \"Inter\", sans-serif; font-weight: 300;\r\n    }\r\n    .story-body + .story-body { margin-top: 18px; }\r\n    .story-highlight {\r\n      margin-top: 28px;\r\n      padding: 20px 24px;\r\n      border-radius: var(--r-md);\r\n      border: 1px solid var(--goldbdr);\r\n      background: var(--goldbg);\r\n      font-size: 15px; color: var(--gold3);\r\n      font-family: \"Inter\", sans-serif; font-weight: 500;\r\n      line-height: 1.72;\r\n    }\r\n    .story-milestones { display: flex; flex-direction: column; gap: 0; }\r\n    .milestone {\r\n      display: grid; grid-template-columns: 72px 1fr;\r\n      gap: 20px; align-items: start;\r\n      padding: 22px 0;\r\n      border-bottom: 1px solid var(--border);\r\n    }\r\n    .milestone:first-child { border-top: 1px solid var(--border); }\r\n    .milestone-year {\r\n      font-family: \"DM Serif Display\", serif;\r\n      font-size: 20px; color: var(--gold);\r\n      padding-top: 2px;\r\n    }\r\n    .milestone-text {\r\n      font-size: 14px; color: var(--muted);\r\n      line-height: 1.68; font-family: \"Inter\", sans-serif; font-weight: 400;\r\n    }\r\n    .milestone-title {\r\n      font-size: 14.5px; font-weight: 700; color: var(--text);\r\n      margin-bottom: 5px; font-family: \"Syne\", sans-serif;\r\n    }\r\n\r\n    \/* \u2500\u2500\u2500 WHY \u2500\u2500\u2500 *\/\r\n    .why-section { padding: 100px 0; position: relative; overflow: hidden; }\r\n    .why-section::before {\r\n      content: \"\"; position: absolute;\r\n      top: -100px; right: -150px; width: 500px; height: 500px;\r\n      border-radius: 50%;\r\n      background: radial-gradient(circle, rgba(45,212,191,0.04), transparent 70%);\r\n      pointer-events: none;\r\n    }\r\n    .why-intro {\r\n      display: grid; grid-template-columns: 1fr 1fr;\r\n      gap: 60px; align-items: end; margin-bottom: 52px;\r\n    }\r\n    .why-grid {\r\n      display: grid;\r\n      grid-template-columns: repeat(2, 1fr);\r\n      gap: 16px;\r\n    }\r\n    .why-card {\r\n      padding: 30px 26px;\r\n      background: var(--bg2);\r\n      border-radius: var(--r-lg);\r\n      border: 1px solid var(--border);\r\n      transition: background .25s, border-color .25s;\r\n      position: relative; overflow: hidden;\r\n    }\r\n    .why-card:hover { background: rgba(255,255,255,0.05); border-color: var(--border2); }\r\n    .why-card::after {\r\n      content: \"\"; position: absolute;\r\n      bottom: 0; left: 0; width: 0; height: 2px;\r\n      background: linear-gradient(90deg, var(--teal), var(--gold));\r\n      transition: width .3s ease;\r\n    }\r\n    .why-card:hover::after { width: 100%; }\r\n    .why-icon {\r\n      width: 44px; height: 44px; border-radius: 12px;\r\n      background: var(--surface2); border: 1px solid var(--border);\r\n      display: flex; align-items: center; justify-content: center;\r\n      margin-bottom: 18px; font-size: 20px;\r\n    }\r\n    .why-card h4 { font-size: 16px; font-weight: 700; margin-bottom: 10px; color: var(--text); }\r\n    .why-card p {\r\n      font-size: 13.5px; color: var(--muted); line-height: 1.72;\r\n      font-family: \"Inter\", sans-serif; font-weight: 300;\r\n    }\r\n\r\n    \/* \u2500\u2500\u2500 SERVICES SUMMARY \u2500\u2500\u2500 *\/\r\n    .services-section { padding: 100px 0; background: var(--bg2); }\r\n    .services-grid {\r\n      display: grid; grid-template-columns: repeat(3, 1fr);\r\n      gap: 0; border-radius: var(--r-lg);\r\n      overflow: hidden; border: 1px solid var(--border);\r\n      margin-top: 52px;\r\n    }\r\n    .service-card {\r\n      padding: 32px 28px;\r\n      background: var(--bg2);\r\n      border-right: 1px solid var(--border);\r\n      transition: background .25s;\r\n      position: relative; overflow: hidden;\r\n    }\r\n    .service-card:last-child { border-right: none; }\r\n    .service-card:hover { background: rgba(255,255,255,0.05); }\r\n    .service-card::after {\r\n      content: \"\"; position: absolute;\r\n      bottom: 0; left: 0; width: 0; height: 2px;\r\n      background: linear-gradient(90deg, var(--teal), var(--gold));\r\n      transition: width .3s ease;\r\n    }\r\n    .service-card:hover::after { width: 100%; }\r\n    .service-icon {\r\n      width: 44px; height: 44px; border-radius: 12px;\r\n      background: var(--surface2); border: 1px solid var(--border);\r\n      display: flex; align-items: center; justify-content: center;\r\n      margin-bottom: 18px; font-size: 20px;\r\n    }\r\n    .service-card h4 { font-size: 15.5px; font-weight: 700; margin-bottom: 10px; }\r\n    .service-desc {\r\n      font-size: 13px; color: var(--muted); line-height: 1.72;\r\n      font-family: \"Inter\", sans-serif; font-weight: 300;\r\n    }\r\n    .services-note {\r\n      margin-top: 28px;\r\n      padding: 16px 22px;\r\n      border-left: 3px solid var(--teal);\r\n      background: var(--tealbg);\r\n      border-radius: 0 var(--r-md) var(--r-md) 0;\r\n      font-size: 13.5px; color: var(--muted);\r\n      font-family: \"Inter\", sans-serif; font-weight: 400;\r\n      line-height: 1.72; max-width: 720px;\r\n    }\r\n\r\n    \/* \u2500\u2500\u2500 PERFORMANCE \u2500\u2500\u2500 *\/\r\n    .perf-section { padding: 100px 0; }\r\n    .perf-grid {\r\n      display: grid; grid-template-columns: repeat(3, 1fr);\r\n      gap: 16px; margin-top: 52px;\r\n    }\r\n    .perf-card {\r\n      padding: 32px 28px;\r\n      border-radius: var(--r-lg);\r\n      border: 1px solid var(--border);\r\n      background: var(--surface);\r\n      position: relative; overflow: hidden;\r\n    }\r\n    .perf-card::before {\r\n      content: \"\"; position: absolute;\r\n      top: 0; left: 0; right: 0; height: 2px;\r\n      background: linear-gradient(90deg, var(--gold), var(--teal));\r\n    }\r\n    .perf-num {\r\n      font-family: \"DM Serif Display\", serif;\r\n      font-size: clamp(36px, 4vw, 52px);\r\n      color: var(--gold2); line-height: 1;\r\n      margin-bottom: 10px;\r\n    }\r\n    .perf-title {\r\n      font-size: 14px; font-weight: 700; color: var(--text);\r\n      margin-bottom: 8px; font-family: \"Syne\", sans-serif;\r\n    }\r\n    .perf-desc {\r\n      font-size: 13px; color: var(--muted); line-height: 1.68;\r\n      font-family: \"Inter\", sans-serif; font-weight: 300;\r\n    }\r\n\r\n    \/* \u2500\u2500\u2500 MISSION VISION \u2500\u2500\u2500 *\/\r\n    .mv-section { padding: 100px 0; background: var(--bg2); }\r\n    .mv-grid {\r\n      display: grid; grid-template-columns: 1fr 1fr;\r\n      gap: 16px; margin-top: 52px;\r\n    }\r\n    .mv-card {\r\n      padding: 44px 40px;\r\n      border-radius: var(--r-xl);\r\n      border: 1px solid var(--border);\r\n      background: var(--surface);\r\n      position: relative; overflow: hidden;\r\n    }\r\n    .mv-card.mission {\r\n      border-color: var(--goldbdr);\r\n      background: linear-gradient(135deg, rgba(200,164,90,0.07), rgba(200,164,90,0.02));\r\n    }\r\n    .mv-card.vision {\r\n      border-color: rgba(45,212,191,0.2);\r\n      background: linear-gradient(135deg, rgba(45,212,191,0.06), rgba(45,212,191,0.01));\r\n    }\r\n    .mv-badge {\r\n      display: inline-flex; align-items: center; gap: 8px;\r\n      padding: 6px 14px; border-radius: 999px;\r\n      font-size: 10.5px; font-weight: 700; letter-spacing: .14em;\r\n      text-transform: uppercase; margin-bottom: 22px;\r\n    }\r\n    .mv-badge::before {\r\n      content: \"\"; width: 6px; height: 6px; border-radius: 50%; flex: none;\r\n    }\r\n    .mission .mv-badge {\r\n      background: var(--goldbg); border: 1px solid var(--goldbdr);\r\n      color: var(--gold2);\r\n    }\r\n    .mission .mv-badge::before { background: var(--gold); }\r\n    .vision .mv-badge {\r\n      background: var(--tealbg); border: 1px solid rgba(45,212,191,0.2);\r\n      color: var(--teal2);\r\n    }\r\n    .vision .mv-badge::before { background: var(--teal); }\r\n    .mv-card h3 {\r\n      font-size: clamp(20px, 2.2vw, 28px);\r\n      margin-bottom: 16px;\r\n    }\r\n    .mv-card p {\r\n      font-size: 15px; color: var(--muted);\r\n      line-height: 1.82; font-family: \"Inter\", sans-serif; font-weight: 300;\r\n    }\r\n\r\n    \/* \u2500\u2500\u2500 GLOBAL \u2500\u2500\u2500 *\/\r\n    .global-section { padding: 100px 0; position: relative; overflow: hidden; }\r\n    .global-inner {\r\n      border-radius: var(--r-xl);\r\n      background: linear-gradient(135deg, rgba(200,164,90,0.09), rgba(45,212,191,0.05));\r\n      border: 1px solid var(--goldbdr);\r\n      padding: 60px 64px;\r\n      display: grid; grid-template-columns: 1fr auto;\r\n      gap: 60px; align-items: center;\r\n      position: relative; overflow: hidden;\r\n    }\r\n    .global-inner::before {\r\n      content: \"\"; position: absolute;\r\n      top: -100px; right: -100px; width: 400px; height: 400px;\r\n      border-radius: 50%;\r\n      background: radial-gradient(circle, rgba(45,212,191,0.06), transparent 70%);\r\n      pointer-events: none;\r\n    }\r\n    .global-badge {\r\n      display: inline-flex; align-items: center; gap: 8px;\r\n      padding: 6px 14px; border-radius: 999px;\r\n      background: var(--tealbg); border: 1px solid rgba(45,212,191,0.2);\r\n      font-size: 10.5px; font-weight: 700; letter-spacing: .14em;\r\n      text-transform: uppercase; color: var(--teal2); margin-bottom: 18px;\r\n    }\r\n    .global-badge::before {\r\n      content: \"\"; width: 6px; height: 6px; border-radius: 50%;\r\n      background: var(--teal); box-shadow: 0 0 8px var(--teal); flex: none;\r\n    }\r\n    .global-inner h2 { color: var(--text); }\r\n    .global-inner h2 em { color: var(--gold2); }\r\n    .global-desc {\r\n      margin-top: 14px; font-size: 15.5px; color: var(--muted);\r\n      font-family: \"Inter\", sans-serif; font-weight: 300;\r\n      line-height: 1.78; max-width: 560px;\r\n    }\r\n    .global-points { display: flex; flex-direction: column; gap: 10px; margin-top: 22px; }\r\n    .global-point {\r\n      display: flex; align-items: flex-start; gap: 12px;\r\n      font-size: 13.5px; color: var(--muted);\r\n      font-family: \"Inter\", sans-serif; font-weight: 400;\r\n    }\r\n    .global-point-icon {\r\n      width: 20px; height: 20px; border-radius: 50%;\r\n      background: rgba(45,212,191,0.12); border: 1px solid rgba(45,212,191,0.25);\r\n      color: var(--teal2); display: flex; align-items: center; justify-content: center;\r\n      font-size: 11px; font-weight: 700; flex: none; margin-top: 1px;\r\n    }\r\n    .global-right { text-align: center; display: flex; flex-direction: column; align-items: center; gap: 12px; }\r\n    .global-globe {\r\n      font-size: 72px; line-height: 1;\r\n      filter: drop-shadow(0 0 20px rgba(45,212,191,0.3));\r\n    }\r\n    .global-reach {\r\n      font-family: \"DM Serif Display\", serif;\r\n      font-size: 14px; color: var(--muted);\r\n      letter-spacing: 0.06em;\r\n    }\r\n\r\n    \/* \u2500\u2500\u2500 FAQ \u2500\u2500\u2500 *\/\r\n    .faq-section { padding: 100px 0; background: var(--bg); }\r\n    .faq-header { margin-bottom: 44px; }\r\n    .faq-header h2 {\r\n      font-family: \"DM Serif Display\", serif;\r\n      font-size: clamp(28px, 3.2vw, 44px);\r\n      line-height: 1.1; letter-spacing: -0.03em; font-weight: 400;\r\n      margin-top: 10px;\r\n    }\r\n    .faq-header h2 em { font-style: italic; color: var(--gold2); }\r\n    .faq-list { display: flex; flex-direction: column; gap: 12px; max-width: 860px; }\r\n    .faq-item {\r\n      border-radius: var(--r-md);\r\n      border: 1px solid var(--border);\r\n      background: var(--surface);\r\n      overflow: hidden;\r\n    }\r\n    .faq-q {\r\n      width: 100%; background: none; border: none; cursor: pointer;\r\n      padding: 20px 24px; display: flex; align-items: center; justify-content: space-between;\r\n      gap: 16px; text-align: left; color: var(--text);\r\n      font-family: \"Syne\", sans-serif; font-size: 15px; font-weight: 600;\r\n      transition: background .2s;\r\n    }\r\n    .faq-q:hover { background: var(--surface2); }\r\n    .faq-q-icon {\r\n      width: 28px; height: 28px; border-radius: 50%;\r\n      background: var(--goldbg); border: 1px solid var(--goldbdr);\r\n      display: flex; align-items: center; justify-content: center;\r\n      color: var(--gold2); font-size: 16px; font-weight: 400; flex: none;\r\n      transition: transform .3s ease;\r\n    }\r\n    .faq-item.open .faq-q-icon { transform: rotate(45deg); }\r\n    .faq-a {\r\n      max-height: 0; overflow: hidden;\r\n      transition: max-height .4s ease;\r\n    }\r\n    .faq-item.open .faq-a { max-height: 400px; }\r\n    .faq-a-inner {\r\n      padding: 16px 24px 20px;\r\n      font-size: 14px; color: var(--muted);\r\n      font-family: \"Inter\", sans-serif; font-weight: 300;\r\n      line-height: 1.78; border-top: 1px solid var(--border);\r\n    }\r\n\r\n    \/* \u2500\u2500\u2500 CTA \u2500\u2500\u2500 *\/\r\n    .cta-section { padding: 100px 0; background: var(--bg2); }\r\n    .cta-inner {\r\n      max-width: 680px; margin: 0 auto;\r\n      text-align: center;\r\n    }\r\n    .cta-inner h2 { color: var(--text); }\r\n    .cta-inner h2 em { color: var(--gold2); }\r\n    .cta-sub {\r\n      margin-top: 18px; font-size: 15.5px; color: var(--muted);\r\n      line-height: 1.78; font-family: \"Inter\", sans-serif; font-weight: 300;\r\n    }\r\n    .cta-contacts {\r\n      display: flex; justify-content: center; flex-wrap: wrap;\r\n      gap: 12px; margin-top: 36px;\r\n    }\r\n    .cta-note {\r\n      margin-top: 18px; font-size: 12.5px; color: var(--soft);\r\n      font-family: \"Inter\", sans-serif;\r\n    }\r\n\r\n    \/* \u2500\u2500\u2500 RESPONSIVE \u2500\u2500\u2500 *\/\r\n    @media (max-width: 900px) {\r\n      .story-grid,\r\n      .why-intro,\r\n      .mv-grid { grid-template-columns: 1fr; gap: 40px; }\r\n      .why-grid { grid-template-columns: 1fr; }\r\n      .services-grid { grid-template-columns: 1fr; }\r\n      .service-card { border-right: none; border-bottom: 1px solid var(--border); }\r\n      .service-card:last-child { border-bottom: none; }\r\n      .perf-grid { grid-template-columns: 1fr; }\r\n      .global-inner { grid-template-columns: 1fr; padding: 40px 28px; }\r\n      .global-right { display: none; }\r\n    }\r\n    @media (max-width: 600px) {\r\n      .hero-content { padding: 80px 0 90px; }\r\n      h1 { font-size: clamp(28px, 8vw, 40px); }\r\n      .wrap { width: calc(100% - 32px); }\r\n    }\r\n\r\n    \/* scroll reveal *\/\r\n    .reveal { opacity: 0; transform: translateY(22px); transition: opacity .5s ease, transform .5s ease; }\r\n    .reveal.visible { opacity: 1; transform: none; }\r\n  <\/style>\r\n<\/head>\r\n<body>\r\n\r\n  <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n       HERO\r\n  \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n  <section class=\"hero\">\r\n    <div class=\"hero-bg\"><\/div>\r\n    <div class=\"hero-grid-bg\"><\/div>\r\n    <div class=\"wrap\">\r\n      <div class=\"hero-content\">\r\n        <div class=\"hero-eyebrow\">About T2DESIGN \u00b7 Since 2008<\/div>\r\n        <h1>\r\n          Building Websites That<br>\r\n          <em>Actually Work<\/em> \u2014 Since 2008 in Melbourne\r\n        <\/h1>\r\n        <p class=\"hero-sub\">\r\n          T2DESIGN is a full-service digital agency headquartered in Melbourne, Australia. We believe your website should be your most powerful sales tool \u2014 not just a digital brochure.\r\n        <\/p>\r\n        <div class=\"hero-tags\">\r\n          <span class=\"hero-tag\">Melbourne HQ<\/span>\r\n          <span class=\"hero-tag\">Bilingual Team<\/span>\r\n          <span class=\"hero-tag\">Global Projects<\/span>\r\n          <span class=\"hero-tag\">Full-Service Agency<\/span>\r\n        <\/div>\r\n        <div class=\"trust-strip\">\r\n          <span class=\"trust-label\">Numbers<\/span>\r\n          <div class=\"trust-stats\">\r\n            <div class=\"trust-stat\">\r\n              <span class=\"trust-num\">2008<\/span>\r\n              <span class=\"trust-desc\">Founded in Melbourne<\/span>\r\n            <\/div>\r\n            <div class=\"trust-stat\">\r\n              <span class=\"trust-num\">25+<\/span>\r\n              <span class=\"trust-desc\">Years of experience<\/span>\r\n            <\/div>\r\n            <div class=\"trust-stat\">\r\n              <span class=\"trust-num\">3\u00d7<\/span>\r\n              <span class=\"trust-desc\">Traffic growth cases<\/span>\r\n            <\/div>\r\n            <div class=\"trust-stat\">\r\n              <span class=\"trust-num\">200%+<\/span>\r\n              <span class=\"trust-desc\">Enquiry rate increase cases<\/span>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n       STORY\r\n  \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n  <section class=\"story-section\">\r\n    <div class=\"wrap\">\r\n      <span class=\"section-label reveal\">Our Story<\/span>\r\n      <h2 class=\"reveal\">Your website isn't just an online presence.<br><em>It's your business.<\/em><\/h2>\r\n      <div class=\"story-grid\">\r\n        <div class=\"story-left\">\r\n          <p class=\"story-body reveal\">\r\n            T2DESIGN opened its doors in Melbourne in 2008. From day one, the goal was never to make websites that looked good \u2014 it was to make websites that actually worked. That meant turning visitors into enquiries, and enquiries into revenue.\r\n          <\/p>\r\n          <p class=\"story-body reveal\">\r\n            Over the years, we've worked with local Melbourne cafes, beauty salons, and trade businesses, through to large-scale Korean and international e-commerce stores. Across every project, one belief has been consistently confirmed: great websites are built on structure, not aesthetics.\r\n          <\/p>\r\n          <p class=\"story-body reveal\">\r\n            The conversion flow, the search discoverability, the ad-to-enquiry design \u2014 all three must work together. When they do, the website stops being a cost and starts being an asset.\r\n          <\/p>\r\n          <div class=\"story-highlight reveal\">\r\n            One team handles everything \u2014 from strategy and design to SEO, ads, and hosting. No handoffs, no confusion, no excuses.\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"story-right reveal\">\r\n          <div class=\"story-milestones\">\r\n            <div class=\"milestone\">\r\n              <span class=\"milestone-year\">2008<\/span>\r\n              <div>\r\n                <div class=\"milestone-title\">Founded in Melbourne<\/div>\r\n                <div class=\"milestone-text\">T2DESIGN launched as a web design agency for local Melbourne businesses \u2014 helping small operators get online for the first time.<\/div>\r\n              <\/div>\r\n            <\/div>\r\n            <div class=\"milestone\">\r\n              <span class=\"milestone-year\">Early Days<\/span>\r\n              <div>\r\n                <div class=\"milestone-title\">SEO &amp; Ads Integration<\/div>\r\n                <div class=\"milestone-text\">We expanded beyond pure design to incorporate search engine optimisation and Google Ads from the ground up \u2014 making every site work harder from launch.<\/div>\r\n              <\/div>\r\n            <\/div>\r\n            <div class=\"milestone\">\r\n              <span class=\"milestone-year\">Growth<\/span>\r\n              <div>\r\n                <div class=\"milestone-title\">Bilingual &amp; Global Expansion<\/div>\r\n                <div class=\"milestone-text\">T2DESIGN added Korean-language services and began working with Korean businesses in Australia, Korean companies entering global markets, and international e-commerce clients.<\/div>\r\n              <\/div>\r\n            <\/div>\r\n            <div class=\"milestone\">\r\n              <span class=\"milestone-year\">Today<\/span>\r\n              <div>\r\n                <div class=\"milestone-title\">Full-Service Conversion-Design Agency<\/div>\r\n                <div class=\"milestone-text\">A complete digital agency with a conversion-first design philosophy \u2014 diagnosing structural problems that prevent traffic from becoming customers.<\/div>\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n       WHY T2DESIGN\r\n  \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n  <section class=\"why-section\">\r\n    <div class=\"wrap\">\r\n      <div class=\"why-intro\">\r\n        <div class=\"reveal\">\r\n          <span class=\"section-label\">Why T2DESIGN<\/span>\r\n          <h2>Five Reasons Clients<br>Choose <em>T2DESIGN<\/em><\/h2>\r\n        <\/div>\r\n        <div class=\"reveal\">\r\n          <p class=\"section-copy\">There's no shortage of web agencies. What sets T2DESIGN apart is a consistent focus on making websites do real work \u2014 not just look good.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"why-grid\">\r\n        <div class=\"why-card reveal\">\r\n          <div class=\"why-icon\">\ud83c\udfc6<\/div>\r\n          <h4>25 Years of Real-World Experience<\/h4>\r\n          <p>Founded in 2008 and built on hundreds of projects across industries. We've seen what works, what doesn't, and why \u2014 and we apply that knowledge to every new brief we take on.<\/p>\r\n        <\/div>\r\n        <div class=\"why-card reveal\">\r\n          <div class=\"why-icon\">\ud83d\udd17<\/div>\r\n          <h4>True One-Stop Shop<\/h4>\r\n          <p>Strategy, design, development, SEO, Google Ads, hosting, domain, and maintenance \u2014 all under one roof, managed by one team. No juggling multiple vendors or chasing accountability.<\/p>\r\n        <\/div>\r\n        <div class=\"why-card reveal\">\r\n          <div class=\"why-icon\">\ud83d\udca1<\/div>\r\n          <h4>Conversion-First Design<\/h4>\r\n          <p>Traffic is only valuable if it converts. We design every page with a clear goal in mind \u2014 guiding visitors naturally toward an enquiry, booking, or purchase, without friction.<\/p>\r\n        <\/div>\r\n        <div class=\"why-card reveal\">\r\n          <div class=\"why-icon\">\ud83c\udf0d<\/div>\r\n          <h4>Bilingual &amp; Global Capability<\/h4>\r\n          <p>Melbourne-based with a bilingual Korean\/English team. We're uniquely positioned to help businesses targeting both Australian and Korean-speaking international markets simultaneously.<\/p>\r\n        <\/div>\r\n        <div class=\"why-card reveal\">\r\n          <div class=\"why-icon\">\ud83d\udcc8<\/div>\r\n          <h4>ROI-Driven Approach<\/h4>\r\n          <p>Every decision we make is grounded in what will generate return. We prioritise strategies that are measurable, repeatable, and aligned with your actual business goals.<\/p>\r\n        <\/div>\r\n        <div class=\"why-card reveal\">\r\n          <div class=\"why-icon\">\ud83c\udfaf<\/div>\r\n          <h4>Clear, Consistent Communication<\/h4>\r\n          <p>We keep you informed at every stage of the project. No radio silence, no vague updates, no shifting blame. You always know what's happening and why.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n       SERVICES SUMMARY\r\n  \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n  <section class=\"services-section\">\r\n    <div class=\"wrap\">\r\n      <span class=\"section-label reveal\">Core Services<\/span>\r\n      <h2 class=\"reveal\">What We Do at T2DESIGN<\/h2>\r\n      <div class=\"services-grid reveal\">\r\n        <div class=\"service-card\">\r\n          <div class=\"service-icon\">\ud83c\udf10<\/div>\r\n          <h4>Web Design &amp; Development<\/h4>\r\n          <p class=\"service-desc\">Responsive, brand-aligned websites built to convert. From UI\/UX design to back-end development \u2014 small business sites to large e-commerce platforms and portals. WordPress &amp; Elementor based.<\/p>\r\n        <\/div>\r\n        <div class=\"service-card\">\r\n          <div class=\"service-icon\">\ud83d\udce2<\/div>\r\n          <h4>Digital Marketing &amp; Advertising<\/h4>\r\n          <p class=\"service-desc\">SEO, Google Ads, social media advertising (Facebook &amp; Instagram), and email marketing \u2014 all channelled into one integrated strategy. We increase both traffic and conversion rate together.<\/p>\r\n        <\/div>\r\n        <div class=\"service-card\">\r\n          <div class=\"service-icon\">\ud83c\udf0f<\/div>\r\n          <h4>Global Web Solutions<\/h4>\r\n          <p class=\"service-desc\">English corporate websites, multilingual e-commerce stores, and global market targeting strategies. From Australian local to Korean and international market entry \u2014 we've done it all.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"services-note reveal\">\r\n        Hosting, domain, maintenance, and content creation are also available as part of a complete managed service. Not sure where to start? A free checklist can help you identify what's holding your current site back.\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n       PERFORMANCE\r\n  \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n  <section class=\"perf-section\">\r\n    <div class=\"wrap\">\r\n      <span class=\"section-label reveal\">Track Record<\/span>\r\n      <h2 class=\"reveal\">Results That<br><em>Speak for Themselves<\/em><\/h2>\r\n      <p class=\"section-copy reveal\">These are real outcomes from actual T2DESIGN projects. Results vary by industry and starting point \u2014 but when you change the structure, you change the outcome. That much has been proven repeatedly.<\/p>\r\n      <div class=\"perf-grid\">\r\n        <div class=\"perf-card reveal\">\r\n          <div class=\"perf-num\">#1<\/div>\r\n          <div class=\"perf-title\">Google Local Rankings<\/div>\r\n          <p class=\"perf-desc\">A Melbourne beauty business achieved top position for their core keywords in Google local search, leading to a measurable lift in store visits and appointment bookings.<\/p>\r\n        <\/div>\r\n        <div class=\"perf-card reveal\">\r\n          <div class=\"perf-num\">3\u00d7<\/div>\r\n          <div class=\"perf-title\">Monthly Traffic Growth<\/div>\r\n          <p class=\"perf-desc\">A B2B technology company tripled their monthly visitor numbers through a combined SEO and Google Ads strategy \u2014 and the quality of leads improved significantly alongside the volume.<\/p>\r\n        <\/div>\r\n        <div class=\"perf-card reveal\">\r\n          <div class=\"perf-num\">200%+<\/div>\r\n          <div class=\"perf-title\">Enquiry Rate Increase<\/div>\r\n          <p class=\"perf-desc\">After redesigning an existing site with a mobile-first, conversion-centred approach, bounce rates dropped and enquiry volume more than doubled. The traffic didn't change \u2014 the structure did.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n       MISSION & VISION\r\n  \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n  <section class=\"mv-section\">\r\n    <div class=\"wrap\">\r\n      <span class=\"section-label reveal\">Mission &amp; Vision<\/span>\r\n      <h2 class=\"reveal\">What Drives<br><em>Everything We Do<\/em><\/h2>\r\n      <div class=\"mv-grid\">\r\n        <div class=\"mv-card mission reveal\">\r\n          <div class=\"mv-badge\">Mission<\/div>\r\n          <h3>We design digital experiences that drive real business growth<\/h3>\r\n          <p>A strong portfolio means nothing if our clients aren't seeing results. Every website T2DESIGN delivers is designed with one outcome in mind: more revenue for your business. Your website is your best salesperson \u2014 we make sure it's doing the job.<\/p>\r\n        <\/div>\r\n        <div class=\"mv-card vision reveal\">\r\n          <div class=\"mv-badge\">Vision<\/div>\r\n          <h3>To be the most trusted digital growth partner in Australia and beyond<\/h3>\r\n          <p>We're not interested in one-off projects. We want to be the agency you come back to as your business grows \u2014 the team that understands your market, your goals, and your customers as well as you do.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n       GLOBAL\r\n  \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n  <section class=\"global-section\">\r\n    <div class=\"wrap\">\r\n      <div class=\"global-inner reveal\">\r\n        <div>\r\n          <div class=\"global-badge\">Worldwide Service<\/div>\r\n          <h2>Based in Melbourne.<br><em>Built for the World.<\/em><\/h2>\r\n          <p class=\"global-desc\">T2DESIGN operates from Melbourne, but our clients span Australia, South Korea, North America, and Asia. We work remotely across time zones \u2014 and the results are the same as if we were next door.<\/p>\r\n          <div class=\"global-points\">\r\n            <div class=\"global-point\">\r\n              <div class=\"global-point-icon\">\u2713<\/div>\r\n              Australian local and international markets targeted simultaneously\r\n            <\/div>\r\n            <div class=\"global-point\">\r\n              <div class=\"global-point-icon\">\u2713<\/div>\r\n              Bilingual Korean\/English support for all project types\r\n            <\/div>\r\n            <div class=\"global-point\">\r\n              <div class=\"global-point-icon\">\u2713<\/div>\r\n              Localisation strategies for businesses entering overseas markets\r\n            <\/div>\r\n            <div class=\"global-point\">\r\n              <div class=\"global-point-icon\">\u2713<\/div>\r\n              Seamless communication regardless of time zone or language\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"global-right\">\r\n          <div class=\"global-globe\">\ud83c\udf0f<\/div>\r\n          <div class=\"global-reach\">Melbourne \u2192 World<\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n       FAQ\r\n  \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n  <section class=\"faq-section\" id=\"faq\">\r\n    <div class=\"wrap\">\r\n      <div class=\"faq-header reveal\">\r\n        <span class=\"section-label\">FAQ \u00b7 About T2DESIGN<\/span>\r\n        <h2>Questions People Ask<br><em>About Us<\/em><\/h2>\r\n      <\/div>\r\n      <div class=\"faq-list\">\r\n\r\n        <div class=\"faq-item reveal\">\r\n          <button class=\"faq-q\" aria-expanded=\"false\">\r\n            Where is T2DESIGN located?\r\n            <span class=\"faq-q-icon\">+<\/span>\r\n          <\/button>\r\n          <div class=\"faq-a\">\r\n            <div class=\"faq-a-inner\">\r\n              T2DESIGN is headquartered in Melbourne, Victoria, Australia, where we've been based since our founding in 2008. While Melbourne is home, we work remotely with clients across Australia and internationally \u2014 including South Korea, the US, Canada, and across Asia. Most of our projects are delivered entirely online without any need for in-person meetings.\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"faq-item reveal\">\r\n          <button class=\"faq-q\" aria-expanded=\"false\">\r\n            Does T2DESIGN work with clients in Korea?\r\n            <span class=\"faq-q-icon\">+<\/span>\r\n          <\/button>\r\n          <div class=\"faq-a\">\r\n            <div class=\"faq-a-inner\">\r\n              Yes. T2DESIGN has a bilingual Korean\/English team and extensive experience working with Korean-owned businesses in Australia, Korean companies entering the Australian or global market, and international e-commerce operations targeting Korean-speaking consumers. All communication, contracts, and project management can be handled in Korean.\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"faq-item reveal\">\r\n          <button class=\"faq-q\" aria-expanded=\"false\">\r\n            What industries does T2DESIGN specialise in?\r\n            <span class=\"faq-q-icon\">+<\/span>\r\n          <\/button>\r\n          <div class=\"faq-a\">\r\n            <div class=\"faq-a-inner\">\r\n              We've worked across a wide range of industries: hospitality, beauty and wellness, retail and e-commerce, construction and trades, professional services (legal, finance, consulting), healthcare, education, technology startups, and B2B businesses. Our conversion-first design methodology is industry-agnostic \u2014 the principles that turn visitors into customers apply everywhere.\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"faq-item reveal\">\r\n          <button class=\"faq-q\" aria-expanded=\"false\">\r\n            Can T2DESIGN handle my project end-to-end?\r\n            <span class=\"faq-q-icon\">+<\/span>\r\n          <\/button>\r\n          <div class=\"faq-a\">\r\n            <div class=\"faq-a-inner\">\r\n              Yes \u2014 that's precisely our model. T2DESIGN handles everything in-house: strategy, UX\/UI design, web development, SEO, Google Ads, app development, hosting, domain management, and ongoing maintenance. You deal with one team from start to finish. No outsourcing, no handoffs to third parties, no ambiguity about who's responsible for what.\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"faq-item reveal\">\r\n          <button class=\"faq-q\" aria-expanded=\"false\">\r\n            How do I get started with T2DESIGN?\r\n            <span class=\"faq-q-icon\">+<\/span>\r\n          <\/button>\r\n          <div class=\"faq-a\">\r\n            <div class=\"faq-a-inner\">\r\n              The easiest way is to reach out directly \u2014 by phone (+61 433 242 595), email (admin@t2design.com.au), or via the contact form at t2design.com.au. We respond within 24 hours. You don't need to have everything figured out before you contact us. Just describe where you are now and what you'd like to achieve, and we'll recommend the most effective starting point.\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n       CTA\r\n  \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n  <section class=\"cta-section\">\r\n    <div class=\"wrap\">\r\n      <div class=\"cta-inner reveal\">\r\n        <span class=\"section-label\" style=\"display:block; text-align:center;\">Get Started<\/span>\r\n        <h2>Curious about working<br>with <em>T2DESIGN?<\/em><\/h2>\r\n        <p class=\"cta-sub\">Not sure if we're the right fit? Start with our free checklist to assess the current state of your website. If there are structural issues holding you back, they'll show up immediately.<\/p>\r\n        <div class=\"cta-contacts\">\r\n          <a href=\"https:\/\/t2design.com.au\/contact\/\" class=\"btn-primary\">\r\n            Start Free Checklist\r\n            <svg width=\"14\" height=\"14\" viewBox=\"0 0 16 16\" fill=\"none\"><path d=\"M3 8h10M9 4l4 4-4 4\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\r\n          <\/a>\r\n          <a href=\"https:\/\/t2design.com.au\/en_services.html\" class=\"btn-secondary\">\r\n            View All Services\r\n            <svg width=\"14\" height=\"14\" viewBox=\"0 0 16 16\" fill=\"none\"><path d=\"M3 8h10M9 4l4 4-4 4\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\r\n          <\/a>\r\n        <\/div>\r\n        <p class=\"cta-note\">\ud83d\udcde +61 433 242 595 &nbsp;\u00b7&nbsp; \u2709 admin@t2design.com.au &nbsp;\u00b7&nbsp; \ud83c\udf10 t2design.com.au<\/p>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <script>\r\n    \/* Scroll reveal *\/\r\n    const obs = new IntersectionObserver((entries) => {\r\n      entries.forEach((e, i) => {\r\n        if (e.isIntersecting) {\r\n          setTimeout(() => e.target.classList.add('visible'), i * 60);\r\n          obs.unobserve(e.target);\r\n        }\r\n      });\r\n    }, { threshold: 0.08 });\r\n    document.querySelectorAll('.reveal').forEach(el => obs.observe(el));\r\n\r\n    \/* FAQ accordion *\/\r\n    document.querySelectorAll('.faq-q').forEach(btn => {\r\n      btn.addEventListener('click', () => {\r\n        const item = btn.closest('.faq-item');\r\n        const isOpen = item.classList.contains('open');\r\n        document.querySelectorAll('.faq-item').forEach(i => i.classList.remove('open'));\r\n        document.querySelectorAll('.faq-q').forEach(b => b.setAttribute('aria-expanded', 'false'));\r\n        if (!isOpen) {\r\n          item.classList.add('open');\r\n          btn.setAttribute('aria-expanded', 'true');\r\n        }\r\n      });\r\n    });\r\n  <\/script>\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>About T2DESIGN | Web Agency Australia | Melbourne Sydney Brisbane Perth | Since 2008 About T2DESIGN \u00b7 Since 2008 Building Websites That Actually Work \u2014 Since 2008 in Melbourne T2DESIGN is a full-service digital agency headquartered in Melbourne, Australia. We believe your website should be your most powerful sales tool \u2014 not just a digital [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"open","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"page-builder","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-3558","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/t2design.com.au\/en\/wp-json\/wp\/v2\/pages\/3558","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/t2design.com.au\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/t2design.com.au\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/t2design.com.au\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/t2design.com.au\/en\/wp-json\/wp\/v2\/comments?post=3558"}],"version-history":[{"count":0,"href":"https:\/\/t2design.com.au\/en\/wp-json\/wp\/v2\/pages\/3558\/revisions"}],"wp:attachment":[{"href":"https:\/\/t2design.com.au\/en\/wp-json\/wp\/v2\/media?parent=3558"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}