arrow_back 기업부문 목록으로

HOME / 기업부문 공모 / (주)마이크록스

과제번호 09 · 홈페이지디자인 RFP

사용자 중심의 웹 서비스 재구축을 위한 정보 설계 및 구현

시각정보 디지털미디어 콘텐츠
기업명 (주)마이크록스
분야 홈페이지디자인
01

기업소개

마이크록스는 혁신적인 무인 결제 솔루션을 통해 유통 및 서비스 산업의 디지털 전환을 선도하는 기술 전문 기업입니다.
고도화된 AI 비전 기술과 안정적인 하드웨어 설계를 바탕으로, 운영자에게는 효율성을, 소비자에게는 끊김 없는 결제 경험을 제공합니다.
핵심 가치 : 혁신(Innovation), 신뢰(Trust), 사용자 중심(User-Centric)
주요 사업 : 키오스크 개발, 무인 매장 관제 시스템, AI 자동 결제 솔루션, 웹사이트 개발

02

아이템 개요(필요성, 사용목적)

홈페이지 디자인 및 개발의 필요성
  • 1. 브랜드 가치 제고 및 신뢰 형성
    • 홈페이지는 기업의 디지털 얼굴입니다. 노후화된 디자인을 탈피하고 전문적인 비주얼을 구축함으로써 고객에게 강력한 첫인상과 브랜드 신뢰도를 심어줍니다.
  • 2. 사용자 경험(UX) 최적화 및 수익 창출
    • 직관적인 인터페이스(UI)는 고객의 정보 접근성을 높이고 이탈률을 낮춥니다. 체계적인 사용자 여정 설계는 단순 방문을 구매나 문의 등 실질적인 비즈니스 성과로 전환하는 핵심 동력이 됩니다.
  • 3. 멀티 디바이스 및 최신 기술 대응
    • 모바일, 태블릿 등 다양한 환경에 최적화된 반응형 웹 구현은 필수입니다. 최신 웹 표준 준수를 통해 로딩 속도를 개선하고 검색 엔진 최적화(SEO)를 실현하여 마케팅 경쟁력을 확보합니다.
  • 4. 운영 효율성 및 보안 강화
    • 콘텐츠 관리 시스템(CMS) 고도화를 통해 운영 효율을 높이고, 최신 보안 프로토콜을 적용하여 고객의 소중한 정보를 안전하게 보호합니다.
03

아이템 예시

04

아이템 상품컨셉(디자인 고려사항)

  • 1. 사용자 경험 및 편의성(UI/UX)
    • 직관적인 내비게이션 : 사용자가 원하는 정보를 3번의 클릭 이내에 찾을 수 있도록 메뉴 구조를 설계해야 합니다.
    • 일관성 유지 : 전체 페이지의 폰트, 컬러, 버튼 스타일 등을 통일하여 브랜드 아이덴티티를 유지하고 사용자 혼란을 방지합니다.
  • 2. 반응형 웹 및 최적화
    • 멀티 디바이스 대응 : 데스크톱, 태블릿, 모바일 등 기기별 화면 크기에 맞춰 레이아웃이 유동적으로 변하는 반응형 디자인이 필수입니다.
    • 로딩 속도 개선 : 이미지 용량 최적화와 코드 경량화를 통해 첫 페이지 로딩 시간을 최소화해야 합니다. 이탈을 방지합니다.
  • 3. 정보 접근성 및 가독성
    • 웹 접근성 준수 : 고령자나 장애인도 이용에 불편함이 없도록 명도 대비를 확보하고, 이미지에 대체 텍스트를 제공해야 합니다.
    • 타이포그래피 : 가독성이 좋은 폰트와 적절한 행간, 자간을 설정하여 텍스트 중심의 정보 전달력을 높입니다.
05

그 외 디자인 요구사항

  • 1. 확장성을 고려한 모듈형 디자인(Design System)
    • 컴포넌트화 : 버튼, 입력창, 카드 뉴스 등 반복되는 요소를 모듈화하여 설계해야 합니다. 이는 추후 페이지를 추가하거나 기능을 확장할 때 디자인 일관성을 유지하고 개발 시간을 단축해 줍니다.
    • 유연한 레이아웃 : 텍스트가 길어지거나 이미지가 변경되어도 전체적인 틀이 깨지지 않는 유연한 그리드 시스템을 적용해야 합니다.
  • 2. 마케팅 및 SEO 최적화 설계
    • 텍스트 위주의 설계 : 디자인을 위해 텍스트를 이미지화하면 검색 엔진이 내용을 읽을 수 없습니다. 가능한 웹 폰트를 사용하여 텍스트 형태로 구현해야 검색 노출(SEO)에 유리합니다.
    • 랜딩 페이지 최적화 : 광고나 검색을 통해 들어온 사용자가 바로 이탈하지 않도록, 특정 목적에 맞는 랜딩 페이지 디자인을 별도로 고려해야 합니다.
  • 3. 다크 모드 및 라이트 모드 대응
    • 사용자 설정 존중 : OS 설정에 따라 자동으로 모드가 전환되도록 설계하거나, 수동 전환 버튼을 제공해야 합니다.
    • 가독성 재조정 : 단순히 색상만 반전시키는 것이 아니라, 다크 모드에서도 눈의 피로도가 적고 정보가 명확히 구분되도록 대비를 재설계해야 합니다.
06

사업화 계획

  • 1. 타깃별 맞춤형 콘텐츠 전략
    • B2B 기업용 : 무인 시스템 도입 시 절감되는 ‘인건비 시뮬레이터’ 제공 및 기업 맞춤형 제안서 다운로드 기능
    • 소상공인용 : 업종별(카페, 세탁소, 편의점) 맞춤 패키지 소개 및 실제 구축 사례(Success Story) 시각화
  • 2. 기술력 기반의 신뢰 마케팅
    • 디지털 쇼룸 : 실제 무인 결제 기기의 UI를 웹상에서 체험해 볼 수 있는 ‘인터랙티브 데모’ 페이지 구축
    • 실시간 기술 지원 : 고객 센터(CS) 연동 및 챗봇 도입을 통해 시스템 장애 문의 및 도입 상담 대응 속도 향상
07

기대효과

  • 영업 효율 극대화 : 홈페이지를 통한 자동 견적 요청 및 상담 신청 시스템 구축으로 오프라인 영업 비용 약 20% 절감
  • 브랜드 자산 가치 상승 : ‘무인 결제 전문 기술 기업’으로서의 브랜드 정체성을 확립하여 업계 내 기술 우위 선점
  • 글로벌 확장성 확보 : 다국어 지원 및 표준 웹 가이드 준수를 통해 해외 시장 진출을 위한 디지털 베이스캠프 역할 수행