about me

Portfolio

Portfolio
for
Youngjae Heo's
scroll

안녕하세요.
허영재의 포트폴리오입니다.

Hi

안녕하세요 프론트엔드 개발자를 꿈꾸고 그를 향해 노력하고 있는 97년생 허영재입니다.
항상 겸손한 자세로 임하겠습니다.

address

ID: bicory

status

HTML5

CSS3

Javascript

jQuery

Photoshop

web design

WEB

-
1. HUF

HUF라는 브랜드의 홈 페이지를 재구성 하였습니다.
html과 css를 활용하여 제작한 페이지로,
좌측의 2뎁스 메뉴와 우측 하단의 사이드 메뉴로
구성되어 있습니다.
-

-
2. PALACE

PALACE라는 브랜드의 홈 페이지를 재구성 하였습니다.
html과 css를 활용하여 제작한 페이지이며,
반응형 페이지로 제작되어 있어 브라우저의 크기에 따라
변하는 레이아웃을 가지고 있습니다.
-

-
3. LEAGUE of LEGENDS

LEAGUE of LEGENDS 라는 게임의 홈페이지를 재구성하여,
팬 페이지를 제작하였습니다.
html, css와 js를 사용하여 제작한 페이지로,
우측의 메뉴들에 마우스가 올라갈 때
숨겨진 이미지와 텍스트를 나타나게끔 제작되었습니다.
-

-
4. Vogue

html, css와 js를 활용하여 제작한 vogue라는 페이지입니다.
좌측에 햄버거 메뉴를 클릭했을 때, 기울어지는 레이아웃과
각 메뉴들을 선택할 때 회전하며 바뀌는 레이아웃을 가지고 있습니다.
* 동영상이 자동재생됩니다!
-

-
5. TOURIST in TOUR

반응형 페이지로 제작된 여행사 페이지로,
브라우저의 크기에 따라 달라지는 레이아웃과 상단 네비게이션의 2뎁스 메뉴, jQuery를 이용한 슬라이드 갤러리,
중단에 이미지들을 클릭했을 때 나타나는 팝업창들로 구성되어 있습니다.
-

ui/ux design

UI/UX

-
프로토타입으로 설계한 스트리밍 앱
'Ear Note'의 인트로 화면입니다.
-

-
스트리밍 앱 'Ear Note'의 메인화면입니다.
매일 새로운 주제의 재생목록을 추천해 줄 수 있도록 설계했습니다.
-

-
스트리밍 앱 'Ear Note'의 차트 탭의 첫 화면입니다.
여러가지 장르의 순위를 빠르게 보여줍니다.
-

-
스트리밍 앱 'Ear Note'의 검색 탭의 첫 화면입니다.
매일 새롭게 추천하는 검색어들을 보여줍니다.
하단에는 평소 즐겨듣던 음악과 관련있는 태그들을 보여줍니다.
-

-
스트리밍 앱 'Ear Note'의 마이뮤직 탭 화면입니다.
최근에 들었던 재생목록, 오프라인 저장곡 등을 보여줍니다.
-

-
스트리밍 앱 'Ear Note'의 재생목록 내부 화면입니다.
목록의 생성일자, 생성한 사용자를 표시합니다.
-

-
스트리밍 앱 'Ear Note'의 플레이화면입니다.
eq를 사용하여 음악감상에 더 몰입할 수 있습니다.
-

-
스트리밍 앱 'Ear Note'의 EQ 기능의 내부화면입니다.
기본적으로 다양한 프리셋을 준비하여 간편하게 사용할 수 있고
원하는 EQ를 따로 설정하여 사용할 수 있도록 했습니다.
-

-
'코디노트'라는 앱의 화면을 직접 코딩한 화면입니다.
메뉴를 클릭할 시 스크립트를 활용하여
애니메이션 효과로 메뉴팝업을 구현했습니다.
-

-
ios 기반의 리스트 앱의 화면을 디자인 한 화면입니다.
-

visual design

VISUAL

-
끝 컬러박스 포스터

끝 컬러 텍스트박스를 이용하여 역동적인 느낌의 포스터입니다.
-

-
붓터치 배경 포스터

붓터치 소스와 보케 이미지를 합성한 부드러운 느낌의 배경입니다.
-

-
교회 부흥회 포스터

두 개의 이미지를 배경에 합성한 포스터입니다.
-

-
교회 안내 A4 전단지

교회의 예배시간과 약도가 들어있는 A4사이즈의 전단지 입니다.
-

-
홈베이킹 A5 전단지

여러가지 이미지를 사용해 행사에 대한 설명과 그에 대한 내용의 신청서가 있는 A5사이즈의 전단지 입니다.
-

-
붓터치 배경

캘리그라피와 붓터치를 이용하여 역동적인 효과를 준 배경입니다.
-

-
어린이날 웹 포스터


-

-
가로형 제품 안내서

계산기를 소개하는 가로 2단으로 구성되어 있는 제품 안내서 입니다.
-

click››

COPYRIGTH © 2021. HEO YOUNG JAE. All rights reserved.

Home

Web

UI/UX

Visual