오리지널 디자인 IT기업 사이트시스템 개발

UPBOND - 업본드 | Beyond Web3.0

UPBOND의 Web3.0 기업 사이트 전면 리뉴얼. 30가지 퍼스트뷰 디자인안에서 최적해를 선택. 사업 피벗에 맞춘 브랜드 쇄신을 Webflow로 실현했습니다.

공개 중인 사이트 보기
UPBOND 웹사이트
Client
UPBOND
Industry
IT
Type
오리지널 디자인
Platform
Webflow
Project

[실적] Web3에서 Login3.0으로의 피벗, 브랜드 쇄신을 실현

UPBOND의 기업 사이트 전면 리뉴얼을 담당했습니다. 사업 변경에 따른 대폭적인 디자인 변경을 기획부터 론칭까지 원스톱으로 대응했습니다.

프로젝트의 배경

• 사업 피벗: Web3에서 Login3.0으로
• 다크 계열에서 화이트 기조의 클린한 디자인으로 변경
• 메인 제품 Login3.0을 전면에 내세운 브랜딩

Webharu의 해결 접근

철저한 인터뷰와 다수의 제안:
• 톱 페이지의 퍼스트뷰는 30가지 디자인안을 작성
• 클라이언트의 비전에 가장 맞는 디자인을 선택
• 애니메이션 없이 심플하고 화이트 기조에 브랜드 컬러를 포인트로

Figma 디자인에서 Webflow 구현으로:
• Figma로 디자인을 작성한 뒤 Webflow 구현 단계에서 완전히 마무리
• 모바일 대응도 철저히
• CMS를 프로 사양으로 업데이트

CMS의 프로 사양 업데이트

글 게시 후 두 가지 패턴으로 분기:
프레스 릴리스의 경우: 직접 외부 페이지로 연결되고 외부 링크 아이콘을 표시
사이트 내 글의 경우: 사이트 안에서 글 페이지를 표시, 외부 링크 아이콘 없음

제작 범위

• 기획 전략 입안
• 30가지 퍼스트뷰 디자인안 작성
• 전 페이지의 UI/UX 디자인(Figma)
• Webflow 구현
• CMS 프로 사양 설계
• 갱신 방법 안내

Webharu가 공들인 포인트

기존 디자인은 Web3 계열 기업으로서 다크 계열의 멋을 갖추고 있었지만, 사업 피벗에 따라 Login3.0을 중심으로 한 브랜딩으로 전환했습니다. 심플하고 화이트 기조에 브랜드 컬러를 포인트로 사용해, 전문적인 인상을 유지하면서도 친근한 디자인을 실현했습니다.

Design
UPBOND 디자인 시안 1
UPBOND 디자인 시안 2
UPBOND 디자인 시안 3
UPBOND 디자인 시안 4
UPBOND 디자인 시안 5
UPBOND 디자인 시안 6
UPBOND 디자인 시안 7
UPBOND 디자인 시안 8
UPBOND 디자인 시안 9

당신의 사이트도, 같은 방식으로.

먼저 현재 상황을 들려주세요.

제작만, 운영만, 도중부터 운영만 — 어느 쪽이든 가능합니다.