[01]E-commerce / Landing
Cherry Social Tonics
체리빛 레드와 그린, 핑크 파스텔로 제품 컬러를 그대로 무대 삼은 음료 커머스. 연령 게이트와 캐러셀, 손그림 일러스트로 경쾌한 첫인상을 만들었습니다.
연령 게이트캐러셀SVG 일러스트컬러 블록Next.js
Portfolio · Web Design Works
웹 디자인 작업물 (샘플)
각 업종별 감각적 디자인을 가미한 웹디자인 모음 입니다.
[02]SaaS / Product
Heron AI
황혼 워터프론트의 깊은 네이비와 앰버 포인트로 신뢰감과 온기를 함께 담은 B2B AI 사이트. 스크롤에 맞춰 천천히 열리는 모션으로 제품의 정교함을 전합니다.
GSAP스크롤 리빌패럴랙스SVG 씬다크 네이비
[03]SaaS / CRM
SalesHero
화이트 바탕에 라임 포인트, 파스텔 카드를 얹어 복잡한 CRM을 가볍고 친근하게 풀어낸 한국어 랜딩. 칸반 목업으로 기능을 한눈에 보여줍니다.
라임 포인트파스텔 카드칸반 목업한국어디자인 시스템
FERRON
설계가 맞는지,
숫자로 확인합니다.
[04]Engineering / B2B
FERRON Engineering
실사 위에 정밀 치수 주석을 겹쳐 '측정하고 설계하는 회사'의 성격을 시각화한 엔지니어링 사이트. 밝고 절제된 에디토리얼 레이아웃으로 전문성을 강조했습니다.
에디토리얼치수 주석 오버레이생성 사진밝은 톤한국어
TIDEMARK부산로테르담
[05]Logistics / B2B
TIDEMARK Logistics
히어로 아래 선적 추적 카드를 띄워 '내 화물이 지금 어디 있는지'를 첫 화면에서 보여주는 포워더 사이트. 거점 필터와 견적 폼으로 문의까지 한 흐름으로 잇습니다.
선적 추적 카드거점 필터견적 폼물류 블루한국어
KESTREL & CO.
필요한 곳에,
필요한 것을.
[06]Trading / Corporate
KESTREL & CO.
교역 경로를 순환하는 문구로 종합상사의 폭넓은 거래를 표현한 사이트. 슬래시로 나눈 헤딩 그리드와 사진으로 무게감 있는 기업 인상을 만듭니다.
교역 경로 티커슬래시 헤딩기업 사이트사진 중심한국어
GOSO구경하기[07]Food / D2C
GOSO 고소
고소한 참기름의 따뜻한 색감을 손그림 일러스트와 거대한 워드마크로 풀어낸 식품 브랜드 사이트. 체크무늬 버튼으로 식탁 위 정겨운 분위기를 더했습니다.
손그림 SVG거대 워드마크체크무늬 버튼식품 브랜드한국어
YEOWOL
[08]Fashion / Editorial
YEOWOL 여월
넓은 여백과 비대칭 사진 배치, 대문자 라벨만으로 옷의 결과 실루엣에 집중하게 한 패션 레이블 사이트. 목차형 메뉴로 잡지를 넘기는 듯한 흐름을 만들었습니다.
비대칭 그리드목차형 메뉴대문자 라벨에디토리얼사진 중심
의자를
고르는 법
[09]Furniture / Design
SOBAN 소반
사진 위로 겹쳐 올라온 큰 헤드라인과 4칸 제품 줄, 색면 기획 블록으로 가구를 하나의 오브제처럼 보여주는 디자인 사이트입니다.
겹침 헤드라인4칸 제품 줄색면 블록가구 디자인사진 중심
Seongbuk House
[10]Interior / Studio
GYEOL STUDIO 결
전면 사진 띠와 크림 카드 섹션이 번갈아 이어지는 리듬, 가장자리 세로 글자로 공간의 결과 여운을 담은 인테리어 스튜디오 사이트.
슬라이드 히어로세로 글자크림 카드4·5열 그리드사진 중심
옹이는 건축, 조경, 인테리어, 제품을 함께 설계합니다.
[11]Architecture / Studio
ONGI 옹이
좌측 라벨과 우측 내용의 2열 체계, 크기가 다른 사진 띠로 건축의 스케일감을 보여주는 설계 사무소 사이트. 큰 글씨 목록과 행사 표로 정보를 또렷하게 정리했습니다.
사진 띠 캐러셀2열 체계행사 표큰 글씨 목록건축
Train for the second half
상담 신청보내기
[12]Fitness / Health Club
HALFLINE 하프라인
세리프 히어로와 히어로에 걸친 상담 폼, 사진 카드 슬라이드, 지점 지도, 둥근 가입 배너로 고급스러움과 접근성을 함께 담은 프리미엄 헬스클럽 사이트.
세리프 히어로상담 폼지점 지도카드 슬라이드헬스클럽
한국 제조를
움직입니다.
12,486,20399.31%412
[13]Robotics / Smart Factory
KINETIK 키네틱
실시간 카운터와 번호 라벨 섹션, 4×2 솔루션 격자와 탭 전환으로 로봇 자동화의 정밀함을 데이터처럼 보여주는 스마트팩토리 사이트.
라이브 카운터솔루션 격자탭 전환번호 라벨스마트팩토리
ABCENGINEERING
설계에서 시공까지,
설비를 끝까지 책임집니다
[14]Engineering / Plant & Facilities
ABC 엔지니어링
밝은 톤과 깎은 모서리 프레임, 카드 격자로 정리한 설비 설계·시공 사이트. 히어로의 실제 현장 사진과 6개 사업 분야 구성으로 기술력을 바로 전달합니다.
깎은 모서리 프레임현장 사진 히어로사업 분야 6카드 격자플랜트·설비
산업단지 지붕부터 계통 연계까지,
태양광과 ESS를 처음부터 끝까지
[15]Energy / Solar EPC
HAEDAM 해담에너지
그라디언트 헤드라인과 아이콘 통계 띠, 기울어진 사진 패널로 에너지의 속도감을 표현한 태양광·ESS 시공 사이트. 실적 띠로 신뢰를 쌓습니다.
기울어진 패널그라디언트 헤드라인통계 띠실적 띠태양광·ESS