배경_00
상기오브젝트
배경_01
골든에그
배경_02
골든펜슬
배경_02
골든펜슬
메인타이틀
01

나의 강점은
창의력과 함께
성장한 근성이다

여러가지 경험을 통한 창의적인 생각과
만족하는 결과를 얻을때까지 실행하는 근성이 있습니다.

My strong point is that I have an instinct
for growth along with creativity
02

나의 아이디어는
정보수집과 분석을 통한
근거있는 제안이다

현시점에 주어진 상황과 조건을 파악하고
이유가 있는 아이디어를 제시할 수 있는 능력이 있습니다.

My idea is a well-founded proposal through
information gathering and analysis
03

나의 디자인은
타인에 대한 배려와
함께 흘러감에 있다

제가 생각하는 디자인이란 타인에 대한 배려를 근본으로
의견조율과 트렌드 흐름을 유지할 수 있어야합니다.

My design has consideration and flow for others.
  • HOME
  • CREATIVE
    01
  • EXPERENCE IDEA
    02
  • FLOW MIND
    03

PROFILE

ABOUT ME

세상에 단 하나!
참신함과 함께 성장한 근성으로 준비된
[웹디자이너 문상기]를 소개합니다.

센스있는 디자인감각과 함께 퍼블리싱 소통이 가능한 웹디자이너 문상기입니다.
약 3년의 디자인경력과 프론트앤드 훈련과정을 수료하면서 프로젝트의 소통력을 증대시켰습니다.
이러한 역량을 바탕으로 귀사의 가치를 발전시킬 수 있도록 최선을 다하겠습니다.

이메일 moonsk3776@naver.com
거주지 인천광역시 계양구(9호선 김포공항역 인접)
전공 강남대학교 시각디자인전공 졸업(학사)
경력 자전거회사 바이맥스 디자인팀 3년 근무

PERSONALITY

  • 알쓸신잡인
    공감할 수 있는
    참신함을 만들다
    기존에 문제를 분석하고 해결점을 찾아낼 수 있는 참신한 아이디어를 생각할 수 있으며 이런 아이디어로 최대한 많은 사람의 공감을 이끌어냅니다.
  • 1input5output
    하나만 알려줘도
    다섯을 아는 센스
    지금까지 겪었던 다양한 사회경험과 노련함으로 굳이 하나부터 열까지 설명할 필요없이 말이아닌 행동으로 보여드릴 수 있는 센스가 있습니다.
  • Xnext+
    경험을 소재로
    만드는 아이디어
    어떤분야에 대한 흥미나 호기심이 생기면 다양한 측면에서 알아보고 도전하는 성격입니다. 이러한 능력은 아이디어를 생각하는 상황이나 응용면에서도 다양하게 능력을 펼칠 수 있습니다.
  • 보면 볼수록
    매력있는 사람
    첫인상은 평범한 모습과 차분한 성격으로 보일 수 있지만, 말 한마디로 분위기를 한 층 밝게 만들 수 있는 매력을 지니고 있습니다.

WORK SKILL

photoshop 85%

PHOTOSHOP

illustrate 85%

ILLUSTRATOR

webcoding 60%

PUBLISHING

DSLR 60%

DSLR

VIDEO CREATE 60%

VIDEO SKILL

ETC 90%

ETC. WORK

반신프로필사진 반신프로필사진

GROWTH STORY

next
goldenegg

01

내가 진심으로 원하는 길

어렸을 때부터 그리는것과 손재주에 능했으며, 한번 시작하면 원하는 목표를 얻을때까지 실행하는 근성을 길러왔습니다. 대학교까지 멀티미디어 전공으로 입학을 하게되었지만 내가 잘하면서 좋아하는 일을 하기위해 군 전역후, 본격적으로 디자인 편입을 준비하게 되었습니다. 대학교 2학년까지 철저하게 유지했던 학점과 겨울 방학간에 편입에 필요한 스케치능력과 철저한계획을 통해, 단기간 저에게 적합한 학교로 편입을 할 수 있게 되었고, 부모님께서도 제가 선택한 길을 인정하시게 되면서 첫 디자인공부로 발돋움 할 수 있게되었습니다.

