위앤유텍 v5 — 0708 피드백 반영 리포트

01메인 히어로 — 색상 위계 정제 · 표준 로고 · 콘텐츠 반영

캔버스를 네이비 틴트 없는 중립 차콜로 전환하고 배경 글로우를 절반 이하로 절제 — 섹션마다 깔리던 파란/초록 안개를 걷어내 블루·그린이 CTA·지표·강조에서만 '포인트'로 서도록 위계 정리. nav·footer에 공식 흰색 가로형 로고 적용, 히어로 카피는 콘텐츠 문서 기준으로 교체 (AI·데이터·보안 플랫폼).

BEFORE · v4

NOW · v5

BEFORE · v4 (플랫폼)

NOW · v5 (플랫폼)

⚠ 히어로 배경 영상의 Artlist 워터마크는 정식 라이선스 영상으로 교체 예정 — site/assets/video/hero-ax.mp4 · hero-media.mp4 파일만 교체하면 코드 수정 없이 반영됩니다.

02WHY 섹션 — 오탈자 · 헤드라인 · hover

BEFORE · v4 — "왜, 위앤유텍일까요?"

NOW · v5 — "위앤유텍이 선택받는 이유"

03SOLUTION — MongoDB 제거 · Elastic | MinIO | Upstage · 솔루션별 포인트 컬러

MongoDB 탭을 Upstage(생성형 AI·Document AI·Solar LLM)로 교체하고, 탭·카드·다이어그램에 클라이언트 지정 솔루션 컬러(#02BCB7 / #C9294A / #7C3AED)를 적용.

BEFORE · v4 — Elastic·MinIO·MongoDB, 블루 단색

NOW · v5 — Elastic·MinIO·Upstage, 솔루션 컬러

04About '회사 한눈에' — 밝은 박스 · 파스텔 솔리드 아이콘

BEFORE · v4 — 어두운 박스 · 외곽선 아이콘

NOW · v5 — 밝은 박스 · 파스텔 솔리드

05Business 비즈니스 영역 — 파트너 솔루션과 콘텐츠 구분

v4는 비즈니스 영역 페이지가 벤더 제품 소개(파트너 솔루션과 중복)였음 → v5는 콘텐츠 문서 기준 4개 서비스 영역(AI Infrastructure / Enterprise AI Platform / Observability·Security / Intelligent Automation Platform)으로 재구성하고 벤더 상세는 파트너 솔루션으로 분리.

BEFORE · v4 — 벤더 제품 쇼케이스 (중복)

NOW · v5 — 4개 서비스 영역 그리드

06파트너 솔루션 — MongoDB 전면 제거 · 스펙 컬러 · hover

BEFORE · v4 — 4개 노드 (MongoDB 포함)

NOW · v5 — 3개 노드 · 스펙 컬러

07고객사례 — 텍스트 고객사명 → 실제 로고

AX: 한국투자증권·한국은행·라이나생명 / 플랫폼: KT Skylife·SK Broadband·LG HelloVision·Coupang Play — 클라이언트 제공 로고 7종 연결. 원본 파일의 과도한 투명 여백을 트림하고(한국은행은 여백이 이미지의 2/3), 라이나생명의 불투명 흰 배경을 투명화, 흰색 워드마크인 쿠팡플레이는 다크 타일로 처리해 가독성을 확보. '고객사례 더보기/보러가기' 죽은 링크(#)도 사례 페이지로 연결.

BEFORE · v4 — 텍스트 워드마크

NOW · v5 — 실제 로고

BEFORE · v4 (플랫폼)

NOW · v5 (플랫폼)

08Contact — 스타일 약도 → 실제 구글 지도

BEFORE · v4 — CSS 가짜 약도

NOW · v5 — 실제 구글 지도 (송파 본사)

09보도자료 — 주요 보도자료 우측 실선 제거

그라데이션이 배경색까지 페이드되며 우측 1px 테두리만 선처럼 떠 보이던 문제 — 끝색을 surface로 바꿔 카드 전체가 패널로 읽히게 수정.

BEFORE · v4 — 우측 실선

NOW · v5 — 실선 제거

10플랫폼 메인 — 서비스 아이콘 파스텔 솔리드 · 프로세스 5단계

BEFORE · v4 — 외곽선 아이콘

NOW · v5 — 파스텔 솔리드

BEFORE · v4 — 4단계 (진단·설계·구축·운영)

NOW · v5 — 5단계 (검증 신설, docx 문구)

11스크린샷 외 반영 항목 (동작·전역)

항목	내용	상태
#9·10	스플래시 — 최초 URL 진입/부문(AX↔플랫폼) 전환 시에만 표시, 같은 부문 내 홈버튼 재진입은 즉시 스킵 (sessionStorage)	완료
#13·14	단어 짤림 — `word-break:keep-all` 전역 + 가운뎃점(·) 앞뒤 word-joiner 비분리 처리 ("구축·운영"이 통째로 줄바꿈, 전 페이지 516개 중점)	완료
#15·18·19·40	메인 카피 그라데이션 → 단색 (About·Business·파트너·자료실 등 하위 전체, 공유 CSS 1곳 수정)	완료
#29·30	도입 문의 아이콘 — 박스 우측 꽉 차게 블리드 (경계선 안 보이게)	완료
#33·34	nav 화면 비율(78px)·부문 전환 버튼(pill) 부문 간 통일	완료
#36·37	대메뉴 하위메뉴 캐럿 아이콘 확대(9→12px) + hover 회전	완료
#45·46	콘텐츠 문서 v20260708 대조 — 메인 헤드라인 6종·문의 폼 2종(문의유형·관심분야·솔루션·진행단계) 일치 확인, 고객사례는 "내용 유지" / 다운로드·보도자료는 "게시판 형태만" 지시 확인	완료

12피드백 외 추가 수정 (작업 중 발견)

발견	수정
'고객사례 더보기' 등 CTA가 전부 `href="#"` (죽은 링크)	사례·문의·자료실 페이지로 실제 연결
표준 가로 로고 교체 후 모바일 푸터 가로 넘침 (428px@375)	모바일에서 푸터 로고·정보 세로 스택
`keep-all`이 가운뎃점 줄바꿈은 못 막음 (피드백 13 재발)	word-joiner 비분리 처리로 근본 해결
폴더 혼란 — `result-v2/` 안에 v3·v4·v5 혼재	`site/`(배포)·`_source/`(소스·과거본)로 정리, 52개 HTML·URL 전부 보존
고객사 로고 원본 품질 편차 — 과도한 투명 여백(한국은행 2/3가 여백), 라이나생명 불투명 흰 배경, 쿠팡플레이 흰색 워드마크	여백 트림·정규화(최대 240px), 흰 배경 투명화, 흰 로고는 다크 타일 + 로고별 표시 크기 지정

13전체 47건 체크리스트 — 스프레드시트 원문 대조

홈페이지_수정요청사항 · '요청 사항(0708)' 시트 원문 전문과 반영 방법. 위 섹션의 번호 칩을 클릭해도 같은 내용이 열립니다.

번호	구분	페이지 / 메뉴	요청 원문 → 반영	상태