Digital

Boundless Innovation: The Beginning of a New Brand Experience with INNOCEAN

Client
INNOCEAN
Category
Digital
Services
Website, UX/UI, Development
Scope
Art Direction, Website Design, Mobile Site Design, Interactive Style Guide, UX Strategy, Style Guide
Year
2024

INNOCEAN is a global marketing firm specializing in BX solutions driven by cutting-edge technology and data, delivering creative and innovative brand experiences.
This project aims to enhance the structure of our website, aligning it more closely with INNOCEAN’s bold, relentless pursuit of innovation, in contrast to the website’s previously understated approach. We have improved the overall flow to effectively convey INNOCEAN’s extensive experience and facilitate seamless communication with users. Simultaneously, we optimized information navigation to allow users a richer and more diverse experience of INNOCEAN.

무한한 혁신, 새로운 브랜드 경험의 시작 INNOCEAN INNOCEAN은 최신 테크놀로지와 데이터에 기반한 BX 솔루션 글로벌 마케팅 기업으로 창의적이고 혁신적인 브랜드 경험을 제공합니다. 멈추지 않고 도전하는 대담한 모습을 가진 INNOCEAN에 비해 소극적인 모습을 보여주고 있는 웹사이트의 구조를 보완하고자 하였습니다. 이번 프로젝트로 지금까지 쌓아온 INNOCEAN만의 경험을 효과적으로 전달할 뿐만 아니라, 이어서 사용자와의 원활한 소통까지 연결될 수 있도록 전체적인 흐름을 개선했습니다. 이와 동시에 최적화된 정보 탐색을 제공하여 사용자가 INNOCEAN을 보다 다양하게 경험할 수 있도록 제작했습니다.

Confidence-Driven Visuals

A bold logo and spacious content layout reflect INNOCEAN’s confidence. The design features a clean yet impactful layout, allowing users to immerse themselves easily in content. This approach facilitates effective information engagement and reinforces INNOCEAN’s image as a reliable and trustworthy company.

자신감을 강조한 비주얼 볼드한 로고와 시원한 콘텐츠 영역의 활용으로 INNOCEAN의 자신감을 보여줍니다. 사용자가 콘텐츠에 몰입하기 용이하도록 심플하면서 대범한 레이아웃으로 구성하여 정보 습득에 효과적인 서비스를 제공하며, 신뢰성 있는 기업 이미지를 구축합니다.

Key messages about Business Solutions' approach. ©Innocean website 2024
About your company by the numbers. ©Innocean website 2024
Global Network Visualization ©Innocean website. 2024
Contact components and copywriting. ©Innocean website 2024

The website utilizes two fonts: [Suisse Int’l], which integrates seamlessly with the logo, and [Pretendard], emphasizing professionalism. These fonts create a cohesive image across the site and are versatile enough to support various client projects without clashing. Given the range of content on the site, we employed neutral monochromatic tones to highlight each element effectively. For icons, we used angular shapes and bold weights, ensuring a consistent visual language that conveys key messages effectively in a digital environment.

로고에 잘 녹아들 수 있는 [Suisse int’i]와 전문성을 강조한 [프리텐다드] 두 가지 서체는 웹사이트 전체적으로 일관된 이미지를 전달하고, 다양한 클라이언트 작업물이 서로 부딪히지 않도록 범용적으로 사용되었습니다. 다양한 콘텐츠를 기반한 웹사이트인 만큼 중성적인 무채색을 사용하여 각 콘텐츠를 강조했습니다. 아이콘의 경우 웹사이트 전반적으로 일관성을 유지할 수 있도록 각진 쉐입과 볼드한 웨이트로 디지털 환경에서 효과적으로 핵심 내용 전달할 수 있게 표현했습니다.

Seamless Content Connectivity

INNOCEAN is a BX solutions company that delivers limitless brand experiences. As a website offering diverse content, it provides a smooth exploration experience with filters and tags that consider the user’s purpose. By recommending related content, it shortens the exploration process and is designed for easy access to other content.