내 인생 첫 디자인 공부를 할 수 있었던 대학교
교내 졸업전시 아이덴티티 아이디어
공모에 채택되어 탄생한 2014 KUVE

나의 아이디어로 탄생한 네이밍

시각디자인 전공자로서 배우고싶은 디자인공부를 하게되었고, 4학년의 마지막 관문인 졸업전시를 앞두고 전시회에 쓰이는 아이덴티티선정 아이디어를 공모 하게되었습니다. 그 안에서 제가 제의한 아이디어가 선정되어 21회 강남대학교 시각디자인전공 전시회는 KUVE(Kangnam University Visualdesign Exhibition)라는 명칭으로 표기하고 '큐브'라고 읽히는 발음과 함께 큐브의 수많은 경우의 면처럼 다양하게 생각할 수 있는 예비디자이너들의 전시회 아이덴티티를 제안하게되었습니다. 절차에따라 KUVE의 로고와 다양한 컨셉의 제품과 전시회 전체 테마가 KUVE로 쓰이며 졸업전시가 진행되었습니다.

02
2017년 2000대 이상 판매된
100% 직접 디자인한
생활형 하이브리드 700C La.D
첫 직장에서 받은 명함
영상연동된 QR코드
조립설명서 도입
함께 쌓을 수 있었던
DSLR촬영스킬

황금알 낳는 신입 디자이너

2015년 대학교졸업과 함께 삼천리자전거 협력사 바이맥스의 디자인팀으로 첫 직장을 다니게 된 저는 자전거 온라인 판매에 필요한 다양한 기술과 지식들을 습득하고 다양한 프로젝트에 참여하면서 디자인적/서비스적으로 많은 부분들을 개선시켜 나갔습니다.
첫번째로 직접통화오는 고객 클레임건을 줄이기 위해 자전거박스에 동봉되는 설명서에 조립영상이 연동되는 QR코드설명서를 제안하였습니다. 평소취미로 즐기고있는 영상편집스킬을 살려 촬영/편집을 직접하였고 설명서를 빠르게 리뉴얼하였습니다. 그 결과, 같은 판매량임에도 CS상담건 수를 20%이상감소시켜 업무효율과 고객만족도를 모두 충족시킬 수 있는 성과를 얻게되었습니다.
두번째로 2017신차종 디자인개발에 참여하게 되어 여러가지 시안들을 디자인하였고, 실제생산되어 판매된 일이 있습니다. 특히 컬러선정부터, 부품, 데칼디자인까지 100% 시안제작한 생활형 하이브리드 La.D 제품은 2017년 3/4분기 약 2000대 이상을 판매하며 회사에서 많은실적을 거두게 되었습니다.

03
국가산업직종훈련 웹 퍼블리셔 양성과정
1000시간 훈련을 수료했습니다.

큰 도약을 위한 도움닫기

실무적인 웹디자인 프로젝트의 전체적인 소통력을 증대시키기 위해 바로 이직을 하기보다는 웹 커뮤니케이션 능력이 필요하다고 판단되어 강남에 위치하고있는 더조은아카데미 본원에 1000시간의 프론트앤드 과정의 국가직종산업훈련을 수행하게되었고, 웹디자인에 필요한 HTML/CSS/JQUERY등 코딩면에서도 소통이 가능한 디자이너로 성장하였습니다.

경험을 통한 재충전

회사재직중에 할 수 없었던 계획들을 실행에 옮겨 많은 경험들을 쌓았습니다. 유럽으로 3주간 영국, 프랑스, 스위스, 이탈리아 자유롭게 여행을 다니면서 각 나라별 문화와 풍경들을 직접 경험하면서 많은것을 영상으로 기록하였고, 편집을하여 유튜브에 게시하였습니다. 그리고 업무때문에 실행하지 못했던 디자인 공모전에도 작품을 출품하여, 수상하는 등 여러가지 활동들을 자유롭게 하며 제자신에게 활력을 불어넣었습니다.

