P o r t f o l i o

portfolio_code

Mobile

Hello -!

Welcome to My Portfolio.

I am an entry-level web publisher.

안녕하세요 -!

포트폴리오 웹사이트에 오신 걸 환영합니다.

저는 신입 웹 퍼블리셔 박나현입니다.

ABOUT

NAME :

박나현

BIRTH :

2001. 03. 19

BASE :

서울

PHONE :

010.5657.2720

EMAIL :

hhyeon019@gmail.com

EDUCATION :

2024. 08 그린컴퓨터 아카데미 UI/UX 반응형 웹디자인 & 웹퍼블리셔 양성과정, 수료

2024. 03 동아대학교 공예학과 섬유전공, 졸업

2020. 02 신정고등학교, 졸업

SKILL :

JS

Ai

Ps

Web Design

ALL
반응형
적응형
App
React

item_main_image

blur

Web Site

KIRSH

의류 브랜드 키르시 홈페이지를 리디자인하여, 반응형으로 제작했습니다.

line

사용 언어 :

HTML,
CSS,
javaScript,
jQuery

사용 프로그램 :

Photoshop,
Visual Studio Code

기여도 :

기획, 디자인, 퍼블리싱 100%

제작 페이지 :

Main Home

qr-code

QR-CODE로 결과물을 확인 할 수 있습니다.

Web Site

Process

item_main_image

blur

Figma Site

KELLYZ

업사이클링 브랜드 켈리즈 모바일앱을 디자인하여, 프로토타입으로 제작했습니다.

line

사용 프로그램 :

Figma

기여도 :

기획, 디자인 100%

제작 페이지 :

Main Home,
Login,
Live,
line-up

qr_code

QR-CODE로 결과물을 확인 할 수 있습니다.

Figma

Process

item_main_image

blur

Web Site

BYREDO

향수 브랜드 바이레도 홈페이지를 리디자인하여, 반응형으로 제작했습니다.

line

사용 언어 :

HTML,
CSS,
javaScript,
jQuery,
swiper-slide

사용 프로그램 :

Figma,
Visual Studio Code

기여도 :

기획, 디자인, 퍼블리싱 100%

제작 페이지 :

Main Home

qr-code

QR-CODE로 결과물을 확인 할 수 있습니다.

Web Site

Process

item_main_image

blur

Web Site

슬유살롱

유성구청 슬유살롱 반응형 홈페이지를 모작하였습니다.

line

사용 언어 :

HTML,
CSS,
javaScript,
swiper-slide

사용 프로그램 :

Figma,
Visual Studio Code

기여도 :

퍼블리싱 100%

제작 페이지 :

Main Home

qr-code

QR-CODE로 결과물을 확인 할 수 있습니다.

Web Site

Process

item_main_image

blur

Web Site

SIGNIEL

호텔 시그니엘 홈페이지를 리디자인하여, Pc 적응형으로 제작했습니다.

line

사용 언어 :

HTML,
CSS

사용 프로그램 :

Photoshop,
Visual Studio Code

기여도 :

기획, 디자인, 퍼블리싱 100%

제작 페이지 :

Main Home

Web Site

Process

item_main_image

blur

Web Site

MEGA COFFEE

커피숍 브랜드 메가커피를 리디자인하여, Pc 적응형으로 제작했습니다.

line

사용 언어 :

HTML,
CSS,
javaScript,
jQuery

사용 프로그램 :

Photoshop,
Visual Studio Code

기여도 :

기획, 디자인, 퍼블리싱 100%

제작 페이지 :

Main Home

Web Site

Process

item_main_image

blur

Web Site

미니 게시판

React와 Firebase를 사용하여 클론 코딩한 미니 게시판입니다.

line

사용 언어 :

CSS,
javaScript,
React

사용 프로그램 :

Firebase

기여도 :

디자인 100%

제작 페이지 :

Main Home,
Post Board,
Login,
Profile

Firebase

item_main_image

blur

Web Site

KIRSH

의류 브랜드 키르시 홈페이지를 리디자인하여, 반응형으로 제작했습니다.

line

사용 언어 :

HTML,
CSS,
javaScript,
jQuery

사용 프로그램 :

Photoshop,
Visual Studio Code

기여도 :

기획, 디자인, 퍼블리싱 100%

제작 페이지 :

Main Home

qr-code

QR-CODE로 결과물을 확인 할 수 있습니다.

Web Site

Process

item_main_image

blur

Web Site

BYREDO

향수 브랜드 바이레도 홈페이지를 리디자인하여, 반응형으로 제작했습니다.

line

사용 언어 :

HTML,
CSS,
javaScript,
jQuery,
swiper-slide

사용 프로그램 :

Figma,
Visual Studio Code

기여도 :

기획, 디자인, 퍼블리싱 100%

제작 페이지 :

Main Home

qr-code

QR-CODE로 결과물을 확인 할 수 있습니다.

Web Site

Process

item_main_image

blur

Web Site

슬유살롱

유성구청 슬유살롱 반응형 홈페이지를 모작하였습니다.

line

사용 언어 :

HTML,
CSS,
javaScript,
swiper-slide

사용 프로그램 :

Figma,
Visual Studio Code

기여도 :

퍼블리싱 100%

제작 페이지 :

Main Home

qr-code

QR-CODE로 결과물을 확인 할 수 있습니다.

Web Site

Process

item_main_image

blur

Web Site

SIGNIEL

호텔 시그니엘 홈페이지를 리디자인하여, Pc 적응형으로 제작했습니다.

line

사용 언어 :

HTML,
CSS

사용 프로그램 :

Photoshop,
Visual Studio Code

기여도 :

기획, 디자인, 퍼블리싱 100%

제작 페이지 :

Main Home

Web Site

Process

item_main_image

blur

Web Site

MEGA COFFEE

커피숍 브랜드 메가커피를 리디자인하여, Pc 적응형으로 제작했습니다.

line

사용 언어 :

HTML,
CSS,
javaScript,
jQuery

사용 프로그램 :

Photoshop,
Visual Studio Code

기여도 :

기획, 디자인, 퍼블리싱 100%

제작 페이지 :

Main Home

Web Site

Process

item_main_image

blur

Figma Site

KELLYZ

업사이클링 브랜드 켈리즈 모바일앱을 디자인하여, 피그마 프로토타입으로 제작했습니다.

line

사용 프로그램 :

Figma

기여도 :

기획, 디자인 100%

제작 페이지 :

Main Home,
Login,
Live,
line-up

qr_code

QR-CODE로 결과물을 확인 할 수 있습니다.

Figma

Process

item_main_image

blur

Web Site

미니 게시판

React와 Firebase를 사용하여 클론 코딩한 미니 게시판입니다.

line

사용 언어 :

CSS,
javaScript,
React

사용 프로그램 :

Firebase

기여도 :

디자인 100%

제작 페이지 :

Main Home,
Post Board,
Login,
Profile

Firebase

Graphic Design

Photoshop

photoshop_poster

hover_image

Photoshop

photoshop_instagram

hover_image

illustrator

illustrator_instagram

hover_image

Photoshop

photoshop_poster

hover_image

Graphic Design

Photoshop, illustrator

blur

Photoshop

photoshop_instagram

hover_image

illustrator

illustrator_poster

hover_image

Photoshop

photoshop_instagram

hover_image

Photoshop

photoshop_poster

hover_image

blank box

Contact

Phone :

010.5657.2720

Email :

hhyeon019@gmail.com

Github :

Github 바로가기