@@@@@@@@@@@@@@@@@@@@@
!포트폴리오 페이지의 모든 그림은
직접 그렸습니다!
@@@@@@@@@@@@@@@@@@@@@
크롬 브라우저 1920x1080 해상도에 최적화 되어 있습니다.
@@@@@@@@@@@@@@@@@@@@@
1064 STUDIO.exe
close제작 기간: 20.03.10~20.03.16
개인 프로젝트
쥬얼리 브랜드 1064STUDIO의 웹사이트 리뉴얼 작업을 진행했습니다.
- 필요한 정보를 이미지가 아닌 코딩으로 처리하여 웹접근성 향상
- 수정 및 유지보수가 쉬운 심플한 레이아웃
●DESIGN KEYWORD
- 심플한
- 감각적
- 빈티지
- - 가는 선의 박스 레이아웃으로 꾸밈을 최소화하고, 제품 이미지를 극대화.
- - 메인에 웜톤 계열 사진을 배치하여 브랜드의 분위기를 한눈에 보여주고, 감성적인 아름다움에 끌리도록 함.
- - 자칫 심심하게만 보일 수 있는 레이아웃을 신비로운 느낌이 나는 감성적 이미지를 사용해 미적 즐거움을 선사.
●TYPOGRAPHY
나눔고딕
1064스튜디오에는 뮤즈가 없습니다.
Montserrat
1064studio has no muse.
●PUBLISHING
- 웹표준
- 반응형
- 최적화
- - html5, css3, jQuery
- - Chrome과 iPhone X 브라우저에 최적화
- - mediaQuery를 이용.
- - css와 javascript의 파일을 외부 문서로 연결하여 유지보수가 용이.
- - 모바일 해상도인 경우 컨텐츠들이 아래로 내려가고, Header 부분을 햄버거 메뉴로 변경하는 등 배치에 차별을 둠.
슈퍼스타
ADIDAS SPUERSTAR.exe
close제작 기간: 20.03.12 1DAY
개인 프로젝트
ADIDAS SUPERSTAR 콜렉션의 프로모션 페이지를 제작했습니다.
●DESIGN KEYWORD
- 뉴트로
- 원색적
- 역동적
- - 보색을 사용하여 활발한 느낌을 강조.
- - 역동적인 움직임이 브랜드의 분위기를 드러냄.
- - 복고풍의 이미지를 사용하여 최근 유행하는 뉴트로를 표현.
●TYPOGRAPHY
Do Hyeon
함께라면 모두가 슈퍼스타가 될 수 있어.
Noto Sans KR
함께라면 모두가 슈퍼스타가 될 수 있어.
●PUBLISHING
- jQuery
- 반응형
- 최적화
- - jQuery 플러그인을 이용한 웹사이트 제작.
- - 바로 가기 버튼의 여백값을 늘리고 hover 효과를 줌으로 UI 개선.
- - 로고의 이벤트 추가.
BUGATTI.exe
close제작 기간: 20.03.24~20.03.26
개인 프로젝트
자동차 브랜드 BUGATTI의 기업소개 웹사이트 리뉴얼 작업을 진행했습니다.
- 브랜드의 분위기를 잘 살린 고급스러운 디자인
- swiper 플러그인을 이용한 슬라이드 이미지
- CSS를 이용한 패럴랙스 스크롤링 효과
●DESIGN KEYWORD
- 고급스러운
- 깔끔한
- 현대적
- - 장식 있는 세리프 서체를 사용하여 고급스러움을 강조.
- - 패럴랙스 스크롤링을 통한 현대적인 기술력과 제품 이미지 부각.
- - 무채색을 베이스로, 로고의 붉은색을 포인트로 사용하여 간결하고 깔끔한 느낌을 살림.
●TYPOGRAPHY
Noto Serif KR
부가티는 세상 어떤 브랜드보다 특별합니다.
Noto Sans KR
부가티는 세상 어떤 브랜드보다 특별합니다.
●PUBLISHING
- 웹표준
- 반응형
- jQuery
- - jQuery 플러그인을 이용한 웹사이트 제작.
- - Chrome과 iPhone X 브라우저에 최적화
- - mediaQuery를 이용.
- - 모바일과 흡사한 내비게이션으로 어느 버전에서든 익숙함을 꾀함.
아쿠아리움
COEX AQUARIUM.exe
close제작 기간: 20.04.01~20.04.08
개인 프로젝트
국내 코엑스 아쿠아리움의 프로모션 페이지를 제작했습니다.
- 어두운 색감으로 심해를 표현하여 브랜드 이미지 강조.
- 모바일 친화적인 설계로 반응형 제작이 용이.
- 플러그인을 사용한 스크롤링 효과로 즐거움을 선사.
●DESIGN KEYWORD
- 감성적
- 역동적
- 풀스크린
- - 보라색을 사용해 신비롭고 고급스러운 느낌.
- - 화려함은 부족한 디자인에 역동적인 움직임을 주어 보기 즐겁게 함.
- - 풀스크린 레이아웃을 이용하여 배경 이미지를 꽉 채움으로, 심해 같은 느낌을 살림.
●TYPOGRAPHY
S-CoreDream
국내 최고의 해양테마파크!
Mistral
Korea's Best Marine Theme Park!
●PUBLISHING
- 웹표준
- 반응형
- jQuery
- - jQuery를 이용한 웹사이트 제작.
- - wow, swiper 플러그인 사용.
- - Chrome과 iPhone X 브라우저에 최적화
- - 탭 메뉴를 이용해 작은 공간에서도 여러 가지의 정보를 분류해 보여줌.
- - 좌우 여백과 컨텐츠의 배경 이미지를 각각 삽입해 브라우저의 크기가 줄어들어도 컨텐츠의 배경 이미지는 줄어들지 않도록 함.
