leehyunsil.com

WEB DESIGNER & Publisher

TWOSOME 웹사이트 가상 리뉴얼

twosome website virtual renewal

사이트 보러가기

client  twosomeoutput  webparticipation  디자인 100%, 퍼블리싱 100%url  http://realportfolio.dothome.co.kr/twosome/

메인 비주얼의 슬로건과 어울릴 수 있는 비주얼 콘텐츠 제작 및 제이쿼리를 이용한 슬라이드 모션을 적용 하였습니다.
사이트 전체 콘텐츠 영역을 와이드 모니터 및 고해상도에서도 지원할 수있도록 확장형 코딩으로 개선해 보았습니다.
기존 투썸플레이스의 수직 구조의 웹사이트와 달리 수평구조로 레이아웃하여 디자인하였습니다.

“리뉴얼 포인트를 확인할 수 있는 메인화면”

새롭게 기획한 리뉴얼 포인트를 확인하세요.

데스크탑에서 확인 할수 있는 최소 해상도(min-width)및 고해상도(max-width)를 모두 지원할 수있는 태그 구조 설계 메인 화면

“기업의 이념을 최적화된 이미지와 함께 제공”

메인페이지의 비주얼영역에 자사의 슬로건과 어울리는 이미지를 보여줌으로 써 사용자에게 신뢰감을 주도록 연출하였습니다.

투썸플레이스의 이념과 가치관을 최적화된 이미지로 제공된 사례

“수평구조의 레이아웃 화면”

기존 투썸플레이스의 수직 구조의 웹사이트와 달리 수평구조로 레이아웃하여 디자인하였습니다.

가상리뉴얼한 투썸플레이스 사이트의 수평구조 레이아웃

“Overveiw”

기존 투썸플레이스의 수직 구조의 웹사이트와 달리 수평구조로 레이아웃하여 디자인하였고,
메인 비주얼의 슬로건과 어울릴 수 있는 비주얼 콘텐츠 제작 및 제이쿼리를 이용한 슬라이드 모션을 적용 하였습니다.
전체 콘텐츠의 넓이가 와이드 화면을 지원하지 않는 부분을 확장형으로 개선하여 투썸플레이스의 UI&UX와 기업 아이덴티티를
높이고자하였습니다. 또한, 주조컬러를 적극 활용하여 투썸플레이스의 이미지를 강조하도록 하였습니다.

메인페이지의 비주얼영역에 자사의 슬로건과 어울리는 이미지를 보여줌으로 써 사용자에게 신뢰감을 주도록 연출하였고,
최근소식자리에는 각각의 카테고리 내용을 한눈에 보기 쉽도록 배치하였습니다.

서브페이지에는 사용자가 전역메뉴로부터 이동한 페이지의 위치를 정확하게 인지할 수 있도록 페이지 경로를 배치하였고,
전체적인 텍스트의 행간을 여유있게 잡아 가독성을 높이는데 중점을 두었습니다.