#웹디자인
← View all tags-
한컴AI 웹사이트 해부: GSAP과 Swiper로 만든 기업형 풀스크린 인터랙션
한컴AI(ai.hancom.com)의 디자인 시스템, 기술 스택, UX 패턴을 심층 분석합니다. Vanilla JS + GSAP + Swiper 조합의 풀스크린 스크롤 전략부터 다국어 대응, 다크 테마 브랜딩까지.
-
[웹사이트 분석] 두산로보틱스 홈페이지 UX/UI 디자인 및 기술 스택 해부
기업용(B2B) 로봇 솔루션을 제공하는 두산로보틱스(doosanrobotics.com) 웹사이트의 디자인 시스템, UX 패턴, 그리고 레거시 기술 스택(jQuery, Swiper, Lenis 등)을 심층 분석합니다.
-
DRAFT.X 웹사이트 해부: Framer 기반 하이엔드 에이전시 웹 패턴 분석
DRAFT.X(드래프트엑스)의 디자인 시스템, 기술 스택, UX 패턴을 심층 분석합니다. 프레이머 기반의 No-code 아키텍처와 시각적 퍼포먼스의 트레이드오프를 확인하세요.
-
카카오뱅크 answer 블로그 해부: Next.js App Router + GSAP으로 만든 금융 콘텐츠 플랫폼
카카오뱅크 공식 블로그 answer(blog.kakaobank.com)의 디자인 시스템, 기술 스택, UX 패턴을 심층 분석합니다. Next.js App Router 기반 SSR, Pretendard Variable 폰트, GSAP 텍스트 애니메이션, 다크모드까지.
-
Nudge 웹사이트 해부: AI 쇼핑 시대의 SaaS 랜딩 페이지는 이렇게 만든다
AI 검색 최적화 플랫폼 Nudge(nudgenow.com)의 디자인 시스템, 기술 스택, UX 패턴을 심층 분석합니다. Framer 기반 SaaS 랜딩 페이지의 퍼플 그라데이션 전략부터 전환 퍼널 설계까지.
-
함께하는 사랑밭 웹사이트 해부: jQuery 기반 NGO 사이트의 감성 UX 전략
함께하는 사랑밭(withgo.or.kr)의 디자인 시스템, 기술 스택, UX 패턴을 심층 분석합니다. jQuery + Slick + AOS로 구현한 기부 전환 퍼널과 감성적 스토리텔링 레이아웃까지.