스타벅스 배너 이미지

LOTTECARD

Web Design / Publishing

CONCEPT

기존페이지에서는 카테고리별로 레이아웃을 다르게 구성하여 자칫 복잡해 보일 수 있는 부분을 보완하고자, 사용자가 가장 많이 찾는 메뉴를 순차적으로 볼 수 있도록 구성하는 동시에 박스형으로 정제된 구조를 통해 정돈되어 보일 수 있도록 하였습니다.

참여율 디자인100% / 퍼블리싱100%

제작기간 7일

VIEW PROJECT

MEDIAQUARY

미디어쿼리

크게 PC(1920px ~ 1367px), Tablet PC(1366px ~ 768px),Mobile phone(767px ~)을 기준으로 제작하였으며
작게는 콘텐츠에 따라 사이즈를(1050px, 500px) 다르게 설정하여 디자인을 해치지 않도록 하였습니다.

STYLEGUIDE

Color

#2c203b
#7451c0
#187cde
#ed9e39
Main typography
Noto Sans KR

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz