SEO 홈페이지 제작 찾으시나요?

SEO 홈페이지 제작 사례 모음

프로젝트

SANC

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

kakao 대표 홈페이지 UI/UX 개편

카카오 공동체와의 연결 사용자들에게 더욱 효과적인 서비스 소식을 알리기 위해 편리한 위젯 기능을 제공함으로써 첫 화면에서 다양한 소식을 손쉽게 확인할 수 있도록 구성하였습니다. 이를 통해 카카오의 다양한 서비스를 효과적으로 표현하고, 사용자 경험을 높이는데 집중하였습니다.
kakao 대표 홈페이지 UI/UX 개편
2024.01.15
프로젝트

퓨리토 서울

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

JMCOFFEE

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

Oksuro

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

MEDONGAULE

메덩골정원은 니체의 철학을 모티브로 삼아 한국 전통 정원의 아름다움과 근대 역사의 이야기를 담아낸 특별한 정원입니다. 이곳에서는 자연과 사유가 하나 되는 경험을 통해 일상의 고요와 깨달음을 발견할 수 있습니다. 메덩골정원의 조성에는 세계적인 건축가, 조경가, 서예가 등 각 분야의 전문가들이 참여하여, 정원의 모든 요소에 정성을 쏟아 완성도를 높였습니다. 전통과 현대가 어우러진 공간, 자연과 철학이 만나는 독특한 분위기는 이들의 열정과 노력이 만들어낸 결과물입니다. 이 정원의 특별한 감성과 이야기를 생생히 전달하기 위해, 웹사이트는 인트로 효과와 비주얼 영상을 활용해 방문객들이 마치 정원을 탐험하는 듯한 경험을 제공합니다. 서브 페이지에서는 간결한 구성을 통해 방문객들이 정원에 대한 정보를 쉽고 빠르게 탐색할 수 있도록 설계되었으며, 철학적인 깊이를 어렵게 전달하기보다는 이미지와 영상을 통해 자연스럽게 호기심을 자극하도록 구성되었습니다. 메덩골정원과 그곳에 담긴 전문가들의 열정을 지금 웹사이트에서 만나보세요. 자연, 역사, 철학이 하나로 어우러진 특별한 여정이 당신을 기다립니다.
MEDONGAULE
2025.01.09
프로젝트

LIFE PLUS

고객의 일상의 특별함의 더하는 동반자 LIFEPLUS. LIFEPLUS는 한화 금융 계열사의 공동 마케팅 브랜드로 공통된 브랜드 가치를 고객에게 전달하는 것을 목표로 합니다. 이를 위해 다양한 서비스와 활동들을 브랜드 메시지와 맥락을 같이 할 수 있도록 페이지 흐름을 연결하고 추상적으로 다가올 수 있는 브랜드 심상을(동반자, 기술) 이미지와 선(Line) 요소를 활용하여 사이트 전반에 효과적으로 나타날 수 있도록 구성하였습니다. 또한, 스크롤 기반 모션 효과를 활용하여 이미지와 메시지를 적절한 타이밍에 등장시킴으로써 사용자에게는 지루하지 않는 콘텐츠 탐색 경험을 제공함과 동시에 브랜드 메시지를 효과적으로 전달될 수 있게 구현하였습니다.
LIFE PLUS
2024.04.04
프로젝트

서울신문

대한민국에서 가장 오랜 역사를 가진 서울신문이 창간 120주년을 맞아 독자친화적인 사이트로 리뉴얼하였습니다. 스튜디오 제이티는 뉴스 매체의 특성과 브랜드에 대한 이해와 접근으로 서울신문의 새로운 시작을 함께 디자인하였습니다. 일반적인 신문사의 레이아웃 틀에서 벗어나 매거진 형태의 자유롭고 세련된 획일화되지 않는 다양함을 추구하였고, 와이드하고 자유로운 레이아웃을 사용해 세련된 느낌을 주었습니다. 어퍼스트로피 형태의 로고 심볼의 라운드를 썸네일 및 섹션에 활용하여 일관성있는 아이텐티티를 유지할 수 있도록 하였고, 고유 색상인 오렌지 컬러와 깊이 있는 선명한 흑백 컬러가 대비되어 서울신문의 브랜드를 더 돋보이게 합니다. 다양하고 유연하게 콘텐츠 및 기능을 UI/UX하여 PC와 MO의 주요 페이지 작업물을 통해 전체 디자인 개발 작업이 진행될 수 있도록 디자인 가이드를 제공하였습니다.
서울신문
2024.10.04
프로젝트

MEN NOBLESSE

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

카카오엔터프라이즈

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

비스테이지

