워드프레스 홈페이지 제작 사례

새로운 NanoH2O(나노에이치투오)는 리뉴얼 된 독립적인 브랜드 아이덴티티를 구축하고, 지속 가능한 미래를 위한 새로운 비전을 담아 글로벌 웹사이트를 새롭게 선보였습니다. 브랜드가 추구하는 혁신과 지속가능성, 그리고 기술에 대한 신뢰를 하나의 디지털 경험으로 구현하는 데 중점을 두었습니다. 깊이 있는 다크 톤과 몰입감 있는 풀스크린 비주얼, 절제된 모션을 활용해 영화적인 무게감을 전달하며, 정교한 레이아웃과 여백을 통해 글로벌 기술 브랜드의 전문성과 신뢰를 표현했습니다. 물이 가진 가능성을 확장하고 더 나은 미래를 만들어가는 기업의 철학과 비전을 웹사이트 전반에 걸쳐 일관된 톤앤매너로 풀어냈습니다. 글로벌 기업으로서의 도약, 물의 가능성으로 더 혁신적인 혁신을 만들어 내는 NanoH2O의 시작, 그 시작을 함께할 수 있는 귀중한 프로젝트였습니다.

경계를 넘어선 No.1 하이엔드 라이프스타일 리더 노블레스 매거진의 디지털 온라인 사이트를 새롭게 리뉴얼하였습니다. 기존 매거진의 깊이 있는 콘텐츠를 디지털 환경에 최적화하여 보다 직관적이고 몰입감 있게 전달하고, 브랜드 특유의 고급스러운 무드를 현대적인 비주얼과 인터랙션으로 확장하는 데 중점을 두었습니다. 노블레스미디어인터내셔날은 1990년 국내 최초 하이엔드 라이프스타일 매거진 '노블레스'를 시작으로 '아트나우', '노블레스 맨', 'Y'까지 총 4개의 매거진을 발행하며, 온·오프라인을 아우르는 글로벌 미디어 기업으로 부상 중입니다. 이번 리뉴얼은 이러한 브랜드 자산을 기반으로 콘텐츠 접근성과 가독성을 강화하고, 다양한 디지털 채널과의 유기적인 연결을 통해 글로벌 플랫폼으로서의 확장성을 높이는 데 목적을 두었습니다.

메디웨일은 망막 이미지 분석을 통해 질병의 발생 위험을 조기에 예측하는 AI 소프트웨어 의료기기 메디웨일 사이트를 새롭게 리뉴얼 하였습니다. Ai 기반 헬스케어 기술의 신뢰성과 혁신성을 직관적으로 전달하는 데 중점으로 디자인하였습니다. 심장, 눈, 간을 Ai 기술과 일러스트로 시각화하여 복잡한 의료 정보를 쉽게 전달하며, 다소 무거워 보일 수 있는 분위기를 전체적으로 밝은 톤에 미니멀한 UI와 블루 계열의 프라이머리 컬러로 전문성과 안정감을 주었습니다.

건강한 제품을 만드는 SANC, 70여년 오랜 역사의 '신앙촌'이 'SANC'라는 새로운 이름으로 리뉴얼 되었습니다. 이번 리뉴얼의 핵심은 ‘스토리 전달력’과 ‘세대 포용력’이었습니다. 브랜드의 오랜 역사와 철학을 쉽고 감성적으로 전달할 수 있도록 스토리 라인과 ‘경험’ 중심의 흐름 구조로 사진과 일러스트로 전통과 현대의 균형을, 그리고 브랜드의 핵심가치인 '건강', '행복, '신뢰'를 아이콘과 모듈로 시각적으로 표현하였습니다. 모바일 최적화 및 세대별 UX를고려한 콘텐츠의 흐름을 느껴보세요.

이번 스튜디오제이티에서 작업한 JMCOFFEE 사이트는 브랜드의 이미지의 브랜드를 한층 강화하고, 스플라인과 3d, 일러스트등을 최신기술을 활용하여 사이트에 동적이고 입체적인 요소를 추가함으로써 방문자에게 시각적으로 매력적인 경험을 제공하려 하였습니다. 이러한 디자인은 제품의 고급스러움과 전문성을 강조하며, 사용자들이 커피에 대한 열정과 전문성을 느끼도록 하였습니다.

퓨리토 서울은 한국의 자연을 담은 천연 스킨케어 브랜드로 자연과의 일체감을 동시대 서울의 감각으로 재해석한 새로운 개념의 스킨케어를 제안합니다. 브랜드 룩을 잘 보여줄 수 있도록 서울의 감각적인 라이프스타일을 컨템포러리한 무드로 사이트에 녹여내는데 중점을 두어 작업을 하였습니다. 자유롭고 유려한 디자인과 탐험하는 듯한 스크롤 인터랙션을 통해 더욱 몰입도를 느낄 수 있습니다. 감각적 경험을 통해 내면을 일깨우는 퓨리토 서울을 사이트에서 경험해보세요.

Oksuro는 AI 이미지 생성의 미래를 선도하는 글로벌 플랫폼입니다. 창의적인 프롬프트와 다양한 이미지 설정 라이브러리를 보여주며, 사용자가 자신만의 아트워크를 쉽게 창조할 수 있습니다. 일반 사용자부터 전문가까지 무료 프롬프트를 이용해 누구나 창의적인 AI 작업을 쉽게 시작할 수 있어, Oksuro는 디자인 프로젝트 또는 디지털 콘텐츠를 위한 완벽한 이미지를 찾고자 하는 모든 사용자에게 이상적인 솔루션입니다.

