#프론트엔드
← 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 아키텍처와 시각적 퍼포먼스의 트레이드오프를 확인하세요.
-
핸들리(Handly) 웹사이트 해부: 노코드 빌더로 만든 B2B SaaS 랜딩의 한계와 가능성
핸들리(Handly)의 디자인 시스템, 기술 스택, UX 패턴을 심층 분석합니다. imweb 노코드 플랫폼 위에서 B2B SaaS 랜딩을 어떻게 구현했는지, 그리고 어떤 트레이드오프가 존재하는지 살펴봅니다.
-
카카오뱅크 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 랜딩 페이지의 퍼플 그라데이션 전략부터 전환 퍼널 설계까지.
-
RightBrain(라이트브레인) 웹사이트 해부: WordPress + Slider Revolution으로 완성한 UX 에이전시의 자기표현
대한민국 대표 UX 컨설팅 에이전시 라이트브레인(rightbrain.co.kr)의 디자인 시스템, 기술 스택, UX 패턴을 심층 분석합니다. BeTheme + Slider Revolution 6의 풀스크린 시네마틱 히어로, 커스텀 폰트 시스템, 포트폴리오 중심 정보 설계까지.
-
Spring MVC 게시판 만들기 5편: 페이징과 검색 기능 UI 구현하기
JSP와 JSTL로 게시판 목록 화면을 만들고, Bootstrap 페이지네이션과 JavaScript 이벤트 처리로 검색 조건을 유지하는 방법을 알아봅니다.
-
함께하는 사랑밭 웹사이트 해부: jQuery 기반 NGO 사이트의 감성 UX 전략
함께하는 사랑밭(withgo.or.kr)의 디자인 시스템, 기술 스택, UX 패턴을 심층 분석합니다. jQuery + Slick + AOS로 구현한 기부 전환 퍼널과 감성적 스토리텔링 레이아웃까지.