Please select the page

popimage Click me pop_close

logo

메인가운데라인
profile
about 가운데 라인
프로필라인
소개라인
목표라인
경험라인
스킬라인

Profile

NAME : 장지훈

BIRTH : 1996. 10. 28

PHONE : 010 - 3594 - 8965

E-MAIL : jangna96@naver.com

ADDRESS : 서울시 강남구 자곡로

-

웹디자인기능사, 컴퓨터활용능력2급

전산회계1급, 1종보통

Goal

1년 후 - 설계서와 디자인을 보면서 코드로 바로 나타내기. 위해 어떻게 구조화 시키고, 어떻게 동작 시킬 것인지 빠른 판단력을 길러 막힘 없는 업무를 해낼 것입니다.

5년 후 - 프론트엔드 분야 뿐만 아니라 JAVA, 안드로이드 프레임워크, 안드로이드 스튜디오를 공부하여 안드로이드 어플리케이션 쪽 프로젝트를 성공해낼 것입니다.

10년 후 - 외부 개발자들을 불러들이는 오픈 세미나를 열어 성공한 프로젝트를 알려 회사의 명예를 올릴 것입니다.

Skill

HTML / CSS : HTML, CSS를 웹 표준에 맞게 마크업 웹 접근성을 고려한 페이지 HTML5 태그 사용가능 미디어쿼리를 이용한 반응형 페이지 제작

JAVASCRIPT / JQUERY : JAVASCRIPT 기본 문법을 이해했으며, 조건문, 반복문등을 간단하게 다룰 수 있고, JQUERY를 이용하여 플러그인을 찾아 원하는 기능을 추가할 수 있습니다.

PHOTOSHOP / ILLUSTRATOR : 포토샵을 이용하여 이미지 수정 및 퍼블리싱에 필요한 수정이 가능하며, 대부분의 기능을 사용할 수 있습니다. 일러스트를 이용하여 아이콘 이미지 등 다양한 디자인 소스를 만들어 낼수 있습니다.

Introduce

안녕하세요 개발자의 꿈을 위해 끊임없이 노력하는 남자 장지훈 입니다. 개발자의 길을 가기위해 웹 퍼블리셔로 첫 걸음을 떼었습니다. 평소 제 성격이 호기심이 많고 관심사에 있어서는 꼼꼼하고 열심히 하는 성격입니다. 그렇기에 모르는게 있으면 같이 공부하는 사람들과 많은 소통을 하고, 인터넷에 혼자 찾아보면서 문제를 해결해 나아가곤 했습니다. 머리가 비상하진 않지만 한번 들은 내용은 기억하기 위해 노트에 적어가는 등 노력합니다. 사람을 만나고 소통하는 것을 좋아하기에 회사에 입사하게 된다면 좋은 관계로 열심히 일 해보고 싶습니다.

Experience

저는 사람들과 이야기 하는 것을 좋아합니다. 사람들의 이야기를 들어주고 공감해 주는 것이 제 장점이라고도 말할 수 있을만큼 말입니다. 이러한 제 성격은 20살 이후 아르바이트를 통해 더욱더 강해졌습니다. 20살에 처음으로 시작한 아르바이트는 역삼역에 있는 한 카페였습니다. 주로 손님의 주문을 받고 음료를 만드는 등 사람을 상대하는 아르바이트 였습니다. 첫 아르바이트인 만큼 긴장도 되고 실수 할까봐 불안한 마음도 있었지만, 사람과 대화하는 것을 좋아하던 저였기에 그러한 걱정들은 금세 사라졌습니다. 평소 꼼꼼한 편이기도 해서 카페 메뉴얼을 빠르게 숙지 할 수있었고, 자주 오는 손님의 메뉴를 외우고 먼저 인사 드리는 등 일을 즐기고 열중했습니다. 그 이후로도 다양한 서비스직 아르바이트를 많이 접했고, 이러한 저의 경험이 회사 입사 후 팀원들과의 소통이 원활하고 꼼꼼한 성격으로 다양한 프로젝트에 기여할 수 있었으면 좋겠습니다.

맨위라인
오른쪽라인
project01_text

process
  • 기획
  • 분석 & 구성
  • 제작 & 구현
  • 수정 & 보완

Branding Name - TattooMania

Tattoo 추천 사이트를 기획해 보았습니다.
(기획100%, 코딩100%, 디자인100%)

Branding Concept

세련된 느낌을 주기위해 무채색을 사용하였고, 전체 단위를 퍼센트를 사용하여
자연스러운 변화의 반응형 페이지를 만들었습니다.

Branding Purpose

타투의 관심이 있는 사람들은 물론, 관심이 없는 사람들 또한 관심이 갈 수 있도록
이미지를 과한 타투 이미지가 아닌 세련되고 깔끔한 이미지를 메인 페이지에 사용하였습니다.
타투 고객층이 원하는 분류가 다르기에 각각 다른 섹션으로 분류 하였습니다.
(Old-New School, Iresumi, Lettering, Cover-up 등등)

Branding Customer

