본문 바로가기
데브파이브
태블릿 (좌측) — NEWSROOM
상단: D-insight. · NEWSROOM · Vol.01 (2026.06) · (검색 아이콘)
탭: ALL | DEEP DIVE | SPOTLIGHT | DISCOVER
메인 피처 기사:
- VOL.01 · 2026년 2월호
- 4개에서 6개로, 더 넓어진 연합전공
- 주간 뉴스레터 D-Heritage 콘텐츠 (부제, 소제목 판독 불가)
카테고리 라벨 (기사 목록): DEEP DIVE · SPOTLIGHT · DISCOVER (각 기사 썸네일 및 소제목 저해상도로 판독 제한)
스마트폰 (중앙) — FIELD CAMPUS
상태바: 09:41
FIELD CAMPUS
캠퍼스를 넘어, 현장으로.
전라남도, 수소에너지, 첨단콘텐츠 등 부산의 6대 전략 산업 거점에 강의실을 마련했습니다. 구글(Google)향 AI 연구소, BIFF 스토리 캠프 등 현장에서 배우고 즉시 투입되는 실무형 인재를 완성합니다.
버튼: B-해리티지 | 융합디자인 | B-연대디자인 (정확한 라벨 저해상도)
하단: 지역 캠퍼스 지도 (부산·경남권 표시) · 첨단콘텐츠 (하단 카드)
노트북 (우측) — VISION · INTERVIEW
상단 내비게이션: 동아·동서 글로벌 연합대학 · 혁신방향 | 통합안내 | 연합전공 | Field 캠퍼스 · D-insight.
VISION · INTERVIEW (수소에너지연구)
경계를 넘어, 내일을 잇다.
대학의 벽을 허물고 지역과 함께 성장하는 글로벌 연합대학의 새로운 도약
영상 인터뷰 자막:
- 이해우 / 글로벌 연합대학 총장 (동아대학교 총장)
- 전국 최초의 연합대학이지…
하단: 01 —— 03 (슬라이드 인디케이터) · SCROLL DOWN · INNOVATION STRATEGY
동아·동서대 글로컬 연합대학

본 프로젝트는 교육부 글로컬대학30 사업에 선정된 동아대학교·동서대학교 글로컬 연합대학의 공식 소개 웹사이트를 구축하는 작업입니다.

수익형 통합산단(TECHBRIDGE) 모델, 3대 비즈니스 전략(프랜차이징·마켓부스팅·스노우볼링), 글로벌 R&D 네트워크, AI 통합기술플랫폼 등 복잡한 대학 혁신 사업의 내용을 방문자가 직관적으로 이해할 수 있도록 시각화하는 것이 핵심 과제였습니다.

국내외 이해관계자·언론·학생을 아우르는 다양한 독자층을 고려하여 정보 전달력과 시각적 완성도를 동시에 갖춘 홍보 웹사이트로 설계되었습니다.

