프로젝트 배경
1) 문제점 - 작업자의 서비스와 작업물을 한눈에 보여줄 공간이 없다 - 텍스트만으로는 신뢰와 전문성을 전하기 어렵다 - PC·모바일 어디서 봐도 화면이 깨지지 않아야 한다 2) 프로젝트 목표 - 서비스·작업물·진행 방식을 한 페이지에 정리 - 반응형으로 어떤 기기에서도 잘 보이게 구현 - 브랜드 톤(색·로고)을 일관되게 적용 3) 주안점 - PC·태블릿·모바일 반응형 레이아웃 - 깔
프로젝트 성과
[1] 반응형 웹사이트 완성
PC·모바일 모두 최적화되는 한 페이지 웹사이트 제작
[2] 직접 코딩 구현
외부 템플릿 없이 HTML·CSS·JavaScript로 직접 제작
[3] 인터랙션 적용
모바일 메뉴·스크롤 등장 애니메이션 등 동작 요소 구현
핵심 기능
진행 단계
기획
2026.05.
수집·처리 대상과 결과물 형식을 확정
프로젝트 상세
[포트폴리오 소개] 데이터·자동화 작업자(데이터공방)의 브랜드를 소개하는 반응형 웹사이트입니다. 서비스·작업물·진행 방식을 한 페이지에 담았습니다. [작업 범위] 기획, UI 디자인, 퍼블리싱, 반응형 구현, 자바스크립트 인터랙션. (지원환경: HTML·CSS·JavaScript · PC·모바일 반응형) [주요 업무] 히어로·서비스·작업물·진행 방식·문의 섹션 구성, 데이터 리포트 목업