타투이스트 / 타투 기존고객 / 타투 신규고객 / 마음에 들지 않는 타투로 Cover-Up을 원하는 고객 /
예술 도안, 그림등 예술에 관심있는 고객

project02_text

process
  • 모바일 기획
  • 분석 & 구성
  • 제작 & 구현
  • 수정 & 보완

Application Name - 고민없이입자 Go Wear

Go Wear은 모바일 웹으로 만들어낸 커뮤니티 사이트입니다.
(기획100%, 코딩100%, 디자인100%)

Application Concept

메인 페이지에서 부터 남/녀 구분 할 수 있도록 카테고리를 분류하였고,
오늘의 베스트 룩을 메인으로 올림으로서 경쟁심을 유발하였습니다.
게시판을 만들어서 서로 소통할 수 있는 구간을 만들었습니다.
컬러감은 브라운 계열의 그레이 컬러를 사용하였습니다.

Application Purpose

요즘은 꾸미기를 좋아하며 옷에 대한 관심이 많은 사람들이 많습니다.
그러한 사람들이 서로 소통하며 자신만의 스타일을 공유 할 수 있는
커뮤니티 사이트를 목적으로 두고있습니다.
프로필 디자인에 신경을 썼기에 본인의 프로필을
꾸며가는 재미를 만들어냈습니다.

Application Customer

옷에 관심이 많은 고객 / 커뮤니티 사이트 활동을 좋아하는 고객 /
자신의 프로필을 꾸미는 것을 좋아하는 고객 / 유사 커뮤니티 이용자(Instagram, Facebook)

project03_text

renewal_process
  • 벤치마킹
  • 제작 & 구현
  • 수정 & 보완

Renewal Page Name - Supreme

기존에 있던 Supreme 페이지를 Renewal 해보았습니다.
(코딩100%, 디자인100%)

Motive

한국에는 IP가 막혀있어서 기존 Supreme 페이지를 들어갈 수 없습니다.
그렇기에 국내에서 볼 수 있는 페이지를 만들어보고 싶었습니다.

Solution

Supreme의 기존 폰트와 아이덴티티 색상을 그대로 유지하였습니다.
기존 페이지는 심플함을 컨셉으로 만들어져 있어서 페이지의 기능을 하기 어려운 부분이 있었습니다.
그러한 점을 보완하기 위해 전체 레이아웃을 보기 편한 신문 느낌으로 만들었습니다.

Coding

미디어 쿼리를 이용한 반응형 페이지로 만들었습니다.
내용물 해상도 크기를 1180px으로 맞추어서 낮은 해상도를 고려하였습니다.
섹션 Shop 부분에 position 값을 주로 사용하여 코딩하였습니다.

project04_text

process
  • 벤치마킹
  • 제작 & 구현
  • 수정 & 보완

Renewal Page Name - UncleBooth Barbershop

UncleBooth라는 바버샵을 리뉴얼 하여 만든 페이지입니다.
(코딩100%, 디자인100%)

Motive

평소 좋아하던 바버샵으로 사이트를 자주 보곤 했습니다.
그런데 자른 미용스타일이 분류가 잘 되어 있지않아
유저가 사용하는데 있어서 불편함을 느낄 수 있겠다고 생각하였습니다.
그렇기에 컬러감을 살린채 저만의 방식으로 레이아웃을 다시 만들어보았습니다.

Solution

기존 페이지에서의 문제점으로 미용의 분류가 잘 되어있지 않은점을 고려하여,
카테고리를 조금 더 명확하게 구분지었습니다.
미디어 쿼리를 이용한 반응형 페이지로 만들었기에
다양한 디바이스에서 볼 수 있도록 제작해 보았습니다.

Coding

animation 과 transition 효과를 주로 사용한 페이지입니다.
메인에 scale을 이용한 코딩 방법과, keyframe을 활용하여 배경이 계속해서 변하도록 만들어 보았습니다.
반응형 페이지로 만들기 위해 전체 레이아웃을 100%로 잡아 놓았습니다.

project05_text

Portfolio2

처음에 만들어본 포트폴리오 페이지 입니다.
(기획100%, 코딩100%, 디자인100%)

Contents

포트폴리오인 만큼 제 작업물들과 저의 개인정보 내용등이 나타나 있습니다.
심플한 느낌과 전문가적인 느낌을 표현하기 위해 폰트를 적게 사용하였고,
그렇기에 깔끔한 느낌을 가져 올 수 있었습니다.
허나 그만큼 작업물에 대한 기획안을 넣을 공간이 부족하였고
이러한 점을 보완하기 위해 다시 포트폴리오를 제작하게 되었습니다.

Coding

IE8, IE9와 같은 낮은 브라우저를 고려하여 만든 페이지입니다.
jquery를 활용하여 차트의 퍼센트 게이지가 증가되도록 만들었고,
메인과 풋터에 background-attachment를 fixed 시킴으로 3D적인 효과를 주었습니다.
또한 넓은 우주를 컨셉으로 잡아서 깔끔하고 심플한 느낌의 이미지를 사용하였습니다.
그 밖의 컨텐츠에 슬라이드 효과를 주로 사용하였습니다.