그루비는 AI와 마케팅 솔루션 기술을 기반으로 이커머스 개인화 마케팅 솔루션을 제공하고 있습니다. 개인화 마케팅에 필요한 모든 기능을 제공하는 그루비의 기술력과 이용에 필요한 정보를 잠재 고객과 기존 고객에게 효과적으로 전달하는 것을 목표로 리뉴얼을 진행했습니다. 특히, 잠재 고객의 비지니스 문의 유도를 위한 기능 소개 페이지는 추후 늘어나는 서비스를 유사한 포맷으로 추가 할 수 있도록 컴포넌트를 개발하여 단정하지만 유연한 레이아웃을 구성할 수 있도록 개발하였습니다. 또한 콘텐츠 작업 시, 일러스트와 모션작업을 통해 그루비의 다양한 기능을 직관적으로 이해할 수 있도록 작업하여 비즈니스 문의 유도를 강화하였습니다.

클레이튼 재단 웹사이트는 오픈소스 퍼블릭 블록체인 클레이튼에 대한 소식과 지표, 개발자를 위한 리소스, 튜토리얼, 클레이튼 생태계의 프로젝트, Governance Council, 지원 프로그램, 로드맵, 커뮤니티 등 모든 정보 담아낸 허브사이트 입니다. 기존 사이트의 유아틱하고 장난스러운 브랜드 무드에서 벗어나 신뢰감있고 무게감 있는 분위기로 클레이튼 본연의 컨셉에 맞게 리디자인 되었습니다. 클레이튼의 모든 서브 사이트와의 연결, 요약 정보, 각종 콘텐츠들을 이어줌과 동시에 브랜드의 가치를 높혀주는 디자인과 퍼포먼스로 클레이튼 블록체인의 훌륭한 메인 게이트 역할을 수행합니다.

남자를 위한 모든 이야기를 담는 하이엔드 남성 패션 매거진 사이트 '맨 노블레스' 하이엔드 콘텐츠를 제공하는 매체사의 특성을 담아 `남성`, `매체사`, `광고` 3가지 핵심 요소를 심플하게 녹여내었습니다. 헤더 영역의 모션은 책자를 넘기는 동작을 의미하며 다양한 스토리가 시작되고 펼쳐지는 순간을 표현하였습니다. 심플하고 볼드한 폰트와 콘텐츠가 카테고리 구분 없이 다채롭게 노출 될 수 있는 배치를 통해 사용자가 콘텐츠를 탐색하는데 지루하지 않고 사이트 유입→탐색→공유의 과정이 매끄럽게 연결될 수 있도록 구성하였습니다. 또한, 썸네일의 자유도를 제공하면서 단순히 디자인적인 단조로움만 피하는 것이 아닌 사이트 운영의 자유도를 함께 제공하였습니다. 무엇보다 사용자가 사이트를 탐색하는 과정에서 노출되는 광고 소재가 이질적인 요소가 아닌 한 번쯤 궁금하고 눌러보고 싶은 `컨텐츠`처럼 보일 수 있는 구성과 디자인을 통해 맨 노블레스의 비즈니스모델과 사용자 UX를 매끄럽게 조화시켰습니다.

카카오엔터프라이즈는 오랜 시간 동안 축적된 AI 기술력과 서비스 경험을 제공하고, 비즈니스 파트너들과 함께 더 스마트한 일상을 만드는 국내 대표 IT 플랫폼 기업입니다. 이를 타겟한 유저에게 자연스러운 콘텐츠를 연계시켜 서비스와 기술의 간접 체험을 통해 기업과 비즈니스에 대한 연결고리를 형성합니다. 이러한 기업의 내부 시스템 관리 편의성을 위한 워드프레스 테마를 개발하였습니다. 운영되는 콘텐츠는 제한적이지 않으며 자유롭게 서빙이 가능한 컴포넌트와 블록 개발과 동시에 단정하고 규칙적인 레이아웃을 제공합니다. 또한 새롭게 추가된 고객사례 메뉴는 우리의 일상 속 스며드는 AI 기술력을 알림과 기업에서 제공하는 비즈니스에 대해 편안한 정보탐색의 여정을 돕고, 그 끝에는 카카오엔터프라이즈와 이어지는 역할이 되어 더 스마트하고, 더 편리한 라이프를 위한 소통이 계속됩니다.

'오티에르'는 ‘HAUTE’와 ‘TERRE’가 결합된 프랑스어로 고귀한 사람들이 사는 특별한 곳이라는 의미를 가지고 있는 포스코이앤씨의 하이엔드 브랜드입니다. 새로 런칭하는 브랜드의 아이덴티티를 담기 위해 '대담한 특권'이라는 키워드로 디자인 콘셉트를 잡고, 오티에르의 메세지와 가치를 전달 할 수 있는 카피라이팅에 집중했습니다. · 브랜드의 임팩트를 전달하고 기대감을 유도할 수 있는 인트로 삽입 · 직선의 빛으로 공간을 표현하며 시선을 끌고, 압도적인 웅장함을 표현한 메인비주얼영상 · 피아노 선율로 시작되는 설레임과 두근거림, 첼로가 주는 안정감과 웅장함을 주는 배경 사운드 · 원페이지 구성으로 브랜드 집중도를 높이고, 전달하고자 하는 메세지 노출 · 동적인 감각과 정적인 감각을 교차하며 리듬감을 줄 수 있는 인터랙티브한 화면 구성 · 볼드한 스타일의 오티에르 로고를 활용한 디자인 푸터, 3D모델링을 통해 입체적인 로고 표현 오티에르를 처음을 알리는 채널로써 하이엔드 브랜드 이미지가 잘 전달될 수 있도록 노력하였습니다.