삼육식품

홈페이지 가상 리뉴얼 구축

CLIENT삼육식품 웹 가상 리뉴얼 구축
DATE2017. 05. 02
PROGRAMIllustrator, PHOTOSHOP, HTML, CSS, JQUERY
PROJECT기획 100%, 디자인 100%, 퍼블리싱 100%
URLhttp://webportfolio.dothome.co.kr/sahmyook
삼육식품 가상 리뉴얼 메인화면

리뉴얼
구축전략

  • Branding / Marketing
    요소 강화
  • 웹 표준 & 접근성
    준수
  • 콘텐츠 최적화 및
    제품 정보 강화
  • 스토리텔링 디자인을 통한
    정보가독성 강화

웹 표준 접근성
준수

장애인,고령자 등 모든 사람들이 웹에서 제공되는 정보들을 자유롭게 접근하고 이용할 수 있도록 GUI개선에 노력을 기울였습니다.

GUI형태는 최신트랜드에 맞춘 형태를 표현하는데 노력하였습니다.

사이트 주제 및 슬로건에 최적화된 이미지를 배치시킴으로써 삼육식품과 어울리는 비주얼 이미지를 통하여 기업이념과 어울리도록 기획 하였습니다.

다양한 웹디바이스 환경에 맞춘 와이드 형태의 스크린화면을 지원할 수 있도록 확장형태의 HTML구조 및 CSS를 설계 하였습니다.

정보의 올바른 태그 적용 및 마크업검사, 논리적 구조를 설계할 수 있도록 노력하였습니다.

다양한 웹 디바이스 환경에 맞춘 삼육식품 홈페이지

삼육식품의 핵심가치와 아이덴티티 부여,
기업영역에 대한 통합적 브랜딩 채널 역할 강화

메인비주얼 이미지 강화를 통한 브랜드 이미지 각인

기업 비전 및 슬로건에 맞는 기업 이념이 느껴지는 실사 이미지와 통일성 있는 레이아웃 배치,
삼육식품가족 기업 규모가 느껴질 수 있도록 따뜻한 비주얼 제작.

메인비주얼 이미지 강화를 통한 삼육식품 가상 리뉴얼 대표 서브페이지

메인비주얼 이미지 강화를 통한 브랜드 이미지 각인

삼육식품의 이념과 가치,아이덴티티를 GUI에서도 전달 될 수 있도록 기획 , 구성, 디자인 제작.

삼육식품 고유의 GUI 개발

장애인, 고령자 등이 웹 사이트에서 제공하는 정보에 비장애인과 동등하게 접근하고 이해하기 쉽도록 삼육식품의 기업 이념이 묻어나도록 GUI 제작.

STORY

해당 프로젝트는 기존 사이트로부터 리뉴얼 작업을 진행한 가상의 웹 구축 프로젝트였습니다.

콘텐츠 배치에 있어 공통 간격을 적용함으로써 사용자에게 여유로운 정보 흐름을 전달 받을 수 있도록 구성 하였습니다.

코드 부분에서 퍼센트를 지원하는 배경 영역과 센터정렬을 지원하는 픽셀 단위의 콘텐츠 영역을 구분하고 와이드모니터 화면에 맞추어 설계 하였습니다.

콘텐츠 및 고객 서비스 기능에 따른 정보 그룹을 분류하고 인지하기 쉬운 레이블로 변경하였으며,
정보의 확장성을 고려하여 하위 정보를 포괄적으로 포함할 수 있도록 메뉴 설계를 진행하였습니다.

삼육식품의 이념을 나타내기 위해 분석의 시간을 가지며 GUI 개발에 있어서 삼육식품의 이념을 담아내기 위해 복잡하지 않고 직관적이며,
통일감을 주어 세트처럼 보이도록 노력하였습니다.

시각,청각,지체,색약,색맹 등의 장애를 가진 사용자가 정보 이용이 가능하도록 웹 접근성을 준수하며,
프로젝트를 진행 과정에서 언제나 느껴져 왔던 웹 접근성과 웹표준, 소비자의 니즈를 최우선으로 두며 제작하였습니다.

뚜렷한 목표를 가지고 완성도 높은 결과물을 제작하기 위해 열정인 노력의 시간을 투자한 프로젝트였습니다.