코아이디 홈페이지 리뉴얼
2024년, 코아이디가 홈페이지를 새롭게 단장했습니다! 새로운 봄을 맞아, ‘코아이디 공식 홈페이지 리뉴얼 소식’을 여러분과 함께 공유하고자 해요. 어떻게 변했는지 함께 보실까요?
디자인 방향성 정립
코아이디가 추구하는 가치인 1. 핵심 2. 전문성 3. 연결을 바탕으로 디자인의 방향성을 전개했습니다. 세 가지 가치를 중심에 두고 홈페이지 디자인에 대한 고민을 시작했고, 프로젝트의 핵심을 파악하고 최적의 솔루션을 제안하는 코아이디를 표현하고자 했습니다. 목표로 향하는 코아이디를 강단있는 이미지로 구체화 했으며 크리에이티브한 조직으로써 믿고 맡길 수 있는 전문적인 모습으로 전문성을 강조했습니다. 클라이언트에서 부터 우리와 만나게 될 모든 인연들과의 연결을 통해 유대관계가 형성되는 코아이디를 키워드로 선정해 작업을 진행했습니다.
따라서, 표현하고자 했던 코아이디의 비주얼에 대한 모티브는 직선 속에서 부드러움을 느낄 수 있는 모습이었어요. 또한 앞으로 정진하여 더 나은 내일을 향한 코아이디를 담고 싶었습니다.
키비주얼
코아이디의 주 서비스인 Visual Design, 3D Studio, 그리고 Product Design을 상징하는 선 세 개가 모여 하나의 온전한 형태에 가까워지며, 점차 완성형이 되어가는 코아이디를 상징하고자 했습니다. 이 세 면이 나아가는 모습을 통해 긍정적인 미래로의 전진을 나타내고, 면들이 하나의 육면체로 완성됨으로써 탄탄한 코아이디의 모습을 강조하고자 했습니다.
컬러선정
컬러는 디자인을 직관적으로 이해시킬 수 있는 강력한 시각 요소로 기존 코아이디 로고 컬러인 Co-Blue를 기반으로하여 다양한 상황에서 적용될 수 있도록 했습니다. 사용자를 원하는 방향으로 이끌어 줄 수 있도록 메인색상과 보조색상을 나누어 내용의 중요도에 따라 컬러를 조절하고, 포인트 컬러를 사용하여 코아이디의 핵심 가치를 강조하였습니다. 홈페이지 곳곳에 숨어있는 포인트 컬러들을 찾아보는 재미도 느껴보세요!
폰트선정
홈페이지에서 중요한 부분 중 하나는 가독성입니다. 글을 쉽게 읽을 수 있어야하기 때문에 가독성이 높으면서 활용성이 뛰어난 폰트를 선정했습니다. 국문 폰트로는 ‘스포카 한산스 네오’, 영문 폰트로는 ‘몬세라트’를 선택했는데, 두 폰트 모두 다양한 굵기를 가지고 있기 때문에 계층과 가독성에서 유리할것이라고 판단했고 조합이 어색하지 않아 선정하게 되었습니다.
메뉴 구성의 변화
기존의 구성에서 큰 변화는 없었지만, 사용자가 쉽게 이해하고, 직관적으로 볼 수 있도록 바뀌었습니다. 기존에는 코아이디를 제대로 소개하는 페이지가 없었기에 ABOUT 메뉴를 만들어 코아이디의 소개와 서비스를 한눈에 볼 수 있도록 구성했습니다. 또한, 기존의 Culture 페이지는 코아이디의 문화를 포함해 뉴스, 회사 연혁 등 다양한 내용이 담겨있어 페이지의 역할이 애매했었습니다. 따라서 코아이디가 추구하고 실행하는 기업 문화에 대한 내용으로 변경하여 새롭게 탄생했어요.
또한, 포트폴리오 수가 많아지면서 검색기능이 있었으면 했었는데, 리뉴얼 되면서 검색기능도 함께 추가 되었습니다.이제는 원하는 제품이나 디자인을 쉽게 찾을 수 있어 사용자 경험을 개선했습니다.
*버튼을 누르면 각 페이지로 이동됩니다.
메인 페이지
코아이디가 어떤 디자인 회사인지를 함축적으로 볼 수 있는 영상을 메인 페이지에서 볼 수 있도록 제작했어요. 실제로 프로젝트를 시작하는 과정에서부터 제작하고, 결과물을 도출하는 일련의 모든 단계를 함축한 영상입니다. 또한, 실제 저희가 회의하는 모습이나 아이데이션하는 모습들도 볼 수 있답니다! 그리고, 기존의 메인 페이지서 포트폴리오를 확인하려면 스크롤을 많이 내려야 했는데, 쉽게 찾고 볼 수 있도록 스크롤 수를 줄이고 썸네일을 크게 배치하였습니다. 또한, 인터랙션 효과를 주어 주목도를 높였습니다.
Friya
코아이디의 문화 중 하나인 Friya(내부 직원들의 디자인 관련 아이디어 공유 및 친목 도모)를 여러분과 함께 공유할 수 있도록 추가되었어요. 소중한 프라야 시간을 기록하고 공유함으로써, 코아이디의 문화를 간접적으로나마 함께 느낄 수 있게 되었습니다. 또한, 직원들이 흥미있어 하는 디자인이나 이슈에 대해 의견을 나누는지를 알 수 있게 되었어요. 2024년에는 벌써 4회나 프라야를 진행했네요. 미래에는 여러분과 함께 의견을 공유하는 날이 오기를 기원합니다. 🙂
포트폴리오 재구성
5년간의 포트폴리오를 전면적으로 재구성했습니다. 리스트에서는 한눈에 제품과 서비스를 쉽게 확인할 수 있도록 보완했고, 상세 페이지에서는 각 포트폴리오의 주요 이미지를 상단에 크게 배치하여 주목도를 높였습니다. 단순히 사진만 나열하는 것이 아닌 코아이디가 어떤 방향성을 갖고 디자인 작업을 했는지 설명을 통해 의도를 전달하고자 했습니다. 또한, 다른 포트폴리오를 쉽게 볼 수 있도록 하단에 Next Work 리스트를 추가하여 사용자 경험을 개선했습니다.
홈페이지 리뉴얼을 통해 코아이디가 추구하는 문화와 가치를 좀 더 다가가기 쉽게 전달하고자 했습니다. 항상 더 나은 방향으로 나아갈 수 있도록 노력하는 기업이 되겠습니다. 앞으로 코아이디의 새로운 소식들은 홈페이지에서 가장 먼저 만나보실 수 있으니 언제나 편히 방문해주세요! 더 좋은 소식으로 찾아뵙겠습니다.
코아이디
Collaborative & Industrial Design