본문내용 바로가기

2026.01

인간을 위한 가치창조, 유창이앤씨 홈페이지 리뉴얼 구축
유창 이앤씨
Background

Building Future Spaces

유창은 모듈러 건축과 공간 설계를 기반으로 다양한 프로젝트를 수행하는 기업으로,
전문성과 신뢰감을 효과적으로 전달할 수 있는 웹사이트가 필요했습니다.

브랜드 아이덴티티를 강화하고, 프로젝트 경쟁력을 직관적으로 보여줄 수 있는
디지털 경험 구축을 목표로 프로젝트를 진행했습니다.

Index
  • 01. Background
  • 02. Problems & Solutions
  • 03. UI Design Concept
  • 04. Style Guide
  • 05. IA Structures
  • 06. UI Designs

Problems & Solutions

국내 사용자가 유창에 기대하는 이미지는 '전문적이고 신뢰감 있는 건축 기업'입니다.
하지만 기존 사이트는 노후화된 디자인과 복잡한 정보 구조로 인해 브랜드의 전문성과 핵심 경쟁력이 충분히 드러나지 않았습니다.
특히 유창의 핵심 서비스인 모듈러 건축이 사이트 내에서 명확하게 강조되지 않았고,
사용자가 원하는 정보를 빠르게 찾기 어려운 구조였습니다.

따라서 케이스랩은 브랜드 가치 전달, 사이트맵 재정비, 핵심 서비스 강조를 중심으로 전반적인 개선 방향을 설정했습니다.

AS IS
TO BE
  • 01

    노후화된 디자인으로 브랜드 신뢰도 저하

    기존 사이트는 오래된 레이아웃과 비주얼 중심 구성 부족으로 인해
    기업의 전문성과 규모감이 충분히 전달되지 않았습니다.

    브랜드 아이덴티티를 반영한 UI 컨셉 구축

    건축 기업 특유의 신뢰감과 전문성을 전달할 수 있도록
    직선적인 레이아웃, 대형 이미지, 브랜드 컬러 중심의 UI를 설계했습니다.

  • 02

    정리되지 않은 사이트맵과 정보 구조

    사업 영역, 프로젝트, 기업 소개 등 주요 정보가 분산되어 있어
    사용자가 원하는 콘텐츠를 빠르게 찾기 어려웠습니다.

    사이트맵 간소화 및 정보 구조 재정비

    기업 소개, 사업 영역, 프로젝트, 문의 등 핵심 메뉴 중심으로
    구조를 단순화하고 정보 탐색 흐름을 개선했습니다.

  • 03

    유창의 핵심 경쟁력이 잘 드러나지 않음

    매인이 가진 모듈러 건축 기술과 시공 경쟁력이 사이트 내에서
    충분히 강조되지 않아 차별성이 약하게 느껴졌습니다.

    모듈러 건축 중심의 콘텐츠 강화

    메인 페이지와 사업 소개 영역에 모듈러 건축 관련 콘텐츠를 우선 배치하고,
    시공 사례 및 강점을 직관적으로 보여주는 구조를 적용했습니다.

  • 04

    프로젝트 사례가 체계적으로 정리되지 않음

    프로젝트가 카테고리 없이 나열되어 있어
    사용자가 원하는 사례를 탐색하거나 비교하기 어려웠습니다.

    프로젝트 분류 체계 및 상세페이지 강화

    건축 유형, 사업 분야, 규모별로 프로젝트를 구분하고,
    상세 페이지에서 핵심 정보와 이미지를 쉽게 확인할 수 있도록 개선했습니다.

  • 05

    모바일 환경에서 사용성이 떨어짐

    모바일에서는 정보 밀도가 높고 가독성이 낮아져
    콘텐츠를 확인하기 어려웠습니다.

    반응형 UI를 통한 모바일 사용성 개선

    디바이스별 화면 구성과 정보 우선순위를 재설계하여
    모바일에서도 쉽고 직관적인 탐색 경험을 제공했습니다.

UI Design Concept

(주)유창 그룹이 가진 전문적인 이미지를 바탕으로
시각적 키워드를 도출해 UI 디자인 기준을 설정했습니다.

Style Guide

유창의 브랜드 아이덴티티를 반영하기 위해
건축회사가 가진 전문성과 세련된 이미지를 중심으로 스타일 가이드를 설계했습니다.

#005BAC
#7FBE28
YOOCHANG E&C 앱 화면

IA Structure

복잡하게 분산되어 있던 기존 정보 구조를 정리하고,
사용자가 기업 소개부터 사업 영역, 프로젝트 사례까지 자연스럽게 탐색할 수 있도록 정보 흐름을 재구성했습니다.

| 고객과 함께 미래를 창조하는 기업

YOOCHANG E&C
WEBSITE RENEWAL

Main Home

유창의 메인 화면은 브랜드의 전문성과 규모감을 직관적으로 전달하는 데 집중했습니다.
대형 비주얼과 강한 타이포그래피를 활용해 핵심 사업과 모듈러 건축 경쟁력을 자연스럽게 보여주도록 구성했습니다.

유창의 메인 화면은 브랜드의 전문성과 규모감을
직관적으로 전달하는 데 집중했습니다.
대형 비주얼과 강한 타이포그래피를 활용해
핵심 사업과 모듈러 건축 경쟁력을
자연스럽게 보여주도록 구성했습니다.

GNB AREA

복잡하게 분산되어 있던 기존 정보 구조를 정리하고,
사용자가 기업 소개부터 사업 영역, 프로젝트 사례까지
자연스럽게 탐색할 수 있도록 정보 흐름을 재구성했습니다.

Who we are? Yoochang

유창의 비전, 기술력, 핵심 사업을
명확하게 전달하는 데 집중합니다.

Who we are?이란 카피라이트를 통해
브랜드 가치와 주요 성과를 직관적으로 보여줍니다.

Who we are Yoochang 메인 페이지
Who we are Yoochang 메인 페이지
TECHNOLOGY TECHNOLOGY TECHNOLOGY TECHNOLOGY TECHNOLOGY TECHNOLOGY TECHNOLOGY TECHNOLOGY TECHNOLOGY TECHNOLOGY TECHNOLOGY TECHNOLOGY
유창 공장 항공뷰
유창 공장 항공뷰
What we do What we build
What we do What we build

History of Yoochang

유창이 걸어온 성장의 과정과 기업의 역사를 한눈에 확인할 수 있습니다.

Business Area

유창의 핵심 경쟁력인 모듈러 공법과
건축 철학을 소개해드립니다.

모듈러 기술의 장점과 다양한 건축 사례들 함께 보여주어 유창
만의 차별화된 경쟁력을 직관적으로 전달합니다.

주거시설
교육시설
업무/연구시설
판매/전시시설
군사시설

PR Center & Support

유창 E&C의 공지사항, 보도자료, 미디어 콘텐츠와
각종 자료를 한곳에서 확인할 수 있도록 구성했습니다.

사용자가 필요한 정보를 쉽고 빠르게 찾을 수 있도록
고객지원과 PR센터 기능을 직관적으로 제시합니다.