2018알톤스포츠 디자인공모전에서
입상하였습니다.
재직 중 실천할 수 없었던
긴 여행으로 스스로에게 재충전
할 수 있는 시간을 가졌습니다

WORKS

01-
GRAPHIC
DESIGN

  • 2017 바이맥스
    하이브리드
    상세페이지 리뉴얼

    바이맥스 하이브리드 라디의
    컨셉을살려 제작한
    프로토타입 상세페이지입니다.

  • 오픈마켓
    &소셜커머스
    웹 배너작업

    옥션/지마켓/11번가/네이버스토어팜/위메프/티몬 등의 쇼핑몰에서 쓰이는 배너를 규격에맞게 이미지 작업을진행하였습니다.

  • OBJECT RENDERING
    오브젝트 렌더링

    포토샵, 일러스트툴로 실제에 가까운
    그래픽 오브젝트를 제작하였습니다.

  • UI/UX 아이콘
    & 로고리뉴얼 제작

    일러스트와 포토샵을 활용하여
    각종 UI/UX 아이콘과 브랜드 로고 리뉴얼 작업과 공모전에 참여했습니다.

  • PERSONAL WEB PORTFOLIO
    : RESTOCK

    골드컬러를 포인트로 웹디자이너 문상기의 특색을 살린 웹포트폴리오가 탄생되었습니다.

  • 업사이클 브랜드 CONTINEW
    브랜드소개 페이지

    자동차 시트를 재활용하여 가방을 제작하는
    CONTINEW브랜드의 소개페이지입니다.

02-
WEB PROJECT

NEXT
PROJECT

01

반응형아이콘
WEB PROJECT - 01

GOINGLOCKER

모바일 어플리케이션 기획/구현 [2018.10 - 11]

GOINGLOCKER

사용자 위치를 기반으로하여 여행자의 물품을 호스트락커에 편리하게 보관할 수 있는 어플리케이션 프로토타입페이지를 기획부터 웹페이지 모바일앱 제작을 통하여 프로세스가 있는 디자인을 구현하였습니다.

    Design Concept

  • 경험을 통한 기획
    직접여행했던 경험 중 불편했던 상황을 소재로 개선점을 도출시킨 아이디어입니다.
  • 모바일코딩
    모바일 프로토타입 코딩 기술을 익혀 실제에 가까운 어플리케이션으로 응용하였습니다.
  • 웹소개페이지구현
    어플리케이션을 뒷받침 할 수 있는 웹페이지를 함께 구현하였습니다.

02

반응형아이콘
WEB PROJECT - 02

G-SHOCK 랜딩페이지

반응형/J-Query페이지제작 [2018.7]

G-SHOCK

디지털시계 제품군에서 세계적으로 사랑받고있는 G-SHOCK 브랜드 웹페이지를 리뉴얼 하여 제작한 반응형 페이지입니다. 로고에 사용된 컬러를 중점으로 브랜드 아이덴티티가 확실하게 표현되도록 배치하였으며, J-Query를 활용하여 정적인 분위기에서 벗어나 각 섹션마다 유동적으로 움직이는 오브젝트들을 사용하여 이용자들의 흥미를 유도하였습니다.

    Design Concept

  • 레이아웃 재배치
    어중간하게 배치된 레이아웃과 사용자입장에서 메인페이지에 필요한 기능추가
  • 아이덴티티컬러의 활용
    지샥 로고에 쓰인 블랙/화이트의 뚜렷한 대비를 이용하여 컨텐츠주컬러를 사용하였고 강렬한 레드컬러를 포인트로 적절하게 배치
  • J-Qurey활용
    마우스 동작에 따라 움직이는 요소들로 클릭유도로 소비자 흥미유발

03

반응형아이콘
WEB PROJECT - 03

국립과천과학관

HTML5/CSS3웹표준 구현하기[2018.6 - 7]

국립과천과학관

