Client
Interview

하이테크 기반의 제품을 출시하는 룩시드랩스의 제작 목적을 파악하고 그에 맞는 콘텐츠를 제작할 수 있도록 지속적인 커뮤니케이션을 통해 인사이트를 도출하였습니다.

Grid System

정돈된 레이아웃과 페이지 간의 통일성을 유지하는 것에 효과적인 그리드 시스템입니다. 추가되는 콘텐츠들을 정렬하고 쉽게 관리할 수 있도록 설계되었습니다.

정돈된 그리드 시스템을 이용하여 콘텐츠를 나열하여 지속적인 업데이트가 이루어지더라도 정보의 위계와 레이아웃을 유지할 수 있습니다.

Pretendard

프리텐다드

프리텐다드는 다양한 font-weight를 지원하는 것이 특징입니다.
이는 룩시드 랩스와 같이 다양한 기술적 정보와 전개하는 콘텐츠 등의 위계를 더욱 세밀하게 설정하기에 용이합니다.

(Kor)

가나다라마바사아자차카타파하

(Eng)

ABCDEFGHIJKLMNOPQRSTUVWXYZ

Technology & Trust

하이테크의 기술력은 고객 신뢰도로 이어집니다. 웹 UI는 이러한 기업 이미지를 인터페이스의 요소로 나타내야 하기에 톤앤매너를 설정하여 가이드에 따라 제작을 진행합니다.

Color

Gray palette

Logo Design Improvement

기존 룩시드랩스의 로고 디자인은 비교적 얇은 획으로 웹에서의 가시성에 약한 모습으로 보였습니다. 이는 인터뷰 내용에 따라 존재감을 높이기 위해 볼륨감을 더하고 늘어난 면적에 따른 커닝을 조절하여 개선하였습니다.