sketchbook

Sysmate web renewal project

Tag
UI/UX, Responsive Web
Client
시스메이트
Role
Design, Development
Links

Overview

Your Business Mate,
We are Sysmate.

시스메이트는 웹 솔루션 기반 IT 전문 기업으로써, 디스플레이 구축 및 설치
기획, 교육 서비스를 제공하며 DID 업계를 선도하고 있습니다. 시스메이트의
변화와 성장을 반영한 스토리텔링으로 기업의 가치를 높이고, 정보 접근성을
개선하는 등의 UI/UX 개편 작업을 함께하였습니다.

Project goal

More easier
More useful.

현 사업 분야와 제품을 효과적으로 프레젠테이션할 수 있는 구성으로 전반적인 콘텐츠를 개편하고, 현 고객사 뿐 아니라 잠정적 고객사와의 파트너쉽으로 이어질 수 있는 연결 요소를 추가합니다.

Growth
변화와 성장 반영
Reliability
핵심사업 및 제품 이해도 제고
Trend
업계 선두 기업 위상 반영
Connection
정보 접근에서 파트너쉽으로 연결
변화와 성장을 반영한 효과적인 스토리텔링으로 기업의 가치를 높이고,
전략적인 포지셔닝과 접근성 높은 정보전달이 가능하도록 리뉴얼

User research

홈페이지를 방문하는 사용자를 개인과 기업 크게 두 가지로 분류하고, 이들의 주요 Needs를 파악해 전체 메뉴 구조 및 정보 제공 방식 등을 사용자 친화적으로 개선합니다.

개인 사용자

시스메이트는 뭘 하는 회사인지 궁금해요.
DID, 디지털 사이니지, 멀티비전 등 IT 용어에 대한 설명이 더 자세했으면 좋겠어요.

시스메이트의 비전이 나와 잘 맞을지 알고싶어요.
해외 지사도 있을까요? 채용 지원은 어떻게 하면 되는지 궁금해요.

Renewal point

웹 솔루션 기반 DID업계의 선두를 달리는
사업의 규모와 비전을 효과적으로 전달

기업 사용자

시스메이트는 어떤 성과를 내온 기업인지 궁금해요.
구체적으로 어떤 사업과 제품을 다루고 있고,
사업 규모는 어떻게 되나요? 기존에 제휴를 맺어온 파트너사들이 알고싶어요.

진행 사업 관련 문의를 하고싶습니다.
해당 사업에 관한 자료는 어디서 찾을 수 있을까요?
제품 정보가 더 필요해요.

Renewal point

빠르고 정확하게 필요한 정보 접근 가능

Renewal strategy

From user
to customer.

지속적인 연구개발과 혁신을 추구하는 기업의 규모와 비전을 효과적으로 전달하면서,
정보 접근에서 파트너쉽으로 이어질 수 있도록 기능적인 부분을 강화

Reference
in products.

기존에 독립적으로 존재하던 사업 분야와 레퍼런스를 두 개의 메뉴로 묶어 정리하고, 상호 정보 제공이 가능하도록 사업 분야와 레퍼런스 사이의 연결성을 강화함과 더불어 제안의 기능도 겸하도록 메뉴 구조를 재편합니다.

기존에 독립적으로 존재하던 사업 분야와 레퍼런스를 "포함 관계"로
재정의하고, 레퍼런스 페이지 안에서도 사업 분야를 간략하게 확인 가능하며 해당 페이지로도 바로 넘어갈 수 있는 기능을 추가합니다.

Design strategy

Simple
but useful.
Simple

전문 용어 등 생소한 개념은 단순하고 직관적인
설명과 그래픽으로 풀어냅니다.

Premium

단순하지만 가볍지 않은 고급스러운 이미지로,
업계 선두 기업의 규모를 강조해 보여줍니다.

Contrast

블랙과 화이트의 강한 대비로, 심플하지만
비어보이지 않게 디자인합니다.

Design system

Typography
Color

블랙과 화이트로 차분하고 진중한 인상을 주며,
블루를 포인트 컬러로 사용하여 신뢰감 있는 기업 이미지를
제고합니다

White

R000 G000 B000
#FFFFFFF

Blue 1

R000 G046 B171
#002eab

Black

R100 G100 B100
#000000

Blue 2

R000 G092 B255
#005cff

Page design

Main page

Sub page

Product &
Reference

사업분야-레퍼런스는 서로 교차 연결시켜, 각 페이지에서도
상호 내용을 확인할 수 있습니다. 이는 정보 전달 기능 뿐
아니라, 사용자에게 유용한 제품을 제안함으로써 잠재 고객
확보에 도움을 줍니다.

Sub page

About us

Sub page

Other pages

Responsible design

Mobile pages

당신의 비즈니스메이트, 시스메이트.

Your Business Mate,
We are Sysmate.

Credits

  1. Product Manager

    • Kang HyunGyung
  2. Design

    • Jeon EunJeong
    • Han SeHui
    • Kim SuBin
  3. Development

    • Joo D.H
    • Lee MinKyung
    • Choi ChoHa