팬덤 비즈니스를 새로운 차원으로 이끌 맞춤형 올인원 솔루션, b.stage는 이번 리뉴얼을 통해 플랫폼의 이해와 제품 컨셉에 대해, 사용자가 이해하기 쉬운 스토리 구성과 실제 서비스화면을 이용해 소개합니다. Sass 기반의 글로벌 팬덤 플랫폼을 제공하고, 원하는 서비스와 필요한 기능을 조합하여 사용한다는 맞춤형 Bespoke라는 브랜드 컨셉에 부합되는 디자인 작업에 초점을 두었습니다. 브랜드가 지향하는 연결과 관계를 디자인 하기 위해, 아이덴티티 컬러와 쉐이프를 믹스&매치하고, 인터랙티브한 모션을 활용하여 b.stage가 지향하는 소통하는 팬덤 비즈니스를 표현하였습니다. 나만의 공간에서 팬과 만나 소통하고 참여하는 플랫폼의 특성은 친밀하고 친근하게 다가갈 수 있도록 friendly하고 colorful한 컨셉으로, 볼드한 타이포와 컨셉 이미지&영상을 사용했고, 실제 제품 스크린의 활용예시를 모션과 함께 표현하여 사용자의 이해를 돕도록 디자인하였습니다.
비스테이지
2023.05.11
프로젝트

꼬띠샵

꼬띠샵은 반려동물을 위한 프리미엄 애완용품 브랜드입니다. 반려동물에게 줄 수 있는 최고의 선물은 반려인과 함께하는 시간이며, 그 시간을 더욱 가치있게 만들어 주는 고품질의 제품을 제공하고자 탄생하였습니다. 펫소시크, 맥스본, 밀크앤페퍼 각각의 브랜드와 개성을 유지하면서 꼬띠샵만의 브랜드 아이덴티티를 구축하는 것이 가장 큰 목표였습니다. 또한, 꼬띠샵의 꼬띠 캐릭터를 활용하여 페이지 전환모션, 마우스오버 효과, 탑버튼과 같이 다양한 요소에 배치함으로써 사이트를 전반적으로 위트있고 재미나게 표현하였습니다.
꼬띠샵
2021.09.02
프로젝트

공간기록

공간에 대한 물음을 통해 답을 찾아가고 그 과정을 기록한다는 뜻을 지닌 공간기록은 개인 주거공간을 전문으로 건축하는 회사입니다. 공간기록 로고에서 느껴지는 라인과 여백을 활용하여 디자인된 공간기록 사이트는 절제되고 여유 있으며, 디테일이 돋보이는 사이트로 재탄생하였습니다. 레퍼런스 페이지인 CASES 상세는 단순하지만 리듬감이 있고 사용자가 온전히 정보에 집중 할 수 있게 해주며, 건축물 사진들과도 잘 조화되어 표현되었습니다.
공간기록
2022.02.04
프로젝트

동일건축

사람과 공간을 연계하는 설계, 혁신적인 디자인과 축적된 기술을 바탕으로 건축, 그 이상의 가치를 만들어내는 동일건축이 사이트를 새롭게 리뉴얼 하였습니다. 기존의 정적이고 수직적 분위기의 사이트에서 탈피하여, 건축회사의 전문성과 크리에티브한 아이덴티티를 노출할 수 있도록 디자인을 진행하였습니다. 동일건축이 실력 있는 구성원들과 함께 고민하는 과정과 그 가치를 담은 결과물들을 사용자가 쉽게 탐색할 수 있도록 연관 프로젝트/포스트 추천 영역, 태그 기능 구축을 통해 사이트 내 정보탐색 경험을 강화하였습니다.
동일건축
2021.07.23
프로젝트

나스미디어 웹사이트 제작

2020년 3월 13일 창립 20주년을 맞이하여 나스미디어 웹사이트를 새롭게 리뉴얼하였다. 리뉴얼된 나스미디어 웹사이트는 국내 최대 미디어 렙사로서의 아이덴티티 강화를 위해 브랜드 컬러와 비전(No. 1 Digital Media Lab)을 활용하여 제작되었다. 나스미디어의 메인은 사용자 편의성과 새로운 경험을 위해 일반적인 Hiearachy 구조를 탈피하여 직관적이고 손쉽게 서브 페이지에 접근할 수 있는 구조로 제작하여 타사와 차별화된 UI를 제공하였다. 또한, 효과적인 UX를 위해 다소 복잡하고 어렵게 느껴지는 광고문의 절차를 간소화하여 One Page 방식으로 제작하여 직관적이고 손쉽게 광고 문의를 할 수 있는 사용자 경험을 제공하였다. 전반적으로 타이포그래피와 브랜드 아이덴티티 컬러를 사용한 디자인을 통해 나스미디어만의 컴팩트한 UI 구현하였다. 자연스러운 모션 스크립트를 다양한 부분에 적용함으로써 콘텐츠 관심도 및 몰입감을 높였다.
나스미디어 웹사이트 제작
2020.03.16
프로젝트

