제조/기계/금속/소재
로오딘 #OLED재료 #유기전자재료디스플레이 종류에 따라 화면의 크기가 자동으로 최적화되도록 조절되는 반응형 웹으로 제작되었습니다.
"CREATING ORGANIC ELECTRONICS!"
로오딘은 OLED 디스플레이의 핵심 재료인 유기 전자 소재, 특히 빛의 삼원색 중 구현이 가장 어려운
청색 인광 소재(블루)의 효율성을 극대화하는 독보적인 기술력을 보유한 기업입니다.
로오딘의 로고는 빛의 삼원색(Red, Green, Blue)이 조화를 이루어 다양한 색을 구현하듯,
각기 다른 재능을 가진 사람들이 모여 새로운 가치를 창출하는 로오딘의 비전을 상징합니다.
이러한 기술력과 비전을 홈페이지에 반영하고자 클라이언트의 요구사항을 기반으로 3D 영상 기획을 시작하였습니다.
로오딘은 OLEC 재료 개발을 통해 IT 기술과 융합하여 세상을 더 밝게 만들고자 하는
브랜드 아이덴티티를 가지고 있습니다.
이를 표현하기 위해, 로오딘이 제조하는 스스로 빛을 내는 청색 중심의 소재를 가루 형태의 도트로 시각화하였습니다.
도트들이 역동적으로 움직이며 하나의 구 형태로 결집하는 모션은 다재다능한 인재들이 모여 로오딘을 구성한다는 의미를 담고자
로오딘의 다양한 사업 분야를 5가지 색상의 도트로 표현된 후 심볼이 완성되도록 기획하였습니다.
로오딘의 전문성과 기술력을 시각적으로 강조하면서도 브랜드가 가진 따뜻한 가치를 동시에 전달하기 위해 다양한 시안을 제안했습니다.
첫 번째 시안에서는 직접 제작한 3D 영상과 OLED 재료를 표현한 디자인 요소,
RGB 컬러를 활용하여 로오딘의 정체성을 직관적으로 보여주어 사용자가 로오딘의 기술적 전문성과 차별점을 쉽게 이해할 수 있도록 하였습니다.
또 다른 시안에서는 로오딘의 슬로건 중 하나인 "오늘이 행복한 회사"를 바탕으로 따뜻하고 감성적인 접근 방식을 선택했습니다.
이를 통해 기술적 강점뿐만 아니라, 직원과 고객 모두에게 긍정적인 가치를 전달하려는 로오딘의 철학을 시각화하였습니다.
마지막으로, "조명"이라는 오브젝트를 활용한 시안을 제안했습니다.
어두운 배경 위에 조명이 비치는 연출은 홈페이지에 처음 방문한 사용자들이 자연스럽게
로오딘이 "빛과 관련된 회사"임을 직관적으로 인지할 수 있도록 설계되었습니다.
더불어 THREE.js를 활용해 크리에이티브한 모션을 구현하여 시각적 몰입감을 극대화하였습니다.
최종적으로 조명과 인터랙티브한 모션을 활용한 시안에 높은 만족감을 보여주셨고,
현재 프로젝트는 클라이언트의 기대를 충족하며 성공적으로 진행되고 있습니다.
조명을 간접적으로 표현한 오브젝트를 활용하여
적절한 임팩트를 주었으며,
로오딘의 메인 컬러인 RGB를 사용하여
기업의 아이덴티티를 부각시켰습니다.
A타입은 기업의 정체성과 전문성을 표헌하기 위해 은은하기 움직이는 그라데이션 컬러 영상를 활용하여 임팩트를 주었으며
기업의 슬로건인 'OLED TOTAL SOLUTION' 이라는 문구를
빛의 삼원색인 RGB 컬러의 표현방식을 반영하여 스크롤 효과를 더해 트렌디하게 표현해보았습니다.
공통적으로 곳곳에 눈금을 연상케하는 디자인 요소를 주어 눈금을 한 단계씩 밟아
성장하고 발전해 나간다는 숭고한 의미를 부여하고자 했습니다.
또한 우측 하단에 연혁 바로가기 버튼을 배치하여 바로 연혁 영역으로 자동 스크롤 되도록 구현할 예정이며
이 버튼의 의도는 로오딘의 무한한 발전 가능성에 대한 발자취를 지속적으로 확인할 수 있도록 기획해보았습니다.
B타입과 C타입은 "지금이, 오늘이 행복한 회사" 라는 로오딘의 슬로건을 강조하여
"따뜻한, 행복한, 활기찬" 키워드로 컨셉을 잡아 감성적으로 시안을 작업해보았습니다.
로오딘의 메인 컬러인 RED, ORANGE, GREEN, BLUE, VIOLET을 사용하여
기업의 아이덴티티를 부각시켰습니다.
B타입은 메인비주얼 영상이 스크롤 시에도 고정이되도록 구성해 보았습니다.
C타입은 로오딘의 제품인 "가루" 에 모티브인 영상을 메인 비주얼에 임펙트있게 구성시켜 보았습니다.
메인비주얼의 블랙에 맞춰 하단(푸터) 영역도 블랙 컬러를 사용하여 전체적으로 조화롭게 표현해보았습니다.
입자가 역동적으로 움직이는 영상을 활용하여 기업의 정체성을 부각함과 동시에 임팩트를 주었으며
비주얼에서 등장하여 따라오는 조명 오브젝트를 스크롤 모션을 통해 부드럽게 이어주어 사이트에 크리에이티브 요소를 더했습니다.
제조/기계/금속/소재
2024.10.30제조/기계/금속/소재
2024.06.21제조/기계/금속/소재
2023.11.01제조/기계/금속/소재
2023.06.15제조/기계/금속/소재
2023.04.03제조/기계/금속/소재
2022.12.19제조/기계/금속/소재
2022.12.09제조/기계/금속/소재
2022.11.07제조/기계/금속/소재
2022.10.24제조/기계/금속/소재
2022.09.27제조/기계/금속/소재
2022.08.05제조/기계/금속/소재
2022.06.07제조/기계/금속/소재
2022.05.03제조/기계/금속/소재
2021.09.16제조/기계/금속/소재
2021.09.01제조/기계/금속/소재
2021.07.09제조/기계/금속/소재
2021.04.14제조/기계/금속/소재
2021.03.08제조/기계/금속/소재
2021.01.07제조/기계/금속/소재
2020.12.11제조/기계/금속/소재
2020.11.24제조/기계/금속/소재
2020.11.13제조/기계/금속/소재
2020.07.30제조/기계/금속/소재
2020.06.10제조/기계/금속/소재
2020.04.22제조/기계/금속/소재
2019.12.19제조/기계/금속/소재
2019.12.10제조/기계/금속/소재
2019.11.27제조/기계/금속/소재
2019.11.01제조/기계/금속/소재
2019.09.27제조/기계/금속/소재
2019.08.21제조/기계/금속/소재
2019.08.01제조/기계/금속/소재
2019.06.12제조/기계/금속/소재
2019.05.20제조/기계/금속/소재
2019.05.08제조/기계/금속/소재
2018.09.21제조/기계/금속/소재
제작중제조/기계/금속/소재
제작중제조/기계/금속/소재
제작중제조/기계/금속/소재
제작중제조/기계/금속/소재
제작중제조/기계/금속/소재
제작중