hohofamily. Han Kyungae / Portfolio

웹·앱 디자이너 & 개발자 한경애

보는 즐거움,
쓰는 편안함.

웹사이트와 관리자 시스템, 모바일 앱까지.
디자인과 개발을 함께 완성합니다.

작업 둘러보기

웹 디자인 & 개발

Web works.

실제 서비스와 관리자 시스템을 개발합니다.
디자인부터 프론트엔드, 백엔드까지.

아이바이오사이언스 실제 웹사이트 메인 화면사이트 보기 ↗

사용자 사이트 + 관리자 시스템 개발

아이바이오사이언스

과학기자재 전문몰 구축

사용자 기능
상품 탐색, 장바구니, 주문, 견적 문의
관리자 기능
상품·카테고리, 주문·견적, 회원, 배너 관리
개발 범위
프론트엔드 · 백엔드 · 관리자 화면
  • Java 17
  • Spring Boot
  • Thymeleaf
  • Spring Security
  • JPA
  • MariaDB
  • JavaScript
  • Maven
ibioscience.co.kr ↗
바이온라이프사이언스 실제 웹사이트 메인 화면사이트 보기 ↗

사용자 사이트 + 관리자 시스템 개발

바이온라이프사이언스

기업 홈페이지 & 제품 카탈로그 구축

사용자 기능
기업 소개, 제품 검색, 브랜드, 자료실
관리자 기능
제품·브랜드, 사이트 콘텐츠 관리, 엑셀 업로드
개발 범위
프론트엔드 · 백엔드 · 관리자 화면
  • Java 17
  • Spring Boot
  • Thymeleaf
  • Spring Security
  • JPA
  • MariaDB
  • JavaScript
  • Maven
bionlifescience.com ↗

쇼핑몰 퍼블리싱 & 클론 코딩

온유 ONYU 스킨케어 콘셉트 쇼핑몰 메인 화면사이트 보기 ↗

온유 ONYU

스킨케어 쇼핑몰 리브랜딩 · 콘셉트 프로젝트

반응형 UI · 상품 검색·필터 · 옵션 선택 · 장바구니 / HTML, CSS, JavaScript

클론 코딩은 학습을 위한 재현 작업이며, 해당 브랜드의 공식 제작물이 아닙니다.

직접 눌러보는 인터랙션

Frontend playground.

작은 움직임으로 만드는 편안한 경험.
슬라이드부터 팝업까지, 화면에서 체험해 보세요.

장면을 넘기는 슬라이더

Slider

가벼운 산책의 시작

봄을 닮은
작은 여유.

Spring collection
1 / 3

화살표 버튼 · 키보드 ← → · 모바일 스와이프

누르면 응답하는 버튼

Micro interaction

작은 클릭에도, 확실한 피드백.

마음에 드는 순간을 담아보세요.

좋아요 토글 · 저장 중 상태 · 완료 피드백 (체험용)

내 취향을 담는 팝업

Modal dialog

나에게 맞는 컬러를 골라보세요.

설정 적용 · 취소 · Esc로 닫기 · 키보드 포커스 관리

원하는 작업만 빠르게

Search & filter
  • 웹과학기자재 쇼핑몰
  • 웹기업 제품 카탈로그
  • 앱KidsTracker 아이관리
  • 디자인배송정책 배너

4개의 작업

실시간 검색 · 카테고리 조합 · 검색 결과 없음 안내

컬렉션 설정

컬렉션에 어울리는 색을 선택해 주세요.

테마 컬러

이 페이지에서만 적용되는 체험용 설정입니다.

모바일 앱 개발

App works.

아이의 하루를 함께 관리하는 앱.

상세페이지

상품의 특징과 정보를 담은 상세페이지 작업입니다.

12개월의 꿀

상품 상세페이지 디자인

로얄킹

상품 상세페이지 디자인

리뷰 이벤트

이벤트 콘텐츠 디자인

브랜드 그래픽

패키지와 인쇄물에 담은 브랜드 디자인.

About me

디자인을 이해하고,
코드로 연결합니다.

안녕하세요. 웹 디자인과 개발을 함께하는 한경애입니다. 아이바이오사이언스와 바이온라이프사이언스의 사용자 사이트부터 관리자 시스템까지 직접 개발했습니다.

쇼핑몰과 기업 웹사이트를 만들고, 아이의 일상을 관리하는 모바일 앱 KidsTracker를 개발했습니다. 상세페이지·배너·패키지 디자인으로 브랜드의 다양한 접점도 연결합니다.

Design
Photoshop, Illustrator
웹 · 상세페이지 · 배너 · 패키지
Development
Java, Spring Boot, Thymeleaf
Spring Security, JPA, MariaDB
HTML, CSS, JavaScript, jQuery

작업 이미지