브로앤팁스 반응형웹 제작 사례

아모레퍼시픽이 20년만에 선보인 남성 화장품 브랜드 브로앤팁스는 건성, 지성, 민감성 등 피부타입에 맞춘 올인원 제품으로 남성들의 귀차니즘을 한방에 해결하고 위트 넘치는 콘텐츠와 유용한 팁으로 새로운 문화를 만들어가는 사이트 입니다. 브로앤팁스만의 독특하고 자유로운 분위기와 개성 넘치는 제품 상세페이지가 잘 표현되어 있습니다. 브로앤팁스는 웹어워드코리아 2019 화장품분야 대상, 앤어워드 2019 BEAUTY분야 WINNER를 수상했습니다. 2020년 레드닷 디자인 어워드 'best of the best' 수상
브로앤팁스 반응형웹 제작 사례
2019.05.01
프로젝트

WE DISPLAY

WE DISPLAY
2023.04.26
프로젝트

풍림무약

풍림무약 주식회사는 고부가가치 원료를 국내에 유통하는 무역사업부와 R&D센터 운영 및 천연물, 완제의약품, 신의약 등을 생산하는 제약사업부로 이루어져 있습니다. 하나의 사업부에 무게감을 주지 않고 두 사업부 모두 균등하게 표현하고자 노력하였으며, 방문자들이 각 사업부에 대한 이해가 쉽도록 관련 이미지와 아이콘 제작에 힘썼습니다. 또한 풍림무약에서 취급하는 다양한 제품을 빠르게 검색할 수 있도록 통합 검색기능을 구축하였으며, SEO(검색엔진최적화)작업을 통해 특정 원료/제품 구매를 희망하는 고객들에게 구글 검색 시 검색결과에 더욱 잘 노출되도록 유도하였습니다.
풍림무약
2022.05.20
프로젝트

스페이스로그

스페이스로그는 공간기록에서 새롭게 런칭한 인테리어 전문 브랜드로 "정제되고 기본에 충실한 디자인을 통해 고객의 일상을 기록하고 무한한 가능성의 공간으로 채워나간다"는 철학을 가지고 있습니다. 점과 선, 면이라는 기본적인 모티프 요소를 브랜드아이덴티티로 활용하여 사이트 곳곳에 녹여내고 방문자가 스페이스로그의 디자인과 감성에 공감할 수 있도록 디자인하였습니다.
스페이스로그
2022.05.23
프로젝트

카페 24 닷컴 워드프레스 홈페이지 제작 사례

전자상거래플랫폼 기업인 카페24닷컴이 전자상거래를 통한 수출선도 강화를 위해서 홈페이지 전면 개편을 단행했습니다. 기존 웹호스팅 중심의 브랜드 이미지를 탈피하기 위해 새로운 브랜드 아키텍처와 함께 E-commerce Ecosystem 기반의 글로벌 전자상거래 플랫폼 기업 이미지 강화를 목적으로 개편되었습니다. 또한, 운영 편의성을 위해 콘텐츠관리시스템(CMS)인 워드프레스로 구축했으며, 맞춤형 콤포넌트를 개발해서 운영자 변화에도 영향이 없도록 페이지 추가 시, 디자인 아이덴티티의 일관성 또한 유지할 수 있도록 기능 구현되었습니다. 그리고 다국어 확장성 강화를 위해 멀티사이트 기반으로 구축, 언어별 운영자의 별도 콘텐츠 관리 및 통합 관리자 기능을 구분해서 내부 운영의 효율성을 극대화시켰습니다.
카페 24 닷컴 워드프레스 홈페이지 제작 사례
2020.12.03
프로젝트

잇츠한불 웹디자인 사례

잇츠한불은 잇츠스킨과 한불화장품이 합병한 화장품 회사입니다. 올해 창립 30주년을 맞은 잇츠한불은 기존 비즈니스 모델을 개선해 나가며 기존 홈페이지가 갖고 있었던 연구소 이미지를 변화하고자 하였습니다. 하여, 새롭게 리뉴얼된 홈페이지에서는 잇츠한불의 다양한 이미지를 보여줄 수 있도록 구축했습니다. 잇츠한불 대표홈페이지는 웹어워드코리아 2019 제조분야 대상, 앤어워드 2019 WINNER를 수상했습니다.
잇츠한불 웹디자인 사례
2019.09.20
프로젝트

