틀에박힌퍼블리셔

서울벽지

• 서울벽지Seoul Wallpaper
• TYPE
• FONT
• COLOR
• TOOLS
• INFO

• 풀페이지 반응형 웹사이트
• Pretendard, Roboto, DM Serif Display
• main_colorsub_colorpoint_color
• HTML5, CSS3, JavaScript-jQuery, Fullpage, Photoshop, Slick Slider, Animate
• 풀페이지 스크롤을 이용해 부드러운 분위기를 연출하고 슬라이드와 탭메뉴를 연결해 다양한 벽지의 종류와 색감을 효과적으로 보여줄수있게 레이아웃을 구성했습니다.

• WEB
• FIGMA

더현대닷컴

• 더현대닷컴The Hyundai
• TYPE
• FONT
• COLOR
• TOOLS
• INFO

• 반응형 웹사이트
• Noto Sans KR, Roboto, DM Serif Text, Chakra Petch
• main_colorsub_colorpoint_color
• HTML5, CSS3, JavaScript-jQuery, Photoshop, Slick Slider, Animate
• 여백과 이미지 사이즈를 여유있게 잡아서 시원한 느낌을 주는 동시에 텍스트는 조밀하게 배치하여 패션잡지의 느낌을 살린 레이아웃을 제작 하였습니다.

• WEB

계명문화대학교

• 계명문화대학교kmcu
• TYPE
• FONT
• COLOR
• TOOLS
• INFO

• 반응형 웹사이트
• Pretendard, Roboto, Chakra Petch
• main_colorsub_colorpoint_color
• HTML5, CSS3, JavaScript-jQuery, Photoshop, Slick Slider, Animate
• 화면 상단은 학생들이 많이 사용하는 퀵 메뉴, 공지사항, 팝업창을 배치해 많은 정보를 빠르게 전달할 수 있도록하고, 하단엔 이미지와 hover효과를 이용해 시선이 머물도록 레이아웃을 제작하였습니다.

• WEB
• FIGMA

초록우산어린이재단

• 초록우산어린이재단Child Fund
• TYPE
• FONT
• COLOR
• TOOLS
• INFO

• 반응형 웹사이트
• Pretendard, Roboto
• main_colorsub_colorpoint_color
• HTML5, CSS3, JavaScript-jQuery, Slick Slider, YTPlayer, Photoshop
• 슬라이더와 동영상을 이용해 제한적인 화면에서 많은 정보를 효과적으로 전달하고, 재단 홈페이지 특성을 고려해 후원 버튼에 시선이 집중되도록 제작하였습니다.

• WEB
• FIGMA

정식품

• 정식품Vegemil
• TYPE
• FONT
• COLOR
• TOOLS
• INFO

• 반응형 웹사이트
• Noto Sans KR, Roboto
• main_colorsub_colorpoint_color
• HTML5, CSS3, JavaScript-jQuery, Photoshop, Slick Slider
• 정식품 브랜드의 깔끔하고 부드러운 느낌을 주기위해 박스의 모서리를 둥글게 처리하고, 브랜드의 포인트컬러와 폰트 굵기를 활용해 시선을 집중시키는 레이아웃을 제작하였습니다.

• WEB

도반한방병원

• 도반한방병원Doban Hospital
• TYPE
• FONT
• COLOR
• TOOLS
• INFO

• 반응형 웹사이트
• Noto Sans KR, Roboto
• main_colorsub_colorpoint_color
• HTML5, CSS3, JavaScript-jQuery, Photoshop, Slick Slider
• 한방병원 홈페이지 사용자의 특성을 고려해 여백과 폰트사이즈를 여유있게 주고, 믿음과 신뢰감을 주는 분위기를 위해 전체적으로 깔끔하고 차분한 색상을 사용해 레이아웃을 제작하였습니다.

• WEB
• FIGMA