MY PAGE
연구자 중심 맞춤형 대시보드
처리할 업무 및 신청 과제 현황을 상단 대시보드 형태로 수치화하고 신규 공고, 수행기관, 진행 중인 과제 목록을 카드형 레이아웃으로 구조화하여 탐색 동선을 최적화했습니다.
PROJECT BACKGROUND
노후화된 시스템을 넘어,
리뉴얼 배경 및 목적
노후화된 시스템을 넘어,
미래지향적이고 직관적인 탐색 플랫폼으로.
기존 지니플러스는 방대한 텍스트 위주의 복잡한 구조로 인해 사용자가 원하는 정보를 찾기 어려웠고, 반응형 웹 미지원으로 모바일 접근성이 크게 떨어졌습니다. 또한 에너지 기술 평가 기관으로서의 전문성과 미래지향적인 브랜드 정체성이 시각적으로 느껴지지 않는 노후화된 디자인과 직관성이 떨어지는 탐색 동선의 한계가 있었습니다.
이번 리뉴얼에서는 직관적인 UI를 통해 탐색 동선을 최적화하고, 강렬한 비주얼 아이덴티티를 부여하여 서비스의 첫인상을 완벽히 탈바꿈하는 데 집중했습니다.
리뉴얼 전 (AS-IS)
01
INFORMATION
불필요한 내용 및
텍스트 위주의 콘텐츠 나열
02
EXPERIENCE
모바일 미지원 및
직관적이지 않은 탐색 동선
03
BRAND
노후화된 디자인과
미래 에너지 이미지 부재
PROBLEM & REQUIREMENT
강력한 미래지향적 비주얼과
무엇을 해결해야 했는가
강력한 미래지향적 비주얼과
직관적인 정보 탐색의 결합.
문제점정보의 복잡성
해결 방안정보 위계 재정립
01. INFORMATION HIERARCHY
다양한 사업·과제·지원 정보를 중요도에 따라 구조화하고 핵심 내용을 빠르게 파악할 수 있도록 위계를 재정립합니다.
문제점탐색의 어려움
해결 방안탐색 거리 단축
02. CONTENT DISCOVERY
주요 사업과 공고, 업무 정보를 카드와 대시보드 중심으로 재구성하여 콘텐츠 간 이동과 탐색 흐름을 단순화합니다.
문제점브랜드 한계
해결 방안미래지향적 비주얼
03. BRAND EXPERIENCE
기존 전구 모티브를 빛·자연·기술의 조합으로 재해석하여 미래지향적인 브랜드 경험을 구축합니다.
문제점PC 중심 환경
해결 방안반응형 적용
04. RESPONSIVE EXPERIENCE
PC 중심의 정보 구조를 모바일 환경까지 확장하고, 화면 크기에 따라 콘텐츠의 배치를 유연하게 재구성합니다.
DESIGN STRATEGY
복잡한 정보를 덜어내고,
어떤 기준으로 설계했는가
복잡한 정보를 덜어내고,
몰입감 높은 비주얼 경험을 채우다.
콘텐츠 수량이 상대적으로 적은 한계를 보완하고 에너지를 다루는 공공기관의 특성을 살리기 위해, 강렬하고 미래지향적인 비주얼을 전면에 내세웠습니다. 이와 함께 사용자가 방대한 사업 및 예산 데이터를 직관적으로 파악할 수 있도록 대시보드와 카드형 UI를 결합하여 심미성과 편의성을 모두 잡는 전략을 수립했습니다.
USER사용자 중심
INFORMATION정보 구조화
INTERACTION직관적 탐색
VISUAL미래지향 비주얼
GENIE PLUS통합된 플랫폼 경험
WEB DESIGN : HOME
미래지향적 비주얼과 브랜드 정체성 구축
기존 '전구' 모티브를 친환경 미래 에너지 기술로 재해석했습니다. 빛, 자연, 기술이 입체적으로 어우러지는 배경 연출과 직관적인 대시보드형 카드를 결합하여 몰입감 높은 사용자 경험(UX)을 선사합니다.
WEB DESIGN : SUB PAGE
체계적인 정보 구조와 사업·예산 현황 시각화
방대한 비R&D 지원 사업 정보를 체계적으로 분류했습니다. 주요 추진 과제를 직관적인 카드형으로 배치하고 예산 수치를 시각적 태그 스타일로 정돈하여 연구자와 기업 사용자의 탐색 편의성을 극대화했습니다.
MOBILE DESIGN
디바이스 환경을 고려한 유연한 반응형 UI/UX
스마트폰, 태블릿 등 기기별 해상도와 다양한 모바일 브라우저 환경에 완벽히 대응합니다. 화면 크기에 맞춰 핵심 정보가 자연스럽게 재배치되어 언제 어디서나 최상의 시독성과 편안한 탐색 경험을 제공합니다.
INTERNAL SYSTEM
GENIE PLUS 내부 핵심 업무 시스템 UI
연구자의 과제 관리 편의성과 평가위원의 심사 효율성을 극대화하도록 설계된 핵심 시스템입니다.
(보안 정책 준수를 위해 화면 내 일부 정보는 더미 데이터로 구성되었습니다.)
EVALUATION
신속하고 공정한 온라인 개별평가
좌측의 평가 대상 목록과 우측의 점수 입력 폼을 분할 배치하고, 정량·정성 평가 항목을 직관적인 데이터 테이블 형태로 구성하여 평가위원이 혼선 없이 심사를 진행할 수 있습니다.