my work
After designing using XD, we implemented it for various devices.
In addition, we use HTML and CSS to build a basic framework and use JAVASCRIPT and SWIPER to improve the completeness.
Please visit my site and call me if you like my site.
Have a good time.
Let's Go
Coding 1
메가박스 사이트를 참고하여 리뉴얼하여 만들어보았습니다.
IE SUPPORT : IE9+
VIEWPORT : RESPONSIVE + DESKTOP PAGE
• RESPONSIVE PAGE : MAIN PAGE
• DESKTOP PAGE : SUB-PAGE
(서브 페이지로는 큐레이션 / 멤버십 / 자주묻는 질문 / 공지사항 /
1:1문의 / 단체관람 / 분실물 문의 가 있습니다.)
+
view the workCoding 2
웹 표준을 준수한 반응형 사이트입니다.
슬릭 플러그인을 이용한 이미지 슬라이더, 박스 그림자를 이용한
마우스 오버 효과 메뉴, 유투브 영상 첨부 등의 효과를 이용하였습니다.
VIEWPORT : RESPONSIVE PAGE
view the work+
coding3
웹 표준을 준수한 사이트를 만들어 보았습니다.
사이트에는 메뉴, 슬라이드, 탭기능, 동영상, 팝업기능 등
여러기능을 넣어서 작업하였습니다.
IE SUPPORT : IE9+
VIEWPORT : DESKTOP PAGE
+
view the workCoding 4
전시, 박람회, 공연 정보 사이트입니다.
팀작업으로, 기획 단계인 이해관계자 인터뷰 / 개별인터뷰 / 페르소나 /
5whys / 프로토타입 / 와이어 프레임을 진행하였습니다.
포토샵을 활용하여 작업한 후, 코딩으로 마무리하였습니다.
※ 이 작업물은 현재 작업 중 입니다.
VIEWPORT : DESKTOP PAGE
PC view+
Coding 5
CJ POWER CAST 홈페이지를 참고하여 사이트를 만들었습니다.
transtion / tabmenu / display:fiex / navmenu 등 여러 효과를 적용하였습니다.
VIEWPORT : DESKTOP PAGE
SUBPAGE : 회사소개 | 서비스소개 | 사이버 홍보실 | 인재채용 등
+
view the workCoding 6
포스코 기업을 참고한 사이트입니다.
slide / tabmenu / mouseover 등 여러효과를 넣어 작업하였습니다.
※ 이 작업물은 현재 작업 중 입니다.
VIEWPORT : DESKTOP PAGE
view the work+
mobile1
I have coded various pages of different designs.
I used sweepers and JavaScript.
recent | object
+
view the work