제작 기간2026. 01 - 2026. 05
고객사동아대학교
사용 기술React, Devup UI, Vespera, Rust, TypeScript
서비스
미리보기
상단 내비게이션: 동아·동서 글로컬 연합대학 · 혁신방향 | 통합안내 | 연합전공 | Field 캠퍼스 · D-insight
1. VISION · INTERVIEW (히어로)
VISION · INTERVIEW (수소에너지연구원)
경계를 넘어, 내일을 잇다.
대학의 벽을 허물고 지역과 함께 성장하는 글로벌 연합대학의 새로운 도약
영상 인터뷰 자막:
- 이해우 / 글로벌 연합대학 총장 (동아대학교 총장)
- 전국 최초의 연합대학이지…
컨트롤: 01 —— 03 (슬라이드 인디케이터 ‹ ›) · SCROLL DOWN
2. INNOVATION STRATEGY
새로운 방향, 새로운 내일. (혁신방향 01)
카드 1 — Global Alliance Model
- 글로벌 기준의 개방형 사학연합 모델
- 대학 간의 경계를 허물고 '4개에서 6개'로 커버리… 글로벌 표준(Global Standard)을 만듭니다. (부분 판독)
카드 2 — Field Campus & R&D
- 특화 Field 캠퍼스 및 …
- GS Asia 랭킹 100위… (부분 판독)
3. FIELD CAMPUS
캠퍼스를 넘어, 현장으로.
전라남도, 수소에너지, 첨단콘텐츠 등 부산의 6대 전략 산업 거점에 강의실을 마련했습니다. 구글(Google)향 AI 연구소, BIFF 스토리 캠프 등 현장에서 배우고 즉시 투입되는 실무형 인재를 완성합니다.
버튼: 수소에너지 | 전략반도체 | 휴먼바이오사 | 첨단콘텐츠 | 융합디자인 | B-헤리티지 (정확 라벨 일부 저해상)
지도: 부산·경남권 캠퍼스 지도 · (팝업) 부산테크노파크 첨단반도체센터 / 글로컬 캠퍼스
4. CORE ACHIEVEMENTS
혁신, 미래를 앞당기는 중.
수치로 증명하는 변화. 부산을 넘어 세계로 도약하는 글로벌 대학의 성과입니다.
지표	수치
(학생/인재 규모)	5,000+ 명
통합산업 매출액	2,000억+ 원
지역경제유발 효과 실적	7,000+ 명
5. GLOCAL NOW
연합대학은 지금
동아·동서 글로벌 연합대학의 새로운 소식과 이야기를 전해드립니다.
더 많은 소식 확인하기 →
뉴스 카드:
1. NOTICE 2026학년도 1학기 Field 캠퍼스 수강신청 변경 안내 — 2026.01.02
2. NEWS 글로컬대학30 2025년 제4차 산학협력 혁신 정책 포럼 개최 — 2025.11.24
3. INTERVIEW '현장'이 곧 강의실? 재학생 인터뷰 — 2025.11.24
4. NEWS 부산 글로컬대학 30 프로젝트 선정, 장 MOU체결 및 기자간담회 개최 — 2025.10.15
(‹ › 캐러셀 컨트롤)
6. FAQ
FAQ
궁금한 점이 있으신가요?
경계 없는 대학, 새로운 학사 제도에 대한 주요 문의사항을 확인하세요.
더 자세한 질문 보기 →
- Q. 연합전공을 이수하면 어떤 혜택이 있나요?
- 동아대와 동서대의 강점을 결합해 학과 교차이수를 이수하게 되며, 해당 내역은 성적 증명서 및 학위에 '연합전공 이수' 공식 표기됩니다. 또한 6대 특화 캠퍼스의 실무 역량을 인정받아, 전공 기업 취업 시 글로벌 인프라와 가산점을 두는 추천 기회를 얻을 수 있습니다. (부분 판독)
- Q. Field 캠퍼스 수업은 어디서 듣게 되나요?
- Q. 타 대학의 수업도 자유롭게 수강할 수 있나요?
- Q. 글로벌 대학 학생들을 위한 장학 혜택이 있나요?
푸터
동아·동서 글로벌 연합대학
- 동아대학교 / 동서대학교 (주소·전화 정보 저해상으로 부분 판독)
- 로고: 동아대학교 (DONG-A UNIVERSITY) · DSU (동서대학교)
- 개인정보처리방침
화면에 마우스를 올려보세요!
고객 요구사항
& 프로젝트 방향
클라이언트의 인터뷰 및 협의를 통해 프로젝트의 핵심 요구사항을 도출하였으며, 인사이트를 바탕으로 사용자 경험과 브랜드 관점에서 개선이 필요한 5가지를 기반으로 설계하였습니다.
1.
통합산단의 복잡한 비즈니스 모델과 추진전략을 한눈에 이해할 수 있는 시각화 구조 구현
2.
대학 구성원, 기업, 언론, 학생 등 다양한 방문자를 고려한 섹션별 정보 구조 설계
3.
TECHBRIDGE 비전과 핵심 성과 지표를 인포그래픽·카드·슬라이더 형태로 직관적 전달
4.
보도자료와 성과 데이터를 지속적으로 업데이트할 수 있는 아카이브 구조 구축
5.
모바일·PC 환경에서 안정적으로 탐색 가능한 대학 공식 사이트 수준의 접근성 제공
타이포 그래피
& 컬러 시스템
사용자의 시각적 편의를 고려한 명도 대비와 체계적인 컬러 시스템을 구축하였으며, 확장이 용이한 타이포그래피와 공통 컴포넌트를 설계하여 브랜드의 일관된 경험을 구현하였습니다.섹션: typo
폰트: SUIT
웨이트 스케일: ExtraBold | Bold | SemiBold | Medium | Regular | Light
샘플: Aa
타이포그래피 스케일
스타일	크기	샘플 텍스트
h1	48px	경계를 넘어, 미래를 잇다
Title	20px	경계를 넘어, 미래를 잇다
Body	16px	경계를 넘어, 미래를 잇다
Caption	14px	경계를 넘어, 미래를 잇다섹션: color
메인 컬러
이름	HEX
Primary	#3E31D5
Primary Bg	#F1F2FF
Secondary	#2CA39C
그레이스케일
HEX
#FFFFFF
(밝은 회색)
(연회색)
#74747E
(진한 회색)
(더 진한 회색)
#171719섹션: typo
폰트: SUIT
웨이트 스케일: ExtraBold | Bold | SemiBold | Medium | Regular | Light
샘플: Aa
타이포그래피 스케일
스타일	크기	샘플 텍스트
h1	48px	경계를 넘어, 미래를 잇다
Title	20px	경계를 넘어, 미래를 잇다
Body	16px	경계를 넘어, 미래를 잇다
Caption	14px	경계를 넘어, 미래를 잇다섹션: color
메인 컬러
이름	HEX
Primary	#3E31D5
Primary Bg	#F1F2FF
Secondary	#2CA39C
그레이스케일
HEX
#FFFFFF
(밝은 회색)
(연회색)
#74747E
(진한 회색)
(더 진한 회색)
#171719
타이포 그래피
& 컬러 시스템
사용자의 시각적 편의를 고려한 명도 대비와 체계적인 컬러 시스템을 구축하였으며, 확장이 용이한 타이포그래피와 공통 컴포넌트를 설계하여 브랜드의 일관된 경험을 구현하였습니다.섹션: typo
폰트: SUIT
웨이트 스케일: ExtraBold | Bold | SemiBold | Medium | Regular | Light
샘플: Aa
타이포그래피 스케일
스타일	크기	샘플 텍스트
h1	48px	경계를 넘어, 미래를 잇다
Title	20px	경계를 넘어, 미래를 잇다
Body	16px	경계를 넘어, 미래를 잇다
Caption	14px	경계를 넘어, 미래를 잇다섹션: color
메인 컬러
이름	HEX
Primary	#3E31D5
Primary Bg	#F1F2FF
Secondary	#2CA39C
그레이스케일
HEX
#FFFFFF
(밝은 회색)
(연회색)
#74747E
(진한 회색)
(더 진한 회색)
#171719섹션: typo
폰트: SUIT
웨이트 스케일: ExtraBold | Bold | SemiBold | Medium | Regular | Light
샘플: Aa
타이포그래피 스케일
스타일	크기	샘플 텍스트
h1	48px	경계를 넘어, 미래를 잇다
Title	20px	경계를 넘어, 미래를 잇다
Body	16px	경계를 넘어, 미래를 잇다
Caption	14px	경계를 넘어, 미래를 잇다섹션: color
메인 컬러
이름	HEX
Primary	#3E31D5
Primary Bg	#F1F2FF
Secondary	#2CA39C
그레이스케일
HEX
#FFFFFF
(밝은 회색)
(연회색)
#74747E
(진한 회색)
(더 진한 회색)
#171719