홋카이도 마이크로바이옴센터

LG생활건강의 글로벌 자연발효연구가 새롭게 시작되는 곳, 홋카이도 마이크로바이옴 센터의 공간을 온라인으로 관람합니다. 웹사이트는 크게 센터에 대한 소개와 함께 자연발효연구에 대해 이야기하고 있습니다. 일본이라는 지리적 특성과 센터라는 공간적 특수성을 온라인 공간으로 구조화해 차분하고 정중하게 안내합니다. 마이크로바이옴 센터의 공간을 디자인하고, 전시 공간의 콘텐츠를 통해 충분한 이해로 센터의 설립목적과 앞으로 나아갈 방향에 대해 전달되도록 하는 것에 초점을 두었습니다.
홋카이도 마이크로바이옴센터
2022.06.20
프로젝트

천부교 반응형웹 제작 사례

디자인과 메뉴체계를 개편해 소통을 강화하고, 반응형 웹 등 최신 IT기술을 도입해 스마트폰, 태블릿PC 등을 통해 교인부터 일반인들까지 천부교에 쉽게 접근하고, 천부교에 대한 긍정적이고 정확한 정보를 알릴 수 있도록 함을 목적으로 제작했습니다. 천부교 홈페이지는 웹어워드코리아 2018 종교분야 대상, 앤어워드 2018 GRAND PRIX를 수상했습니다.
천부교 반응형웹 제작 사례
2018.10.24
프로젝트

유앤그린 여성한의원 웹사이트 리뉴얼

여성특화 한의클리닉인 유앤그린여성한의원 리뉴얼 사이트는 콘텐츠를 중점적으로 보여주기 위해 불필요한 디자인 요소는 최대한 배제하였으며, 사용자를 고려한 UI개선 및 디자인 강화에 목적을 두었습니다. 진료에 대해 조금 더 쉽게 이해할 수 있도록 맞춤형 일러스트를 활용하였으며, 건강한 여성, 행복한 가정이라는 유앤그린한의원의 슬로건을 반영하여 전체적으로 편안하고 밝은 느낌을 표현하고자 하였습니다. 유앤그린여성한의원은 앤어워드 2018 HEALTH AND MEDICAL분야 WINNER를 수상했습니다.
유앤그린 여성한의원 웹사이트 리뉴얼
2018.12.14
프로젝트

LG챌린저스 캐릭터 디자인 & 연간운영

새롭게 제작된 LG챌린저스 캐릭터는 LG의 대학생 프로그램 아이덴티티와 LG챌린저스의 고유컬러를 반영하여 도전과 혁신을 망설이지 않는 역동적인 캐릭터로 제작이 되었습니다.
LG챌린저스 캐릭터 디자인 & 연간운영
2016.01.10
프로젝트

대한동방 반응형웹 제작 사례

부직포롤, 브러쉬롤, 세라믹롤, 산업기계, 단열제 제조 등 그외 기타 특수목적용 기계 제조업체인 대한동방 주식회사의 리뉴얼 사이트는 기업이미지와 새로운 미션 및 비전이 잘 반영된 정보설계 및 구성, UI개선 및 디자인을 강화하는데 목적을 두었습니다. 모바일에서도 동일한 정보를 확인할 수 있도록 반응형으로 개발하여 사용자관점에서 접근이 수월하도록 하였으며, 이용자들이 쉽고 빠르게 원하는 제품을 구매 할 수 있도록 검색기능을 개선하고 다양한 편의기능을 추가 하였습니다.
대한동방 반응형웹 제작 사례
2019.08.22
프로젝트

한빛 치과 반응형 병원 홈페이지 제작 사례

한빛차과는 치과 전문진료 기관으로서, 치과뿐만 아니라 갤러리를 운영하여 치과의 전문성과 더불어 의원을 방문하는 환자의 문화생활까지 고려한 일반적인 치과와는 차별화된 서비스를 제공하고 있습니다. 기존 사이트에서 제공하지 못했던 한빛치과의 아이덴티티를 재정의하고 온/오프라인을 방문하는 기존 사용자와 잠재적 사용자의 Needs를 반영한 한빛치과만의 서비스와 문화가 부각될수 있도록 웹사이트를 구축하는 것이 프로젝트의 방향이었습니다.
한빛 치과 반응형 병원 홈페이지 제작 사례
2017.04.03
primary mask
secondary mask
Loading 패러글라이딩 로딩중 패러글라이딩 로딩완료
Loading 발레 로딩중 발레 로딩완료
Loading 슈퍼맨 로딩중 슈퍼맨 로딩완료
Loading 캐논맨 로딩중 맨 로딩완료 캐논 로딩완료