J.folio

J portfolio

01

02

03

04

Jang Yeong-seo
00000000@nate.com
0000.00.00(+)

반갑습니다.

프론트엔드 개발자를 꿈꾸는

25세 장영서의 포트폴리오

페이지 입니다.

Hello.

I'm Jang Yeong-seo,25 years-old

who dreaming for front-end

developer's portfolio page.

ABOUT
장영서
__

Jang Yeong-seo
0000.00.00(+)
00000000000@nate.com

Think outside the box!

소개

저는 _ 풍부한 상상력과 끊임없는 도전으로 다양한 결과물을 창작하는 디자이너 입니다.

제가 희망하는 직종/직업은 _ 디자인/웹디자인 입니다.

제가 할 수 있는것은 _ 시각디자인, 웹디자인, 웹퍼블리싱, 문서작업 입니다.

저의 특기는 _ 예체능(음,미,체)분야는 빨리 배우고 터득할 수 있습니다.

저의 장점은 _ 상상력이 풍부하고 잘 적응하고 잘 먹습니다. 책임감을 가지고 일하며 센스가 있습니다.

작업도구

Coding

Graphic

Ect

이력

2013.10 reddot design award 본상 수상
2013.12 IDEA finalist
2014.12 - 2015.01 아트핸즈 인턴
2016.09 - 12 디자인바다 인턴
2016.12 장애우권익문제 연구소 주관 공모전 대상 수상
2017.02 경성대학교 제품디자인학과 졸업

2013

2017

UI & UX

'바다를찾아서' Mobile Aplication

1. Subject
2. Analysis
3-1. Setting _ wireframe
3-2. Setting _ guideline
4. Prototype


1. Subject _ 주제 선정



모바일 App개발의 필요성을
검토하여 컨셉을 정함.

more


2. Analysis _ 기존 앱 분석



실재하는 타 App의 분석으로
하위메뉴와 기능까지 상세히 분석.

more


3-1. Setting _ 와이어프레임



구상한 결과를
와이어프레임 으로 제작.

more


3-2. Setting _ 가이드라인



와이어 프레임을 토대로
가이드라인 설정.

more


4. Prototype _ 프로토타입



실제 앱으로 구현하기 위한
프로토타입 제작.

more

바다를찾아서
1. Subject _ 주제선정

바다

전국의 "바다"를 자신의 위치를 기반으로
찾기도 하고, 다양한 컨텐츠를 통해 정보를
습득할 수 있다.

커뮤니티 공간도 마련하여 정보를 일방적으로
얻는것이 아니라 정보제공에 참여할 수 있다.

바다를찾아서
2. Analysis _ 기존 앱 분석

go

여행지 및 축제 알림 앱.
기획했던 부분에 참고할 부분이
있어서 참고했다.

바다

대한민국 바다의 정보에 관한 앱.
레이아웃과 컨텐츠 디자인이
잘 되어있어 참고했다.

go

움직이는 스플래시
스크린이 3초정도 구현된다.

바다

앞의 페이지가 짧게 지나가고
워크스루 페이지가 4페이지까지
나온다.

go

화면의 구성이 복잡하다.
사진의 크기가 좀더 컸으면
시각적인 느낌이 달랐을것 같다.

바다

사진의 크기가 크고
전체적인 레이아웃이 시원하지만
광고가 차지하는 비율이 크다.

go

한 눈에 잘 들어오는
깔끔한 화면.

바다

다른 앱과의 제휴 표시.
배경으로 쓰인 사진이
메뉴를 묻히게 한다.

go

내가 쓴 리뷰를 리스트로
볼 수 있고 그 창에서
새로 작성 가능하다.

바다

별점 표시, 이미지 첨부,
텍스트 입력 가능하다.

바다를찾아서
3. Setting _ 와이어프레임

1. 스플래시 스크린

2. 워크스루

3. 메인

4. 검색

5. 로그인

6. 리뷰작성

7. 갤러리

8. 위치

9. 내가찾는바다 테스트

10. 테스트 결과

11. 지도

12. 검색결과

13. 계정

14. 여행지도

바다를찾아서
3. Setting _ 가이드라인

1. 스플래시 스크린

2. 워크스루

3. 메인

4. 검색

5. 로그인

6. 리뷰작성

7. 갤러리

8. 위치

9. 내가찾는바다 테스트

10. 테스트 결과

11. 지도

12. 검색결과

13. 계정

14. 여행지도

바다를찾아서
4. Prototype _ 프로토타입

1. 스플래시 스크린

2. 워크스루

3. 메인

4. 검색

5. 로그인

6. 리뷰작성

7. 갤러리

8. 위치

9. 내가찾는바다 테스트

10. 테스트 결과

11. 지도

12. 검색결과

13. 계정

14. 여행지도

WEB

메인페이지 디자인

1. HOME & PANTRY _ Bread
2. HERMES twilly _ Perfume
3. Arium _ Hanbok
4. ZARA _ clothes
5. MARVEL _ Character


1. HOME & PANRTY



미디어 쿼리를 이용한 6단계 반응형 웹.
빵 브랜드 웹사이트.

more


2. HERMES twilly



마우스 오버 시, 동영상이 재생.
에르메스 twilly 향수의 소개 웹페이지.

more


3. Arium



마우스의 모션에 반응하는 이미지 시퀀스.
한복 브랜드 소개 웹페이지.

more


4. ZARA



가로로 스크롤되는 웹페이지.
의류 브랜드의 컬렉션 페이지.

more


5. MARVEL



Z축으로 스크롤되는 웹페이지.
MARVEL 사의 캐릭터 소개페이지.

more

J.folio

J.folio