About Me

Profile Picture

사용자의 눈길을 사로잡는 디자인과, 모든 디바이스에서 안정적으로 구현되는 퍼블리싱을 함께 고민하는 웹 퍼블리셔입니다.
HTML, CSS, JavaScript를 기반으로 한 구조적인 코드 작성뿐 아니라, Figma, Photoshop, Illustrator 등을 활용한 UI 디자인 작업도 병행할 수 있습니다.
프로젝트 초기 기획 단계부터 사용자 중심의 인터페이스를 설계하고, 디자인을 웹에 구현하는 전 과정에서 팀원들과의 커뮤니케이션을 중요하게 생각합니다.
웹 표준과 접근성을 고려한 마크업, 반응형/적응형 웹 구축 경험을 바탕으로, ‘기능’과 ‘감성’이 균형잡힌 결과물을 만들어내는 것이 제 강점입니다.
새로운 트렌드와 도구에 대해 늘 관심을 가지고 배우며, 완성도 높은 사용자 경험을 제공하는 데 열정을 가지고 있습니다.

Skills

HTML

HTML

CSS

CSS

JavaScript

JavaScript

Figma

Figma

Photoshop

Photoshop

Illustrator

Illustrator

GitHub

GitHub

Brackets

Brackets

Premiere Pro

Premiere Pro

Portfolio

Sample 1

레드버튼

레드버튼 보드게임 카페의 사이트를 리뉴얼한 프로젝트입니다.

사용 툴: Photoshop, Illustrator, Brackets
참여도: 100%

기획안 바로가기 사이트 바로가기
Sample 2

데이니즈

데이니즈 스토어의 사이트를 저만의 스타일로 재구성 후 스마트폰앱으로 구현한 프로젝트입니다.

사용 툴: Photoshop, Figma
참여도: 100%

기획안 바로가기 사이트 바로가기
Sample 3

나무13

나무13 작가의 소개와 가상의 전시를 반응형웹으로 구현한 프로젝트입니다.

사용 툴: Photoshop, Figma, Brackets
참여도: 100%

기획안 바로가기 사이트 바로가기
Sample 4

redbull

레드불 사이트를 리뉴얼해서 구현중 레드버튼으로 전환하게 되어 현재 레드불은 인트로가 완성되었고 제가 맡아서 하던 레드불샵을 구현중에 있습니다.

사용 툴: Photoshop, Figma, Brackets
참여도: 100%

기획안 바로가기 사이트 바로가기
Sample 5

포트폴리오 5 설명입니다.

기획안 바로가기 사이트 바로가기

Works

작업물1

소소서울 레이아웃 디자인

서울사랑 2019년 1월호 Seoul Culture 단원의 도입부를 웹진 index 페이지로 디자인 했습니다.

사용 툴: Photoshop, Illustrator, Brackets
참여도: 100%

사이트 바로가기
작업물2

ohora 레이아웃 디자인

오호라 온라인 네일 상품의 상세페이지를 새롭게 디자인 했습니다.

사용 툴: Photoshop, Illustrator, Brackets
참여도: 100%

기획안 바로가기 사이트 바로가기

Design

작업물1

Nutrifit 브랜드 디자인

가상의 새로운 브랜드를 기획하고 모티브를 컨셉으로 와 핵심가치를 상징화시켜 디자인 했습니다.

사용 툴: Photoshop, Illustrator
참여도: 100%

디자인 바로가기 기획안 바로가기
작업물2

보정과 합성

2컷의 이미지를 보정하고 합성하여 하나의 이미지를 만들었습니다.

사용 툴: Photoshop, Illustrator
참여도: 100%

디자인 바로가기 디자인 바로가기
작업물2

속도를 즐기는 순간 여행은 시작된다.

여려가지의 이미지를 보정하고 합성하여 '도로와 바이크만 있다면 시간과 장소의 구애를 받지 않고, 어디든 여행을 갈 수 있다.' 라는 의미를 전달할 수 있는 이미지를 만들었습니다.

사용 툴: Photoshop, Illustrator
참여도: 100%

디자인 바로가기 디자인 바로가기
작업물2

대한항고 기업광고

'최고의 안전과 서비스를 통한 고객만족'을 대한항공의 기업 핵심가치로 도출하여 핵심가치에 맞는 기업광고 이미지를 디자인 했습니다.

사용 툴: Photoshop, Illustrator
참여도: 100%

디자인 바로가기 디자인 바로가기 디자인 바로가기
작업물3

바나나우유

생성형AI를 활용하여 광고 이미지를 만들어 배너와 상세페이지를 디자인 했습니다.

사용 툴: Photoshop, Illustrator
참여도: 100%

상세페이지 바로가기 배너 바로가기
작업물3

windmark

생성형AI를 활용하여 새로운 브랜드를 디자인하고 기획안을 제작하였습니다.
사용 툴: Photoshop, Illustrator, Gamma
참여도: 100%

기획안 바로가기

Video

작업물1

처음처럼 광고영상

처음처럼 광고 영상을 직접 촬영 후 편집하였습니다.

사용 툴: Photoshop, Premiere Pro
참여도: 100%

콘티 바로가기 광고영상 바로가기
작업물2

뮤직비디오

인물의 내면의 본질을 정의하고 내면을 대변하는 노래를 선정하여 뮤직비디오를 편집하였습니다.

사용 툴: Photoshop, Premiere Pro
참여도: 100%

기획안 바로가기 뮤직비디오 바로가기
작업물2

프링글스 광고

생성형AI로 프롬포토를 작성해 광고 이미지와 영상을 생성하여 광고영상을 제작하였습니다.

사용 툴: sora, Premiere Pro
참여도: 100%

광고영상 바로가기

Contact