AI Backend.AI enables you to efficiently build, train, and serve AI models of any type and size, and scale on demand.
About Project
CLIENT
Lablup Inc.
ABOUT
국내 인공지능 AI 개발 플랫폼 기업 래블업의 Backend.AI는 AI 개발과 서비스를 지원하는 클라우드·온프레미스 토탈 플랫폼입니다. AI 개발부터 서비스까지 필요한 과정을 자동화 할 수 있는 기능을 지원하고, 필요한 컴퓨터 자원까지 제공하며 누구나 AI를 사용하고 어디서든 AI를 누릴 수 있도록 지원하는 서비스입니다.
PROJECT OVERVIEW
국내 인공지능 AI 개발 플랫폼 기업 래블업의 Backend.AI 웹사이트 디자인 리뉴얼 프로젝트. 일관적이지 않은 컨셉으로 인해 브랜드 아이덴티티를 제대로 표현하지 못하는 점을 개선하여 통합화된 비주얼을 재정립하고, Backend.AI 플랫폼과 Docs 페이지의 톤 앤 매너가 이어질 수 있도록 웹사이트 리뉴얼 프로젝트를 진행하였습니다.
https://backend.ai
Design Concept
복잡한 설치 없이 설정, 변환만으로 시작할 수 있는 Backend.AI의 간편함, ‘GPU 분할 가상화’라는 Backend.AI의 대표 기능을 미니멀리즘 컨셉으로 해석하였습니다. 하나의 GPU를 컨테이너별로 쪼갤 수 있다는 점에서 라인 그리드를 활용해 기본 요소에 포커스를 맞추었고, 키 컬러를 통해 사이트 전반에 통일감을 부여하였습니다.
Layout Grid
1200px
12 column
82px width
20px gutter
390px 6 column 48px width 12px gutter
Wireframe
All-in-one Enterprise Operating Platform
Wireframe
Backend.AI Renewal
Cloud
Use Cloud and pay as much you consumed.
Documentations
기존 Docs 페이지는 Backend.AI 웹사이트와 Tone&Manner가 달라 페이지 이동시 이질감이 느껴졌다면, 이번 리뉴얼을 통해 Backend.AI와 Docs 페이지의 디자인 연계성을 높여 하나의 웹사이트 내에서 동작하는 시스템으로 인지할 수 있도록 하였습니다.
Color System
Functionality
#FFFFFF
R255 G255 B255
Primary
#FF9D00
R255 G157 B0
Secondary
#0037FF
R0 G55 B255
Secondary
#03B5E5
R3 G181 B229
Secondary
#C54BD2
R197 G75 B210
Typography
Illustrations
Style Assets
Module Guide
프로젝트 종료 후에도 손쉽게 유지보수 운영할 수 있도록 기본 템플릿의 모듈화 및 가이드라인 제공하여 개발되었으며, 고객사에서 CMS를 통해 직접 간단 유지보수 할 수 있도록 하였습니다.
Backend.AI enables you to efficiently build, train, and serve AI models of any type and size, and scale on demand.
About Project
CLIENT
Lablup Inc.
ABOUT
국내 인공지능 AI 개발 플랫폼 기업 래블업의 Backend.AI는 AI 개발과 서비스를 지원하는 클라우드·온프레미스 토탈 플랫폼입니다. AI 개발부터 서비스까지 필요한 과정을 자동화 할 수 있는 기능을 지원하고, 필요한 컴퓨터 자원까지 제공하며 누구나 AI를 사용하고 어디서든 AI를 누릴 수 있도록 지원하는 서비스입니다.
국내 인공지능 AI 개발 플랫폼 기업 래블업의 Backend.AI 웹사이트 디자인 리뉴얼 프로젝트. 일관적이지 않은 컨셉으로 인해 브랜드 아이덴티티를 제대로 표현하지 못하는 점을 개선하여 통합화된 비주얼을 재정립하고, Backend.AI 플랫폼과 Docs 페이지의 톤 앤 매너가 이어질 수 있도록 웹사이트 리뉴얼 프로젝트를 진행하였습니다.
Design Concept
복잡한 설치 없이 설정, 변환만으로 시작할 수 있는 Backend.AI의 간편함, ‘GPU 분할 가상화’라는 Backend.AI의 대표 기능을 미니멀리즘 컨셉으로 해석하였습니다. 하나의 GPU를 컨테이너별로 쪼갤 수 있다는 점에서 라인 그리드를 활용해 기본 요소에 포커스를 맞추었고, 키 컬러를 통해 사이트 전반에 통일감을 부여하였습니다.
Layout Grid
Wireframe
All-in-one Enterprise Operating Platform
Wireframe
All-in-one Enterprise Operating Platform
AS IS - TO BE
Documentations
기존 Docs 페이지는 Backend.AI 웹사이트와 Tone&Manner가 달라 페이지 이동시 이질감이 느껴졌다면, 이번 리뉴얼을 통해 Backend.AI와 Docs 페이지의 디자인 연계성을 높여 하나의 웹사이트 내에서 동작하는 시스템으로 인지할 수 있도록 하였습니다.
Color System
Functionality
#FFFFFF
R255 G255 B255
Functionality
#FF9D00
R255 G157 B0
Secondary
#0037FF
R0 G55 B255
Secondary
#03B5E5
R3 G181 B229
Secondary
#C54BD2
R197 G75 B210
Typography
Illustrations
Illustrations
Module Guide
프로젝트 종료 후에도 손쉽게 유지보수 운영할 수 있도록 기본 템플릿의 모듈화 및 가이드라인 제공하여 개발되었으며, 고객사에서 CMS를 통해 직접 간단 유지보수 할 수 있도록 하였습니다.
