ABOUT ME
UX/UI 디자이너 & 개발자 장현미입니다.
profile
이름 _ 장현미
사는 곳 _ 서울시 동작구
eduation
홍익대학교 독문과 졸업
경희 사이버대학교 시각디자인 전공 (휴학중)
career
영어 번역가
상담사
WHAT CAN I DO?
CODING
WEB DESIGN
APP DESIGN
UX/UI
GRAPHIC
PORTFOLIO
01. 신세계 백화점 메인페이지 클론 코딩
-
실제 신세계백화점 공식 사이트를 참고하여, 구조·UI·인터랙션을 클론 코딩한 프로젝트입니다.
GSAP 애니메이션, Swiper Slider 등을 활용하여 고급 백화점의 화려하면서도 우아한 무드를 구현했습니다.
신세계 백화점 메인페이지 클론 코딩
프로젝트 결과 : 고급 백화점의 화려한 이미지를 구현하고 있는 사이트의 구조와 디자인을 분석하면서 실제 상용 사이트 수준의 구조 설계와 인터랙션 로직을 익혔습니다. 특히 GSAP 애니메이션 타이밍 조절과 반응형 대응을 통해 디자인 완성도를 높이는 경험을 했습니다.
포인트: 비디오 배너와 동적 텍스트 전환 효과 / 헤더 고정 및 스크롤 시 인터랙션 / GSAP 타임라인을 통한 자연스러운 섹션 트랜지션
기술 스택(Tech Stack): HTML5 / CSS6 / JavaScript / GSAP / Swiper / Responsive Design
02. 독서관리 앱 UGGBOOKS 기획 및 디자인
-
독서관리 APP UGGBOOKS를 기획부터 디자인과 프로토타입까지 완성했습니다.
독서가와 전문적인 학습자들을 위한 차별화된 독서관리 전문 APP입니다.
독서관리 앱 UGGBOOKS 디자인
확대 버튼을 눌러 앱을 실제 사용해 보세요!
개발 목표: 기존의 독서 플랫폼이나 일정관리앱과는 달리 개인화된 독서관리를 목표로하여 독서가들의 완독 니즈를 충족하고 연구자들의 체계적인 독서관리를 지원하는 솔루션
프로젝트 성과: 아이디어에서 출발하여 기획과 디자인 프로토타입에 이르는 과정을 1인 프로젝트로 진행하여 완성 및 마스터하였습니다. 또한경쟁 분석 및 로드맵 설정 비즈니스 기회 탐색까지 향후 실제 앱개발을 위한 토대를 만들었습니다.
기술 스택(Tech Stack):Figma/Photoshop/Illustartor/
03. 신라호텔 반응형 리디자인
신라 호텔 홈페이지의 아름답고 품위있는 디자인에 더하여 태블릿과 모바일에서도 동일하게 사용할 수 있는 3단계 반응형으로 리디자인했습니다.
신라호텔 반응형 리디자인
프로젝트 결과: Figma로 레이아웃을 설계한 후 코디아라는 자동화 툴을 이용하여 단시간에 HTML 및 CSS 코드로 전환하고 이후 JavaScript 등을 사용한 추가 작업을 통해 동적요소와 반응형을 더하는 방식을 사용했습니다. 디자인 완료 후 기본 코드 생성에 소요되는 시간 5분. 빠른 생성이 필요한 상업용 홍보페이지, 배너, 상세페이지 생산에 매우 적합합니다.
포인트: 효율적인 기본 레이아웃 생성 / 동적요소와 반응형도 완벽하게 적용 가능 / 자동화를 통해 디자인의 의도와 요소들을 손상 없이 그대로 반영 가능
기술 스택(Tech Stack): HTML5 / CSS6 / JavaScript / GSAP / Swiper / Responsive Designfabout
SKILLS
I'm Experienced In
HTML/CSS
90%
JavaScript
80%
FIGMA
90%
Adobe Tools
90%
CONTACT
-
Phone
010-3471-1172
-
E-Mail
nicolejang07@gmail.com