피그마를 사용하여 달콤커피의 웹페이지를 구현해보았다. 처음이라 부족한 부분이 많지만 의도한 기능을 구현할 수 있어서 뿌듯했다. 프로젝트 주소는 여기! 계속해서 수정해 나갈 예정이다.
22.08.24까지 만들었던 것을 바탕으로 UI/UX를 분석해보았다.
탭 (Tab) : 컨텐츠를 분리해서 제공할 수 있도록 탭 패턴 사용하였다. 호버기능을 사용하여 해당 탭에 연관된 컨텐츠만 보일 수 있게 구분하였다.
아코디언 (Accordion) : 메뉴바를 사용하기 위한 용도로 사용하였다.
캐러셀 (Carousel) : 회사의 다양한 컨텐츠 및 이벤트를 소개하기 위하여 사용하였다. 사용자가 원하는 컨텐츠를 클릭할 수 있도록 버튼 배치 예정이다.
GNB (Global Navigation Bar), LNB (Local Navigation Bar) : 페이지 최상단에 Navigation Bar를 배치함으로써 사용자가 원하는 컨텐츠에 쉽게 접근할 수 있도록 디자인하였다.
사용할 예정