2008년 개관한 국립과천과학관의 웹페이지이며, 웹표준에맞춘 홈페이지의 구조를 파악하고 HTML5, CSS3규정에 준수하여 메인페이지부터 하드코딩 방식으로 서브1-8까지 동일하게 구현한 페이지입니다.

    Design Concept

  • 구조파악/재설계
    기존페이지의 HTML구조 및 CSS를 파악하고 재설계하였습니다.
  • 개선된 J-Qurey
    배너의 활용 게시판의 모션적인 면을 개선시켜 사용자가 필요한 정보들을 보완하였습니다.
  • 서브페이지 제작
    완벽한 구조파악과 구현능력을 기르기위해 서브페이지를 추가로 7개 작업한 프로젝트입니다.

04

반응형아이콘
WEB PROJECT - 04

폴바셋 랜딩페이지

J-Query페이지제작 [2018.08]

PaulBassett

월드 바리스타 PaulBassett의 장인정신을 기반으로 탄생한 프렌차이즈 폴바셋의 리뉴얼 메인페이지 입니다. 기존에 단순한 레이아웃과 부족한 메인페이지 컨텐츠를 한눈에 볼 수 있도록 메뉴 롤링페이지와 폴 바셋만의 특징이 느껴지도록 아이덴티티 컬러를 강조하여 재배치하였습니다.

    Design Concept

  • 주사용자 니즈
    폴바셋페이지를 찾았을때 소비자 입장에서 원하는 정보를 분석하여 메인페이지에 배치
  • 폴바셋의 특징
    폴바셋이 다른 프렌차이즈 커피숍과 다른 부분을 강조할 수 있는 내용을 메인에 노출시켰습니다.
  • 플러그인의 활용
    레이아웃의 요소들을 세련되게 재배치하였을 뿐만아니라 플러그인을 사용하여 슬라이드 효과를 구현하였습니다.

05

반응형아이콘
WEB PROJECT - 05

CITY of WORLD

Video소스 구현 페이지[2018.9]

CITYofWORLD

여행중에 촬영한 동영상을 편집하는 취미를 가지고 있으며, 해당영상을 유튜브에 게시하여 계속해서 성장하고 있는 크리에이터입니다. 해당 비디오 소스를 이용하여 살펴볼 수 있는 웹 페이지를 구현하였습니다.

    Design Concept

  • 영상편집
    아이폰을 이용하여 직접 촬영부터 편집까지 한 영상들을 소스로 활용하였습니다.
  • 유튜브크리에이터
    촬영한 영상들은 유튜브채널에 게시되어 200명가량의 구독자를 보유하고있습니다.
  • 제이쿼리활용
    제이쿼리를 활용하여 타이틀 하단 슬라이드png 비디오팝업창들을 구현하였습니다.

03-
PHOTO SKILL

  • 2017바이맥스 하이브리드 700C La.D
  • 엠도씨 인스타그램 사진공모전 우수작선정
  • 2017 바이맥스 하이브리드 700C La.D 실내 디테일컷
  • 2017 HONGKONG NIKELAP 에서 구매한 나이키 MOREMONEY
  • 자전거 악세서리 후미등 접사
  • 리그오브레전드 피규어 JAX & Baron Nashor
  • 2016년 5월 겹벛꽃 확대촬영
  • 바이맥스 20인치 미니벨로 반티아고 어반
  • 스마트 하이브리드 반티아고 BEAN 야외촬영
  • 2016년 8월 나홀로 도쿄여행 신주쿠역 육교
  • 2017년 12월 피렌체 두오모성당
  • 하이브리드 자전거 700C 반티아고 bean
  • 2018년 2월 홍콩 코즈웨이St.
  • 2018년 9월 성수동 빈티지레스토랑
  • 2017년 12월 런던 대자연박물관 흰수염고래 골격표본
  • 2016년 11월 마포대교 야경
  • 2017년 12월 런던아이에서 바라본 템스강과 런던야경
  • 2016년 8월 나홀로 도쿄여행 스카이트리타워