Intro
Innovate Innovation.
매년 연구 개발에 투입하는 재원은 천문학적으로 늘어나고 있지만, 이를 통해 얻을 수 있는 혁신은 점점 적어지고 있습니다. 과학 연구의 유일한 지식 전달 매체인 논문 출판량이 폭발하면서, 연구 과정에서 복잡성이 빠르게 증가하기 때문입니다.
Pluto는 데이터 분석을 통해 대부분의 연구 활동에서 필요로 하는 지식 및 정보를 제공합니다.
자사 서비스 Scinapse는 최신 연구의 동향을 반영한 검색 엔진으로, 연구자가 선행 연구 과정에서 겪는 어려움을 다양한 방식으로 해결합니다.
Pluto Project는 플루토랩스 브랜드 및 자사 서비스 [사이냅스 Scinapse] UX/UI 분석을 통해 문제점을
Pluto는 데이터 분석을 통해 대부분의 연구 활동에서 필요로 하는 지식 및 정보를 제공합니다.
자사 서비스 Scinapse는 최신 연구의 동향을 반영한 검색 엔진으로, 연구자가 선행 연구 과정에서 겪는 어려움을 다양한 방식으로 해결합니다.
Pluto Project는 플루토랩스 브랜드 및 자사 서비스 [사이냅스 Scinapse] UX/UI 분석을 통해 문제점을
파악하고, 이를 효과적으로 개선합니다.
Innovate Innovation.
Annual funding for research and development is increasing heavily, but the innovation that comes from it is becoming less and less. This is because the complexity in the research process is increasing rapidly as the volume of paper publications, the only medium of knowledge transfer in scientific research explodes.
Through data analysis, Pluto provides the knowledge and information needed in most research activities.
Our service Scinapse is a search engine that reflects the latest research trends and it solves the difficulties that researchers face in the course of prior research in various ways.
‘Pluto Project’ identifies and solves problems through the Pluto Labs brand and its service [Scinapse] UX/UI analysis.
Scope & Product Timeline
[플루토랩스 Plutolabs] 브랜드 및 자사 서비스 [사이냅스 Scinapse] UX/UI 분석을 통해 문제점을 파악하고,
이를 효과적으로 개선하기 위해 프로젝트를 시작했습니다.
이를 효과적으로 개선하기 위해 프로젝트를 시작했습니다.
Through UX/UI analysis of [Plutolabs] Brand and its services [Synapse], we identified problems.
And we started the project to improve this problem effectively.
Overview
100여년 전과 현재 논문 자료를 찾는 방식이 달라지지 않았습니다. 플루토랩스는 그 방식을 혁신하는 기업입니다. 과거에는 책으로 연구자료나 논문을 찾았지만 현재는 과거와 다르게 온라인 상에서 논문 자료를 찾을 수 있습니다. 우린 이 새로운 방식을 CI에 담아 내고자 하였습니다. 플루토 랩스의 미션, 비전, 핵심 가치에서 의미있는 키워드들 중 “책"을 포커싱하여 키비주얼로 형상하였습니다.
The way we look for thesis data has not changed for over 100 years ago. Pluto Labs is an innovative company with a new solution. We used to find research materials and papers in books in the past, but now, we can find paper materials online. We tried to incorporate this new meanings into CI. Among the meaningful keywords in Pluto Labs' mission, vision, and core values, pluto labs focused on "books" and shaped it into key-visuals.
100여년 전과 현재 논문 자료를 찾는 방식이 달라지지 않았습니다. 플루토랩스는 그 방식을 혁신하는 기업입니다. 과거에는 책으로 연구자료나 논문을 찾았지만 현재는 과거와 다르게 온라인 상에서 논문 자료를 찾을 수 있습니다. 우린 이 새로운 방식을 CI에 담아 내고자 하였습니다. 플루토 랩스의 미션, 비전, 핵심 가치에서 의미있는 키워드들 중 “책"을 포커싱하여 키비주얼로 형상하였습니다.
The way we look for thesis data has not changed for over 100 years ago. Pluto Labs is an innovative company with a new solution. We used to find research materials and papers in books in the past, but now, we can find paper materials online. We tried to incorporate this new meanings into CI. Among the meaningful keywords in Pluto Labs' mission, vision, and core values, pluto labs focused on "books" and shaped it into key-visuals.
Renewal
#북마크, #형광펜 등의 핵심 키워드 도출 및 그에 따른 아이데이션 과정을 거쳐, 기존 로고의 명시성 이슈와 브랜드를 나타낼 수 있는 아이덴티티가 담겨있지 않다는 문제점을 보완하여 새롭게 브랜딩했습니다.
#북마크, #형광펜 등의 핵심 키워드 도출 및 그에 따른 아이데이션 과정을 거쳐, 기존 로고의 명시성 이슈와 브랜드를 나타낼 수 있는 아이덴티티가 담겨있지 않다는 문제점을 보완하여 새롭게 브랜딩했습니다.
By deriving keywords such as #bookmarks, #fluorescent pens, and going through identification processes accordingly, It was newly branded to solve the issue of explicitness of the existing logo and the problem that it does not contain an identity that can represent the brand..
CI / BI&BI by product
CI 및 BI 리브랜딩과 사이냅스 프로덕트를 플랜에 따라 분류하여 적재적소에 사용합니다.
CI 및 BI 리브랜딩과 사이냅스 프로덕트를 플랜에 따라 분류하여 적재적소에 사용합니다.
CI and BI rebranding and synapse products are categorized according to plan and used in the right place.
Typography
각 모듈의 사선 기울기는 30°각도로 구성되어있으며, 이는 책이 접힌 각도를 형상합니다. 이는 브랜드 아이덴티티 전반적인 영역에 통일성있게 적용됩니다.
각 모듈의 사선 기울기는 30°각도로 구성되어있으며, 이는 책이 접힌 각도를 형상합니다. 이는 브랜드 아이덴티티 전반적인 영역에 통일성있게 적용됩니다.
The diagonal lines of each module consist of a 30° angle, which forms the angle at which the book is folded. It’s consistently applied across the brand identity of the brand.
Color
WCAG 2.1 Accessibility 를 고려하여, 보다 명시성이 개선된 컬러로 리뉴얼 되었습니다.
WCAG 2.1 Accessibility 를 고려하여, 보다 명시성이 개선된 컬러로 리뉴얼 되었습니다.
By considering WCAG 2.1 Accessibility, It has been renewed with a more explicit color.
Application
제작한 로고 및 디자인 시스템을 활용하여 산출물을 제작했습니다.
제작한 로고 및 디자인 시스템을 활용하여 산출물을 제작했습니다.
Using the logo and design system that we made, we produced various applications.
Brand GuideBook
브랜드 아이덴티티와 로고 사용방침이 담긴 가이드북을 제작했습니다.
We also made a guidebook explaining brand identity and logo usage policy.
Overview
Scinapse는 학술연구에 최적화된 플루토랩스의 알고리즘을 기반으로 사용자에게 최상의 논문 자료를 제공해주는 학술 검색 엔진 서비스입니다.
리오랩은 BX 프로젝트와 함께 Scinapse의 주요 UX/UI 메인 페이지와 컴포넌트 시스템을 리뉴얼하였습니다.
‘Scinapse’ is an academic search engine service that provides users with the best thesis materials based on Pluto Labs' algorithms optimized for academic research.
Along with the BX project, LEO LAP renewed the UX/UI main page and component system of ‘Scinapse’.
Scinapse는 학술연구에 최적화된 플루토랩스의 알고리즘을 기반으로 사용자에게 최상의 논문 자료를 제공해주는 학술 검색 엔진 서비스입니다.
리오랩은 BX 프로젝트와 함께 Scinapse의 주요 UX/UI 메인 페이지와 컴포넌트 시스템을 리뉴얼하였습니다.
‘Scinapse’ is an academic search engine service that provides users with the best thesis materials based on Pluto Labs' algorithms optimized for academic research.
Along with the BX project, LEO LAP renewed the UX/UI main page and component system of ‘Scinapse’.
Solution
현재 Scinapse 웹사이트 문제점을 분석하고, 리디자인 솔루션을 도출했습니다.
첫째, 일관된 사용자 경험을 제공하는 것을 목표로 새로운 에셋을 디자인하고 규칙적인 논리를 부여하였습니다.
둘째, 텍스트 기반 서비스의 명확한 정보 전달을 위해 타이포 그룹화, 레이아웃 정리를 통해 위계 질서를 재정립하여 가독성과 심미성을 발전시켰습니다.
셋째, 실무 개발팀이 적재적소의 디자인을 선택하고 구현할 수 있도록 마스터 컴포넌트와 가이드라인을 제공하여 효율적인 소통 창구를 구축했습니다.
We analyzed the problems of the current ‘Scinapse’ website and derived a redesign solution.
First, we designed a new asset and gave it regular logic with the aim of providing a consistent user experience.
현재 Scinapse 웹사이트 문제점을 분석하고, 리디자인 솔루션을 도출했습니다.
첫째, 일관된 사용자 경험을 제공하는 것을 목표로 새로운 에셋을 디자인하고 규칙적인 논리를 부여하였습니다.
둘째, 텍스트 기반 서비스의 명확한 정보 전달을 위해 타이포 그룹화, 레이아웃 정리를 통해 위계 질서를 재정립하여 가독성과 심미성을 발전시켰습니다.
셋째, 실무 개발팀이 적재적소의 디자인을 선택하고 구현할 수 있도록 마스터 컴포넌트와 가이드라인을 제공하여 효율적인 소통 창구를 구축했습니다.
We analyzed the problems of the current ‘Scinapse’ website and derived a redesign solution.
First, we designed a new asset and gave it regular logic with the aim of providing a consistent user experience.
Second, we developed readability and aesthetics by redefining the hierarchical order through typo grouping
and layout organization for clear information delivery of text-based services.
Third, we have established an efficient communication channel by providing master components and guidelines for the development team to select and implement the right design.
Asset Architecture
효율적이고 범용적인 디자인 컴포넌트를 위해 에셋을 유형에 따라 나누고, 논리적이고 예측가능한 명칭을
효율적이고 범용적인 디자인 컴포넌트를 위해 에셋을 유형에 따라 나누고, 논리적이고 예측가능한 명칭을
부여했습니다.
좋은 네이밍 규칙은 실무 기술자와의 협업과 유지보수가 원활하게 이루어질 수 있습니다.
For efficient and general-purpose design components, we divided the asset according to asset types and gave logical and predictable names.
Good naming rules can facilitate collaboration and maintenance with hands-on technicians.
For efficient and general-purpose design components, we divided the asset according to asset types and gave logical and predictable names.
Good naming rules can facilitate collaboration and maintenance with hands-on technicians.
Components
Taillwind CSS를 기반으로 한 신규 Element 디자인과 상세 가이드라인의 조합을 구성하여, 사이냅스 서비스
Taillwind CSS를 기반으로 한 신규 Element 디자인과 상세 가이드라인의 조합을 구성하여, 사이냅스 서비스
고유의 일관성 있는 UX를 위한 컴포넌트를 제작했습니다.
Based on the Taillwind CSS, we constructed a combination of new element designs and detailed guidelines to create components for a consistent UX unique to Synapse Services.
Based on the Taillwind CSS, we constructed a combination of new element designs and detailed guidelines to create components for a consistent UX unique to Synapse Services.
Design System
실무 기술 개발자들이 빠르고 간편하게 디자인 가이드를 참고하고 UX/UI에 구현할 수 있도록 통합 컴포넌트
실무 기술 개발자들이 빠르고 간편하게 디자인 가이드를 참고하고 UX/UI에 구현할 수 있도록 통합 컴포넌트
시스템 Figma 파일을 제작하고 전달하였습니다.
The integrated component system Figma file was created and delivered for practical technology developers to quickly and easily refer to the design guide and implement it in the UX/UI.
The integrated component system Figma file was created and delivered for practical technology developers to quickly and easily refer to the design guide and implement it in the UX/UI.
