sketchbook

대우조선해양건설
웹사이트


Tag
UI/ UX
Client
대우조선해양건설
Role
Design, Development
Links

OverviewDSME CONSTRUCION

대우조선해양건설은 1969년 설립 아래 도로, 항만,철도, 교량 등 토목공사는 물론, 건설업 전방위에서
성장하여 왔습니다. 다양한 사업분야의 고객을 위한 새로운 가치창출과 서비스 창출을 위하여
사이트 리뉴얼을 진행하게 되었습니다.

Client Needs

대우조선해양건설에서는 프로페셔널하고 역동적인 이미지를 사이트에 담아내길 원했습니다. 또한 국가기반사업의 전문기업으로서의 이미지와 함께 힘차게 뻗어나가는 느낌이 잘 드러나도록
신뢰감과 전문성을 함께 표현한 디자인을 원했습니다.

Client Interview

홈페이지 리뉴얼 목적과 비즈니스 현황 및 제약사항 등을 파악하고
프로젝트 목표 및 방향성을 결정하기 위해 대우조선해양건설 측과 인터뷰를 진행했습니다.

site renewal plan


사이트 리뉴얼을 통해 대우조선해양건설만의 아이덴티티를 구축하고
우리의 사업 영역을 직관적이고 강렬하게 전달했으면 합니다.
기존 건설사 사이트의 정형화된 느낌에서 벗어나 세련되고 트렌디한 디자인을 원합니다.

Site Renewal Mission
  • Credible - 신뢰감 있는 기업의 정보  설계 및 구성
  • Profesional - 대우조선해양의 전문성과  기술력을 담은 공간
  • Intuitive - 사용자 관점으로 직관적이고 쉬운 정보구성

Project GoalGOAL

이번 대우조선해양건설 홈페이지 리뉴얼을 통해 사용성을 높이고
기업고객사에게는 신뢰가는 기업 이미지의 전달을,
브랜드사 마케팅 담당자와 다양한 기업의 사내복지 담당자에게는
원하는 분야의 차별화된 서비스 정보의 제공을,
구직자에게는 기업 철학 및 비전과 아이덴티티를 전달하고자 합니다.
편리하며 재미있게 누리도록 할 것입니다.

Design Concept

기업의 철학, 비전이 잘 반영된 정보설계 및 구성, UI 개선 및 아이덴티티를 강화하는데 목적을 두었습니다. 비즈니스 영역을 한 눈에 파악하는 것, 업계 최고 엔지니어링 기업의 글로벌한 이미지를 부각할 수 있도록 하는 것, 브랜딩 강화라는 세 가지의 지향점을 반영하여 구성했습니다. 전체적인 톤앤매너는 CI의 컬러를 반영하여 신뢰감과 전문성을 표현하고자 하였습니다.

dynamic - 역동적인
Professional - 전문적인

Design System

사이트의 완성도 높은 아이덴티티 구축을 위해 디자인 시스템을 정의합니다.
정의된 가이드는 사이트의 UI 뿐만 아니라 사용자와의 다양한 접점에 활용하도록 합니다.

Color

CI의 블루컬러를 메인컬러로 하여 기업의 신뢰감과 전문성을 표현하고자 하였습니다. 서브컬러로는 다크그레이
컬러를 사용하여 안정적이고 차분한 느낌을 함께 표현하였습니다.

  • DSC BLUE

    #153b9c

  • DSC LIGHT BLue

    #0070c3

  • DSC DARK Gray

    #333333

Typography

산세리프체를 사용해 콘텐츠의 가독성을 극대화하여 표현합니다.
서체의 일관된 사용으로 사용자에게 메시지를 효과적으로 전달합니다.

Page Layout

풀페이지 레이아웃으로 스크롤 다운 시 화면 전체가 스크롤됩니다.
한 페이지에 하나의 메뉴만으로 구성하여 콘텐츠의 집중도를 높였습니다.

reveal
your
existence REVEAL

PC

대우조선해양건설의 전문성을 강조하여 깔끔하게 정돈된 레이아웃으로 구성하였습니다.
기업이 새롭게 도약할 수 있도록 역동적인 이미지와 브랜드 컬러를 사용하여
콘텐츠를 구성하였습니다.

Sub Page

전문성을 강조하여 깔끔하게 정돈된 레이아웃으로 구성하였습니다.
대우조선해양의 다양한 사업 분야와 정보구성을 직관적으로 전달하며 모든
콘텐츠를 보다 효과적으로 전달할 수 있도록 기획했습니다.

Mobile

사업분야를 대표하는 이미지들을 적절히 배치하여,
기업에 대한 임팩트 있는 비주얼로 구성했습니다.

고객을 위한 서비스로 최고의
가치를 실현합니다.

Credits

  1. Director

    • Baek GwangJong
  2. Product Manager

    • Kim YoungKyu
  3. Design

    • Han SeHui
  4. Development

    • Lee YoungSeok
    • Race
    • Han SeungYeon