단순한 정보 제공을 넘어서 아이들이 직접 자신의 그림을 업로드하고 AI 및 아티스트와 소통할 수 있는 창의적인 플랫폼을 구현
Client
아이프칠드런
Period
2개월
Tech stack
hostinger | Wordpress | PHP | JS
Project Overview
아이프 칠드런(AIF Children)은 아이들을 위한 AI 기반 아트 멘토링 프로그램을 홍보하는 홈페이지로, 단순한 정보 제공을 넘어서 아이들이 직접 자신의 그림을 업로드하고 AI 및 아티스트와 소통할 수 있는 창의적인 플랫폼을 구현하였습니다. 특히, AI 기반의 대화형 아트 해석 시스템을 통해 아이들이 예술을 보다 깊이 이해하고, 창의성을 확장할 수 있도록 설계되었습니다.
Design Overview
어린이 대상 플랫폼이므로, 복잡한 조작과 설명없이 직관적인 인터페이스를 제공하는데 노력했습니다. 아이콘 중심의 내비게이션과 컬러풀한 디자인으로 눈이 재밌는 UI를 만드는 것을 목표로 설계되었습니다.
Color Palette
Artwork Upload and AI Analysis System
그림 업로드 및 AI 분석 시스템
어린이 유저들이 자신의 그림을 AI를 통해 멘토링 받은 후에 작품을 업로드하여 자랑할 수 있는 커뮤니티 페이지를 구현하였습니다. 아울러 26명의 아티스트의 시선을 반영한 AI 기반으로 작품을 해석하고 제공합니다.
Client
사이버메드
Period
2개월
Tech stack
hostinger | Wordpress | PHP | JS
Project Overview
사이버메드는 AI 기술을 접목한 치과 의료기기 제품을 개발, 제조 및 납품하는 선도적인 기업으로, 치과 및 의료 이미징 소프트웨어 솔루션을 제공하는 글로벌 브랜드입니다. 이번 웹사이트 프로젝트에서는 의료 전문성과 기술력을 강조하며, 직관적인 사용자 경험(UX)과 기능적인 요소를 극대화하는 방향으로 개발을 진행하였습니다.
Design Overview
B2B 고객을 고려한 직관적인 정보 배치를 중점으로 첨단 의료기술을 반영한 미래지향적 디자인에 초점을 두었습니다. 블랙&화이트의 모던한 컬러 팔레트를 활용하여 가독성을 높이고 제품을 설명하는 서브페이지에서 비주얼적으로 표현하는 인터렉티브 요소를 적용하였습니다.
Color Palette
Medical Archive x Keycloak
키클록을 활용한 의료인 전용 아카이브 구현
의료 전문가들에게 연구 자료, 제품 매뉴얼, 임상 데이터 등을 안전하게 제공할 수 있는 의료인 전용 아카이브(Archive)를 구축하고자 하였습니다. 이를 위해 Keycloak을 활용한 인증 및 접근 제어 시스템을 도입하여, 의료 전문가만 안전하게 자료에 접근할 수 있도록 구현하였습니다.
단순한 정보 제공을 넘어서 아이들이 직접 자신의 그림을 업로드하고 AI 및 아티스트와 소통할 수 있는 창의적인 플랫폼을 구현
Client
주식회사 크린텍
Period
3개월
Tech stack
VULTR | PHP | MYSQL | FIGMA
Project Overview
크린텍은 청소기기 렌탈 및 판매를 전문으로 하는 기업답게, 홈페이지 디자인에서 '청결함'과 '투명성'을 핵심 가치로 표현하고자 하였습니다. 이를 위해 충분한 여백을 활용해 시각적 부담을 줄이고, 차분하면서도 현대적인 컬러 팔레트를 세심하게 선정하여 고급스럽고 정제된 브랜드 이미지를 구현했습니다.
CRM Integration
관리자 백오피스와 세일즈포스 CRM 시스템을 연동하여, 제품 정보 업데이트, 고객 응대, 판매 데이터 관리 등이 효율적으로 이루어지도록 지원하였습니다.
Color Palette
Product Comparison Feature Implementation
제품 비교 기능 구현
고객이 여러 제품의 스펙과 성능을 직관적으로 비교할 수 있는 인터랙티브 비교 도구를 개발하여 구매 결정에 도움을 주었습니다.
Free Demo Request and Automated SMS Dispatch
무료 시연 신청 후 자동 SMS 발송 과정을 시각적 요소로 안내하여, 고객이 신청 상태를 명확히 인지할 수 있도록 디자인하였습니다.
Client
아카이브 모션
Period
2개월
Tech stack
Figma | HTML5 | CSS3 | JS
Project Overview
아카이브 모션은 프리미엄 텍스타일과 지속가능 원단을 개발하는 브랜드입니다. 이번 웹사이트 프로젝트에서는 브랜드의 전문성과 세련된 아이덴티티를 직관적으로 전달하고, 다양한 원단 컬렉션과 쇼룸 경험을 온라인에서 탐색할 수 있도록 설계했습니다. 미니멀하고 정제된 UI/UX를 적용하여 디자이너와 바이어가 언제 어디서나 쉽게 접근할 수 있는 플랫폼을 구현했습니다.
Design Overview
브랜드의 프리미엄 텍스타일과 세련된 아이덴티티를 강조하기 위해 미니멀하고 정제된 UI/UX를 적용했습니다. 컬렉션과 쇼룸 중심의 시각적 구조, 직관적인 정보 배치, 작은 인터랙션을 통해 디자이너와 B2B 고객이 원단과 소재를 쉽게 탐색할 수 있는 경험을 제공합니다.
Search Engine Optimization
SEO 최적화 및 GA 셋업
검색엔진 친화적인 HTML 구조 설계, 메타태그 최적화, XML 사이트맵 및 Robots.txt 설정, 워드프레스 기반 올인원 SEO 셋업을 통해 포털 사이트 상단 노출에 중점을 두었습니다.
