본문 바로가기

이창곤 — 웹퍼블리셔 · 프론트엔드 개발자 포트폴리오.

이창곤 — Web Publisher & Front-end
GDWEB Winner × 2 · Web Accessibility

긍정적인 마인드와 웹에 대한 다양한 경험으로 사용자에게 다이나믹한 웹 경험을 선사하고 싶습니다.

2026.01 — 2026.03Corporate / Next.jsGDWEB WINNER

와커스코리아 홈페이지

기업·병원 홈페이지 제작 에이전시 와커스의 자사 홈페이지

  • Next.js
  • React
  • Swiper
Visit site (새 창)

Motion Demo(새 창)
  • 2026Character / Rigged35.8K tris · 363KB

    Character — 인물 모델

    관절 41개짜리 뼈대가 든 인물 모델을 웹용으로 최적화해 브라우저에서 실시간 렌더

    • Tripo
    • gltf-transform
    • three.js
    • React Three Fiber

    Original 4.87MBWeb 363KB

  • 2026Sculpture / Monument198.3K tris · 1.41MB

    Warrior Statue

    198만 폴리곤에 4K 텍스처 3장이 든 동상 모델을 단순화·WebP 변환해 원본 대비 2% 용량으로 렌더

    • Tripo
    • gltf-transform
    • three.js

    Original 65.3MBWeb 1.41MB

  • 2026Vehicle / Sedan51.3K tris · 906KB

    Avante CN7 — 자동차 모델

    현대 아반떼(CN7) 모델. 자글자글하던 고밀도 생성 모델을 쿼드 토폴로지로 다시 뽑아 판넬을 매끈하게 정리하고, 실내가 그려져 깨져 보이던 창을 Blender로 유리 재질 처리한 뒤 meshopt·WebP 압축으로 원본 대비 15% 용량으로 렌더

    • Tripo
    • Blender
    • gltf-transform
    • three.js

    Original 5.89MBWeb 906KB

  • 2026Character / Animal193.5K tris · 1.14MB

    강아지 캐릭터

    193만 폴리곤에 4K 텍스처 3장이 든 캐릭터 모델을 단순화·WebP 변환해 원본 대비 2% 용량으로 렌더

    • Tripo
    • gltf-transform
    • three.js

    Original 60MBWeb 1.14MB

  • 2026Character / Animal198.9K tris · 1.28MB

    토끼 캐릭터

    199만 폴리곤에 4K 텍스처 3장이 든 캐릭터 모델을 단순화·WebP 변환해 원본 대비 2% 용량으로 렌더

    • Tripo
    • gltf-transform
    • three.js

    Original 64.2MBWeb 1.28MB

  • 2026Logo / Hard Surface196.7K tris · 1.55MB

    Eye Clinic 로고 오브젝트

    200만 폴리곤의 크롬 로고를 단순화·텍스처 압축해 원본 대비 2% 용량으로 렌더

    • Tripo
    • Blender
    • gltf-transform
    • three.js

    Original 66.8MBWeb 1.55MB

2026Character / Rigged35.8K tris · 363KB

Character — 인물 모델

관절 41개짜리 뼈대가 든 인물 모델을 웹용으로 최적화해 브라우저에서 실시간 렌더

  • Tripo
  • gltf-transform
  • three.js
  • React Three Fiber

Original 4.87MBWeb 363KB


어제보다 나은 오늘을 위해

전시회·쇼핑몰·기업 사이트에서 시작해 시청·도서관 등 공공기관, 대기업 에이전시 프로젝트를 거쳐 지금은 Next.js 기반 병원·브랜드 사이트를 만들고 있습니다. 웹표준·웹접근성 인증 경험 위에 인터랙션과 프론트엔드를 더해, GDWEB WINNER PRIZE를 두 차례 받은 프로젝트에 참여했습니다.

Experience

  • 2026.01.12 — NOW와커스팀장
  • 2024.09 — 2025.05큐브에이UI팀 책임
  • 2021.03 — 2024.04제이넷UI/UX팀 대리
  • 2020.07 — 2020.12위사UX그룹 대리
  • 2020.01 — 2020.06디자인주식회사IT팀 대리
  • 2018.11 — 2020.01아임스인터내셔널시스템관리부 사원
소개 자세히 보기

Tech Stack

  • Core
  • Motion & UI
  • Front-end
  • Tools
  • HTML5
  • CSS3
  • SCSS
  • JavaScript
  • jQuery
  • Web Accessibility
  • SEO
  • GSAP
  • ScrollTrigger
  • Lenis
  • Swiper
  • AOS
  • FullPage.js
  • three.js
  • Canvas
  • Next.js
  • React
  • TypeScript
  • next-intl
  • React Router
  • styled-components
  • REST API
  • Prisma
  • PostgreSQL
  • Capacitor
  • PWA
  • WebApp
  • Git
  • SVN
  • Webpack
  • Figma
  • WordPress
  • AI(ChatGPT)
  • Claude Code
  • Storybook
  • Prettier
  • Blender
  • Redmine
  • Mattermost
  • Notion
  • GA4
  • AWS

  • 2026Clinic / Refactoring
  • 2026Clinic / Build
  • 2026Clinic / Build
  • 2026Clinic / Next.js
  • 2026Brand / Build
  • 2026Clinic / Web · App
  • 2026Brand / Interactive
  • 2026Clinic / Multilingual
  • 2026Corporate / Next.js
  • 2026Clinic / Renewal
  • 2026Clinic / Build
  • 2026Corporate / Global
  • 2025Adaptive / Build
  • 2025Responsive / Renewal
프로젝트 페이지

새로운 프로젝트나 협업 제안은 언제든 환영합니다.

ckdrhs50@gmail.com