프로젝트 배경
1) 문제점
- 프로그램 홍보 채널 부재
- 신청 절차 안내를 위한 공식 창구 필요
- FAQ 정보 산재로 문의 증가
2) 프로젝트 목표
- 반응형 웹사이트로 모든 디바이스 지원
- 프로그램 소개, 신청 가이드, FAQ 제공
- 한국어/영어 다국어 지원
3) 주안점
- Next.js SSG로 빠른 초기 로딩
- Vercel 자동 배포 파이프라인
- 프로그램 홍보 채널 부재
- 신청 절차 안내를 위한 공식 창구 필요
- FAQ 정보 산재로 문의 증가
2) 프로젝트 목표
- 반응형 웹사이트로 모든 디바이스 지원
- 프로그램 소개, 신청 가이드, FAQ 제공
- 한국어/영어 다국어 지원
3) 주안점
- Next.js SSG로 빠른 초기 로딩
- Vercel 자동 배포 파이프라인
프로젝트 성과
배포 완료
Vercel에서 안정적으로 운영 중
웹사이트 링크 : https://bridge-web-alpha.vercel.app/
웹사이트 링크 : https://bridge-web-alpha.vercel.app/
다국어 지원
한국어/영어 완벽 지원
핵심 기능

프로그램 소개
Bridge 목적, 혜택, 진행 방식 안내
진행 단계
기획
2025.01.
페이지 구조 및 콘텐츠 기획
디자인
2025.01.
반응형 UI 디자인
개발
2025.01.
Next.js SSG 개발
배포
2025.01.
Vercel 배포 및 도메인 연결
프로젝트 상세
포트폴리오 소개
서비스 분야: 웹 개발 / 랜딩페이지 / 다국어 지원
타겟 사용자: Bridge 언어교환 프로그램 참가 희망자
서비스 개요:
Bridge 언어교환 프로그램의 공식 랜딩페이지 개발. 프로그램 소개, 신청 가이드, FAQ를 한국어/영어로 제공하여 참가자 유입 및 문의 감소 목표 달성.
---
작업 범위
개발 참여 범위:
- 페이지 구조 및 콘텐츠 기획
- 반응형 UI 디자인
- Next.js SSG 프론트엔드 개발
- 다국어(i18n) 시스템 구축
- Vercel 배포 및 도메인 연결
지원 환경:
- 반응형 웹 (데스크탑, 태블릿, 모바일)
- 모든 주요 브라우저 지원
---
주요 업무
핵심 기능:
- 프로그램 소개 페이지 (목적, 혜택, 진행 방식)
- 신청 가이드 페이지 (자격, 절차, 일정)
- FAQ 아코디언 섹션
- 다국어 전환 기능 (한국어/영어)
- 반응형 네비게이션 및 히어로 섹션
---
주안점
성능 최적화:
- Next.js SSG로 정적 사이트 생성
- 빠른 초기 로딩 속도
운영 효율성:
- Vercel 자동 배포 파이프라인
- 도메인 연결 및 HTTPS 설정
사용자 경험:
- 직관적 UI로 정보 접근성 향상
- 모바일 우선 반응형 디자인
---
기술 스택: Next.js, TypeScript, Tailwind CSS, Framer Motion, Vercel
서비스 분야: 웹 개발 / 랜딩페이지 / 다국어 지원
타겟 사용자: Bridge 언어교환 프로그램 참가 희망자
서비스 개요:
Bridge 언어교환 프로그램의 공식 랜딩페이지 개발. 프로그램 소개, 신청 가이드, FAQ를 한국어/영어로 제공하여 참가자 유입 및 문의 감소 목표 달성.
---
작업 범위
개발 참여 범위:
- 페이지 구조 및 콘텐츠 기획
- 반응형 UI 디자인
- Next.js SSG 프론트엔드 개발
- 다국어(i18n) 시스템 구축
- Vercel 배포 및 도메인 연결
지원 환경:
- 반응형 웹 (데스크탑, 태블릿, 모바일)
- 모든 주요 브라우저 지원
---
주요 업무
핵심 기능:
- 프로그램 소개 페이지 (목적, 혜택, 진행 방식)
- 신청 가이드 페이지 (자격, 절차, 일정)
- FAQ 아코디언 섹션
- 다국어 전환 기능 (한국어/영어)
- 반응형 네비게이션 및 히어로 섹션
---
주안점
성능 최적화:
- Next.js SSG로 정적 사이트 생성
- 빠른 초기 로딩 속도
운영 효율성:
- Vercel 자동 배포 파이프라인
- 도메인 연결 및 HTTPS 설정
사용자 경험:
- 직관적 UI로 정보 접근성 향상
- 모바일 우선 반응형 디자인
---
기술 스택: Next.js, TypeScript, Tailwind CSS, Framer Motion, Vercel








