로고의 사자가 섬이 되기까지: LEONIA 섬 제작 노트

회사 홈페이지는 읽히기도 전에 닫히는 경우가 있습니다. 사업이 7가지나 되면 더욱 그렇습니다. 그래서 저희는 사업을 「읽기」 전에 「만져 볼 수 있는」 입구를 만들기로 했습니다. 그것이 LEONIA 로고의 사자 모양을 한 섬 「LEONIA 섬」입니다.

섬 탐험하기

1. 섬의 모양은 로고 그 자체에서

섬의 해안선은 로고 속 사자의 윤곽을 그대로 사용했습니다. 비슷하게 그린 것이 아니라 로고 데이터에서 윤곽을 추출했기 때문에, 바로 위에서 내려다보면 섬이 그대로 로고가 됩니다.

처음 열었을 때의 연출도 같은 생각에서 나왔습니다. 「LOADING」의 선이 계속 그려져 사자의 윤곽이 되고, 금색 선이 솟아오르고, 바다 밑에서 섬이 떠오릅니다. 약 6초 동안 로고가 섬이 되기까지를 한 번에 보여 줍니다.

2. 건물은 사업과 실적

섬의 건물은 모두 LEONIA의 사업에 대응합니다. 본점과 지점을 빛의 선으로 잇는 「기간 시스템」, 백화점에 들어선 전문점의 「신규 사업」, 톱니바퀴가 도는 「기존 사업 개선」, 컨테이너선이 출항하는 「무역」. 섬 꼬리 끝에는 「상담」을 나타내는 등대를 두었습니다. 누르면 설명이 열리고, 그대로 사업 페이지로 이동할 수 있습니다.

3. 거리에는 실제 교통 규칙을

재미있는 장치도 조금만 어색하면 단번에 싸구려처럼 보입니다. 그래서 LEONIA 빌딩 주변 거리에는 일본의 교통 규칙을 그대로 넣었습니다.

• 차는 좌측통행. 횡단보도는 일본과 같은 가로줄 무늬입니다.
• 신호는 1주기 41초. 차량 파란불 16초, 노란불 3초, 전체 빨간불 4초 뒤에 보행자 파란불 12초, 점멸 4초가 이어집니다.
• 보행자는 남은 파란불 시간 안에 건널 수 있을 때만 건넙니다. 차는 노란불에서 무리 없이 멈출 수 있는 거리라면 멈춥니다.

이 규칙이 지켜지는지는 약 4분간의 거리 움직임을 시뮬레이션해 확인했습니다. 결과는 빨간불 횡단, 보행자 신호 중 차량 진입, 차량끼리의 겹침이 모두 0건입니다. 검증 도중에는 교차로 모퉁이 한 곳에서 차가 순간적으로 튀는 문제도 발견되어, 회전과 브레이크를 부드럽게 다시 만들었습니다.

4. 누구나 오가는 거리

걷는 사람도, 휠체어를 탄 사람도, 자전거도, 아이도, 어르신도. LEONIA 빌딩 주변에서는 다양한 사람들이 인사를 나누며 오갑니다. 옥상에서는 5명의 팀이 일하고, 공원에는 누구나 들를 수 있는 공간을 만들었습니다. 「한 사람도 빠짐없이, 자기다움에 충실할 수 있는 사회를 만든다」는 LEONIA의 생각을 풍경으로 만든 것입니다.

계절은 가을. 가로수가 물들고 낙엽이 흩날립니다. 밤으로 바꾸면 거리에 일루미네이션이 켜지고, 차와 자전거는 라이트를 켜고 달립니다.

5. 수면과 코인 찾기

섬 주변의 바다는 쓰다듬으면 물결이 퍼집니다. 밤에 불꽃놀이를 쏘아 올리면 수면에 빛이 비칩니다.

그리고 섬 어딘가에는 LEONIA 코인 3개가 숨어 있습니다. 찾는 동안 섬을 돌리고 건물에 다가가다 보면, 어느새 사업을 한 바퀴 둘러보게 됩니다. 그런 순서가 되도록 코인은 건물 가까이에 숨겼습니다. 3개를 모두 모으면 다른 곳에 또 3개가 숨습니다.

6. 보이지 않는 곳에서 신경 쓴 것

• 일본어·영어·한국어 지원. LEONIA의 상담 창구와 같습니다.
• 「동작 줄이기」 설정 기기에서는 정지 이미지로 바뀝니다.
• 메인 페이지를 무겁게 하지 않습니다. 섬은 화면 가까이 왔을 때만 불러옵니다.

세부 조정은 15회가 넘었고, 보행자가 모퉁이를 도는 방식 하나, 코인의 방향 하나까지 다시 살폈습니다.

마치며

LEONIA 섬은 「우리 회사를 더 재미있게 전할 수 없을까」라는 질문에서 시작되었습니다. 이런 「조금 재미있는 것」을 사업 속에서 함께 만드는 것도 LEONIA의 일입니다. 회사나 상품을 전하는 방법으로 고민하고 계시다면 문의 양식으로 편하게 상담해 주세요.

섬 안의 LEONIA 빌딩(2030년 4월 준공 예정)은 이미지입니다. 실제 건물과 다를 수 있습니다.