브랜딩디자인(4) 웹디자인

여러분, 안녕하세요!

벌써 12월이 되었어요! 새삼 시간이 참 빠르게 느껴지네요!

오늘은 브랜딩 디자인의 마지막 글이에요!

바로, 웹다지인을 해보았답니다!

사실 웹, 앱, 리플렛 중 선택해서 할 수 있는 작업인데요, 저는 문구 스토어라 웹이 어울릴 것 같고 웹디자인은 새로운 거라 하고 싶어서 선택하게 되었어요!

오랜만에 XD로 작업했습니다!

역시 핀터레스트에서 참고하면서 작업했구요, 실제 문구 스토어 사이트도 참고했어요!

그럼 작업물을 보여드릴게요!

먼저, 메인 화면이에요!

상단에 로고와 카테고리를 두고, 그 밑에는 이미지 슬라이드와 상품 리스트를 두었어요!

가장 하단에는 여러가지 정보들을 적어주었답니다!

이미지 슬라이드는 프로토타입을 적용하기 위해 두가지를 만들어주었어요!

상품 이미지는 몇개는 제가 직접 만들고, 몇개는 픽사베이같은 사이트에서 가져왔어요!

이건 상품 메뉴를 클릭하면 나오는 카테고리 메뉴에요!

각각의 하위 메뉴들을 적어주었어요!

분위기에 맞게 주요색상을 이용해 색을 넣어줍니다!

상품 카테고리의 메모지를 클릭하면 나오는 화면이에요!

하위 카테고리와 정렬기준을 넣어주었어요!

그리고는 상품의 이미지를 배열해주었답니다!

이건 조금 긴 페이지인데요, 상품정보 창이라고 해야할까요?

상품을 구매할 수 있는 창과 상세한 정보들을 넣어주었어요!

그리고 공지사항과 후기작성 부분도 만들어주었습니다!

이 부분은 실제 문구 사이트를 많이 참고해서 만들었네요!

공지사항 부분의 레이아웃 짜는 것이 어려웠던 기억이 나네요!

이 화면을 마지막으로 웹디자인 작업물은 끝이에요!

확실히 작업을 할 때 참고를 하면서 하는 것이 도움이 되는 것 같아요!

저는 원래 참고를 잘 안하는 편이었는데 막막할 때는 그래도 참고할 것을 찾게 되더라구요!

처음해보는 웹디자인이라 미숙한 부분도 많고 어려운 부분도 많았던 것 같네요..

그래도 선생님께서도 도움을 많이 주셔서 이렇게 완성할 수 있었던 것 같아요!

재미있고 새로운 경험이었네요!

오늘 글은 어떠셨나요?

도움이 되셨길 바라면서 글을 마칠게요!

그럼 다음 글에서 뵈어요!!

최근 게시물