콘텐츠의 유기적인 연결성 INNOCEAN은 한계 없는 브랜드 경험을 제공하는 BX 솔루션 컴퍼니입니다. 다양한 콘텐츠를 전달하는 웹사이트인 만큼 사용자의 목적을 고려한 필터와, 태그를 통해 매끄러운 탐색 경험을 제공합니다. 연관된 콘텐츠를 추천하여 탐색 과정을 단축시키고, 다른 콘텐츠에 접근이 편리하도록 설계했습니다.

Filter Work Projects screen. ©Innocean website 2024
Work project details screen. ©Innocean website 2024
Recent projects list page mobile view in Work.
Filtering the recent projects list page in Work on the mobile screen.
Recent projects detail page mobile view in Work.

Streamlined content management

The website provides user-friendly admin features that enable content creators to efficiently produce and upload content through an optimized process. With simple component usage and standardized image guidelines, managing posts becomes easy, while the consistent guide allows administrators to register posts with a clean and structured layout. This ensures effective communication of information to users, encouraging more active engagement with INNOCEAN’s content.

원활한 콘텐츠 관리 효율적인 프로세스로 관리자가 원활하게 콘텐츠를 제작 및 업로드할 수 있도록 친절한 관리자 기능을 제공합니다. 간단한 컴포넌트 활용과 통일된 이미지 규격 가이드를 제공해 게시물 관리에 용이하며, 통일된 가이드로 관리자가 원하는 깔끔한 구조의 게시물 등록이 가능합니다. 이를 통해 사용자에게 정보를 효과적으로 전달하여 INNOCEAN의 콘텐츠를 보다 적극적으로 소비할 수 있도록 유도합니다.

Innocean Global Network List Screen. ©Innocean website 2024
Innocean Global Network details page mobile screen.
Innocean Global Network details page mobile screen.
Featured projects highlight page screen in Innocean. ©Innocean website 2024
Client list page screen in Innocean. ©Innocean website 2024
Highlight page mobile view of an Innocean.
Mobile view of the Awards list page in Innocean.
Mobile view of the client list page in Innocean.

We provide INNOCEAN’s vision through a strategic framework

INNOCEAN의 비전을 전략적인 구성으로 제공합니다.

Brand messaging on the About page. ©Innocean website 2024
Innocean Global CEO Message Mobile Screen.
Innocean History page mobile screen.
A visual representation of the Innocean Partner Group.
Introduction to Innocean's business solutions screen. ©Innocean website 2024
Mobile view of Innocean's business solution detail page.
Mobile view of Innocean's business solution detail page.

A diverse page layout

We have encapsulated INNOCEAN's unique diversity on the website by delivering messages to users in distinct styles for each type of content. While maintaining the individual style that each content piece can emphasize, a unified guide ensures the website remains cohesive.

다채로운 페이지 구성 사용자에게 전달하고자 하는 메시지를 각 콘텐츠 별 독립적인 스타일로 제공하여 INNOCEAN만이 가질 수 있는 다양성을 웹사이트에 담았습니다. 각각의 콘텐츠만이 강조할 수 있는 스타일을 유지하되, 공통된 가이드를 가지고 통일성 있는 웹사이트를 제작했습니다.

Innocean News list page screen. ©Innocean website 2024
Innocean News detail page screen. ©Innocean website 2024
Innocean IR page mobile screen.
Innocean IR page mobile screen.
About Innocean CSR page screen. ©Innocean website 2024

Credits

Lead AgencyDFYPartner AgencyDFZBack-end Development1024Polarium

Project ManagementPark ChulsungStrategic PlanningBae HeeraPlanningKim NahyunCreative DirectionGwon SoongyuAD+DesignLee SeonjinDesignGim DamiKim MinhyoekHan YujunFront-end DevelopmentDFZKim ChuljoongPark HaeriSon SeunghyunOh HaneulLee Jisun

LOTTE CARD THING-SHOP