designod · 온라인 바카라 주소(Wishket)

대외비 프로젝트는 지원 요청 받은 파트너만 조회할 수 있습니다.

필터를 저장해 나에게 딱 맞는 프로젝트를 추천받아보세요!

대외비 프로젝트는 지원 요청 받은 파트너만 조회할 수 있습니다.

필터를 저장해 나에게 딱 맞는 프로젝트를 추천받아보세요!

대외비 프로젝트는 지원 요청 받은 파트너만 조회할 수 있습니다.

필터를 저장해 나에게 딱 맞는 프로젝트를 추천받아보세요!

대외비 프로젝트는 지원 요청 받은 파트너만 조회할 수 있습니다.

필터를 저장해 나에게 딱 맞는 프로젝트를 추천받아보세요!

존재하지 않는 프로젝트입니다.

필터를 저장해 나에게 딱 맞는 프로젝트를 추천받아보세요!

프로젝트를 등록한 클라이언트만 확인 가능합니다.

필터를 저장해 나에게 딱 맞는 프로젝트를 추천받아보세요!

해당 파트너에게 지원을 요청하였습니다.
파트너의 지원 여부는 '지원자 목록'에서 확인하세요.

지원자 목록 바로가기

플러스

글로벌 물류 기업 하나로TNS 웹사이트 디자인 리뉴얼

개발 · 디자인 · 기획

웹

홈페이지ㆍ게시판, 퍼블리싱ㆍ반응형, 랜딩ㆍ소개 페이지

참여 기간

2024.03. ~ 2024.07.

참여율

100%

역할

웹사이트 기획, 흐름 설계, UX/UI 디자인, 퍼블리싱 및 반응형 사이트 구축

Figma

Adobe Illustrator

javascript/jquery

php, mysql

CSS

HTML

AdobeXD

CentOS

Adobe Photoshop

결과물 확인하기

프로젝트 배경

1) 문제점
- 노후된 디자인으로 브랜드 신뢰도 하락
- 서비스 정보가 분산되어 탐색이 어렵고, 핵심 메시지가 눈에 띄지 않음
- 비반응형 구조로 모바일 사용자 접근성이 현저히 낮음

2) 프로젝트 목표
- 브랜드 이미지 리뉴얼을 통한 신뢰도 제고 및 현대적 인상 강화
- 서비스 중심의 정보 구조 및 사용성 향상
- 모바일 대응을 위한 반응형 웹사이트 구축
- 해외 고객을 위한 다국어 웹사이트 구성(국문/영문)

3) 주안점
- 고객 여정 기반 탐색 흐름 설계 (물류 서비스 → 산업별 적용 사례 → 문의)
- 시각적 일관성을 고려한 디자인 시스템 구축
- 하나로 TNS의 글로벌 운영력과 네트워크를 강조하는 콘텐츠 구성

프로젝트 성과

모바일 사용자의 이탈률 22% 감소

반응형 디자인 최적화, 터치 인터랙션 개선, 그리고 로딩 속도 단축 등의 작업을 수행했습니다. 특히 사용자 흐름을 분석해 불필요한 클릭을 줄이고, 중요한 정보에 빠르게 접근할 수 있도록 정보 구조를 재정비했습니다.

핵심 서비스 페이지 평균 체류 시간 1.7배 증가

핵심 서비스 페이지에 시각적 집중도를 높이는 콘텐츠 구성과 사용자 관심 기반의 정보 우선 배치 전략을 적용했습니다. 사용자의 주요 관심사를 상단에 배치하고, 인터랙티브한 요소를 통해 몰입도를 높였습니다.

영문 사이트 유입률 23% 증가 (SEO 최적화 + 글로벌 메시지 강화)

글로벌 사용자 확보를 목표로 영문 사이트의 SEO 구조를 개선하고, 콘텐츠에 지역/문화 기반의 키워드 전략을 반영했습니다. 그 결과, 검색 노출 빈도가 증가하면서 영문 사이트 유입률이 33% 상승했습니다.

문의 버튼 클릭율 18% 상승 (CTA 배치 전략 및 폼 간소화 효과)

행동 데이터를 기반으로 CTA버튼의 시각적 강조와 사용자 동선에 맞는 전략적 위치 재배치를 진행했습니다. 또한 문의 양식을 간소화해 입력 부담을 최소화하고, 모바일에서도 쉽게 전송할 수 있도록 UI를 개선했습니다.

핵심 기능

📱 반응형 서비스 소개 구조

복잡한 물류 서비스 구조를 다양한 디바이스 환경에서도 명확하게 이해할 수 있도록 반응형 레이아웃을 설계했습니다. 각 서비스에 대한 정보를 카드형 UI로 분리해 가독성을 높였습니다.

🌍 글로벌 네트워크 소개

전 세계 지사 및 물류 거점을 인터랙티브한 맵 형태로 구현해 사용자가 국가별 물류 커버리지를 직관적으로 확인할 수 있도록 하여, 사용자에게 탐색 중심의 경험을 제공하여 브랜드의 글로벌 역량을 시각적으로 강조합니다.

🏢 회사 소개 페이지 리디자인

기업 철학, 연혁, 인증 현황 등을 한눈에 볼 수 있도록 시각 중심의 회사 소개 페이지를 구성하고, 핵심 메시지를 요약한 비주얼 블록 형태로 전달하며, 연혁은 타임라인 형태의 모션 그래픽으로 몰입도를 높였습니다.

진행 단계

기획 및 요구사항 수집

2024.03.

기존 웹사이트 UX 분석, 관리자 인터뷰, 고객 행동 경로 조사

정보 구조 및 IA 설계

2024.03.

- 물류 서비스, 산업군, 네트워크 중심의 정보 재배치
- 다국어 사이트 구조 설계 (국문/영문)

UI/UX 디자인 및 프로토타입 제작

2024.04.

- 브랜드 가이드를 반영한 디자인 시스템 구축
- 메인, 서비스, 네트워크, 채용 등 주요 페이지 구성

반응형 퍼블리싱 및 개발 협업

2024.04.

- 다양한 해상도 테스트 (모바일/태블릿/데스크탑 대응)
- 유지보수 용이한 CMS 구조 제안 및 적용

검수 및 런칭

2024.05.

- 다국어 콘텐츠 입력, QA 테스트, 런칭 후 피드백 기반 개선

프로젝트 상세

하나로 TNS는 글로벌 물류 기업으로서, B2B 중심의 물류/포워딩 서비스를 제공하고 있습니다. 하지만 기존 웹사이트는 노후된 디자인과 복잡한 정보 구조로 인해 브랜드 이미지 저하 및 고객 문의 유도에 어려움이 있었습니다.

이 프로젝트는 TNS의 글로벌 경쟁력을 시각적으로 표현하고, 사용자 중심의 반응형 웹사이트를 통해 서비스 탐색성과 문의 전환율을 높이는 것을 목표로 진행되었습니다.

해결 방안
- 모바일부터 데스크탑까지 대응되는 반응형 구조 설계
- 고객 여정 기반 메뉴 구조 재정비 및 정보 구조화
- 글로벌 기업으로서의 신뢰를 강조하는 디자인 리뉴얼
- 국문·영문 다국어 사이트 구축 및 운영 효율 고려한 CMS 구성