작업 웹디자인
daesin.online 개편
포트폴리오 사이트를 이전 판에서 지금 판으로 다시 만든 전후입니다.
목적
맡길 수 있는 일, 작업, 가격, 문의를 처음 온 사람이 순서대로 찾게 하는 것.
해결한 문제
이전 판은 어두운 바탕에 큰 휴대폰 그림이 첫 화면의 절반을 차지했습니다. 하는 일과 가격을 더 빨리 찾게 구성을 다시 짰습니다.
기능
- 첫 화면, 작업, 서비스와 가격, 문의를 같은 창 크기로 전후 비교.
- 글꼴은 쓰는 글자만 남겨 가볍게.
- 움직임 줄이기 설정을 지킵니다.
화면 방향
먹색 바탕에 매듭 그림 하나. 문장은 짧게.
사용 기술
- HTML, CSS, JavaScript (esbuild)
- 페이지 전체
- GSAP ScrollTrigger
- 스크롤 장면
- three.js
- 첫 화면 그림
- Python
- 글꼴 줄이기 빌드 도구
결과
2026년 10월 17일에 지금 판으로 바꿨습니다.