다가올 — 독일 롤러셔터 ALULUX를 소개하는 브랜드 사이트의 리뉴얼과 서버 이전

다가올 웹사이트 리뉴얼 대표 이미지 1
  • (업체)
    다가올 (DAGAALL)
  • (업종)
    Architecture / Building Materials / B2B Distribution
  • (제공 서비스)
    Website Renewal & Migration
  • (서비스 영역)
    DEVELOPMENT
  • (역할)
    Planning, UX/UI Design, Frontend Development, Migration
  • (기술 영역)
    Website Redesign, Server Migration (Cloudflare), SSR & SEO Rebuild, Blog, Admin Slimming, Image Optimization
  • (기술 스택)
    SvelteKit, TypeScript, Tailwind CSS, Cloudflare, SEO
  • (특징)
    Server-side rendering for search visibility, Minimal grid layout with text reveal & parallax, Product line showcase (Punext / Formado), Categorized project references, Blog for organic search traffic, Light/Dark mode
앞서 작업했던 다가올 웹사이트를 새로 다듬은 리뉴얼 건으로, 콘텐츠 구성과 정보 구조는 그대로 가져가면서 기술 스택을 전면 교체하고 디자인도 함께 바꿨습니다. 서버를 Cloudflare로 옮기고 서버 사이드 렌더링으로 전환해 검색 노출의 기반을 다시 잡는 것이 가장 큰 목적이었고, 고객사가 기존 디자인의 분위기를 마음에 들어 했던 만큼 무드는 이어 가되 레이아웃과 연출은 새로 짰습니다.

화면은 여백과 얇은 그리드, 가는 서체 위주로 덜어 냈고, 화려한 효과 대신 텍스트가 차례로 드러나는 애니메이션과 이미지 패럴랙스 정도로 움직임을 절제했습니다. ALULUX의 역사와 숫자, 전동·스마트홈 연동 설명, 신축용 Punext와 기존 주택용 Formado 두 제품 라인, 주거·기업·공공·산업으로 나눈 국내 주요 실적이 한 흐름으로 읽히도록 배치했고, 다크 모드도 지원합니다.

운영 쪽으로는 관리자 기능을 꼭 필요한 것만 남겨 가볍게 정리하고 사이트 이미지를 일괄 최적화했으며, 롤러셔터에 관한 이야기를 꾸준히 쌓을 수 있도록 블로그를 새로 붙였습니다. 국내에서는 아직 낯선 제품군인 만큼 블로그 글과 시공 실적이 검색을 타고 자연스럽게 사람을 사이트로 데려오는 구조를 만드는 데 초점을 맞췄습니다.
다가올 웹사이트 리뉴얼 작업 이미지 1
다가올 웹사이트 리뉴얼 작업 이미지 2
다가올 웹사이트 리뉴얼 작업 이미지 3
다가올 웹사이트 리뉴얼 작업 이미지 4
다가올 웹사이트 리뉴얼 작업 이미지 5
다가올 웹사이트 리뉴얼 작업 이미지 6
다가올 웹사이트 리뉴얼 작업 이미지 7
다가올 웹사이트 리뉴얼 작업 이미지 8
다가올 웹사이트 리뉴얼 작업 이미지 9
다가올 웹사이트 리뉴얼 작업 이미지 10
다가올 웹사이트 리뉴얼 작업 이미지 11

0%