안녕하세요.
담당 매니저 김수민입니다.
기간제(상주) 프로젝트 희망 근무 시작일을
등록해 주시면, 파트너님의 일정에 맞는
적합한 프로젝트를 추천해 드려요.
플러스
밀리의서재 홈페이지
상주
개발
홈페이지ㆍ게시판, 퍼블리싱ㆍ반응형, 랜딩ㆍ소개 페이지
프로젝트 배경
1) 문제점
기업에 공식 웹사이트가 없어 브랜드 신뢰도 저하, 정보 제공 채널 부재 등 커뮤니케이션에 한계가 있었음

2) 프로젝트 목표
회사의 비전과 사업 내용을 효과적으로 소개하고, 외부 이해관계자에게 신뢰를 줄 수 있는 반응형 웹사이트 구축

3) 주안점
- 기업의 아이덴티티를 시각적으로 드러낼 수 있도록 컬러, 폰트, UI 요소에 일관된 톤앤매너 적용
- 다양한 해상도 대응을 위한 반응형 설계
- 사용자 몰입을 유도하는 자연스러운 인터랙션 적용
- IR, PR, 커리어 등 섹션별 정보 구조 최적화
- 향후 유지보수를 고려한 컴포넌트 중심 개발 구조
프로젝트 성과
공식 홈페이지 신규 구축
기존에 웹사이트가 없던 기업에 브랜드 정체성을 담은 반응형 공식 홈페이지를 처음으로 구축
커뮤니케이션 허브 역할
IR·PR·채용 정보 등 다양한 콘텐츠를 한 곳에 통합하여 외부 소통 채널로 기능하도록 함
유지보수 효율 향상
컴포넌트 기반 구조로 개발되어 추후 콘텐츠 수정 및 기능 추가가 용이하도록 설계
핵심 기능
반응형 웹 구현
Next.js 기반으로 모든 디바이스에 최적화된 반응형 레이아웃을 구성
컴포넌트 기반 구조
UI 요소를 모두 컴포넌트화하여 재사용성과 유지보수 효율을 높임
인터랙션 애니메이션
framer-motion을 사용해 스크롤 시 자연스러운 요소 등장 효과를 구현
스타일 일관성 유지
styled-components로 전역 테마를 구성해 디자인 일관성을 확보
진행 단계
기획 및 요구사항 정의
2022.09.
사이트맵 구성 및 반응형 UX 고려한 정보구조 설계
디자인
2022.10.
브랜드 톤에 맞는 시안 제작, 인터랙션 요소 포함
개발
2022.11.
반응형 구현 및 스크롤 기반 애니메이션 적용
QA
2022.12.
다중 디바이스 QA 후 클라이언트 검수 및 배포
프로젝트 상세
1) 프로젝트 소개
기업의 공식 웹사이트가 존재하지 않아, 브랜드 신뢰도 확보와 외부 커뮤니케이션 강화를 위해 신규 홈페이지를 구축한 프로젝트입니다.
반응형 레이아웃과 인터랙션을 통해 사용자 경험을 개선하고, IR/PR/채용 등 다양한 정보를 효과적으로 제공하도록 하였습니다.

2) 작업 범위
- 기획 및 디자인 구조 협업에 참여
- 기술 스택 선정
- 반응형 UI/UX 설계 및 디자인 반영
- 프론트엔드 개발
- 스크롤 기반 애니메이션 및 인터랙션 구현
- 컴포넌트화 및 유지보수 대비
- 멀티플랫폼, 크로스 브라우징 대응
- QA 및 수정 반영

3) 주요 업무
- 사이트맵 구성과 화면 흐름에 맞춘 레이아웃 설계
- framer-motion 기반 스크롤 인터랙션 구현
- styled-components로 전역 스타일 시스템 설계
- 각 메뉴(회사소개, 비즈니스, IR, PR 등)별 페이지 개발
- 공통 레이아웃 및 UI 컴포넌트 제작 및 관리

4) 주안점
- 다양한 기기에서 자연스럽게 보이는 반응형 구현
- 텍스트·이미지 요소에 자연스러운 등장 애니메이션 적용
- 유지보수 및 확장성을 고려한 구조화된 컴포넌트 설계
- 브랜드 톤에 맞는 일관된 UI/UX 구현

비슷한 프로젝트를 준비 중이라면?
위시켓 매니저와 상담하세요.

참여 개발사와 미팅 연결

프로젝트 1:1 컨설팅 제공

무료로 프로젝트 등록하기

작업한 파트너 프로필 보기

ce******
개발 · 개인

프로젝트 정보

참여 기간
2022.11. ~ 2022.12.
참여율
참여율이 100%인 프로젝트는 해당 파트너님이 온전히 작업한 결과물입니다.
외부 공동 작업의 경우 기여도에 따라 참여율이 달라지며 역할, 프로젝트 설명을 통해 업무 분야 및 참여 범위를 확인할 수 있습니다.
100%
고객사
밀리의서재
역할
프론트엔드
관련 기술
Styled-Components
next.js
framer-motion
TypeScript