Back

홈페이지 목업

컬러값

WEBMOBILE

롯데푸드몰 웹사이트 구축

CONCEPT

고객에게 먹는 즐거움을 선사하는 롯데푸드몰
롯데푸드몰이 제공하는 제품이 선사하는 행복감과 즐거움을 느낄 수 있게 디자인하였습니다. 롯데푸드의 대표 색상인 동시에 식욕을 돋구는 역할을 하는 레드는 사이트 곳곳에 사용해 메인·포인트 컬러로 활용했습니다. 화이트는 서브 요소로 사용해 레드를 받쳐줄 수 있도록 했으며 카테고리별 메뉴에서는 개별 카테고리의 특징이 더 잘 드러날 수 있는 색상을 포인트 요소로 활용해 사용자에게 명확한 이미지를 전달할 수 있도록 했습니다.

폰트가이드

  • MAIN

    #e60012

  • BASE

    #ffffff

  • GRAY

    #f4f4f4

  • 아이콘1
  • 아이콘2

MAIN

UI/UX Detail
각진 모서리의 박스를 요소로 활용해 컨텐츠에 더 시선이 갈 수 있도록 하였습니다.
쇼핑몰에서 중요한 메뉴인 베스트 상품, 특가 등의 페이지에 쉽게 접근할 수 있도록
헤더 메뉴로 배치했으며 요소 선택시 레드로 강조해 눈에 띄기 쉽게 했습니다.
그리고 스크롤을 내리면 롯데푸드몰의 로고와 상단 메뉴·검색창이 고정되어 내려와
페이지 이동을 보다 편하게 하였습니다.

SUB PAGE

Mobile Detail
모바일에서 내용을 확인하기 쉽도록
폰트와 여백을 조정했습니다.
세로 스크롤만으로 내용을 확인하기 쉽도록
컨텐트 내용을 재정렬 시켰습니다.