노주현 프로필 사진

노주현

기술과 감각의 융합, 웹디자인으로 더 나은 경험을 만들어가는 노주현 입니다.

About Me

작업 중인 모습 또는 관련 이미지

디자인으로 새로운 경험을 만든다: 노주현의 웹 디자인 여정

저는 언제나 '어떤 일이든 해내고 마는 사람'이라는 마음가짐으로 업무에 임합니다.
입시 준비 당시, 성적이 낮았던 저는 철저한 연습과 꾸준한 노력으로 학원에서 유일하게 입시에 성공했고, 대학에 입학한 후에도 '최고가 되겠다'는 목표로 끊임없이 연습하여 실기 성적 1등을 기록하며 그 성과를 증명했습니다.
이 경험을 통해 어떤 어려움에도 굴하지 않고 문제를 해결하고 목표를 달성하는 능력을 키웠습니다.
지금은 그 경험을 바탕으로 웹 디자인과 UI/UX 디자인, 퍼블리싱 분야에서 실력을 쌓으며, 사용자 경험을 우선시하는 직관적이고 기능적인 웹사이트를 구현하고 계속해서 목표성취를 위해 성장중입니다.
이와 같은 강한 추진력과 문제 해결 능력은 현재 디자인 작업에도 그대로 적용되고 있습니다.
제 여정은 언제나 끊임없는 성장과 함께입니다.

HTMLCSSJSPHOTOSHOPILLUSTRATOR
FIGMA PREMIERE PRO BRAKET

Projects

프로젝트-1_ESG 기업홍보

레드버튼 웹 사이트 리뉴얼 프로젝트 및 ESG 기업홍보 (PC웹 사이트)

메뉴페이지,고객센터,채용정보,제휴/가맹문의 페이지의 디자인 및 구현을 맡았고 인덱스 페이지의 홍보영상 제작을 맡았습니다.

<참여율: 100%>

<사용프로그램>

PHOTOSHOP, ILLUSTRATOR, PREMIERE PRO, HTML, CSS

View More 기획안

프로젝트-2_모바일 앱

코닥 포토프린터 어플 UX/UI 디자인 리뉴얼

직접 어플을 이용하며 불편하다 느낀점들을 조사한 후 Figma를 이용하여 전체적인 디자인과 UI/UX 디자인 후 프로토 타입을 통해 시연 할 수 있게 제작하였습니다.

<참여율: 100%>

<사용프로그램>

Figma

View More 기획안

프로젝트-3_반응형웹

일러스트레이터 나무13 작가의 가상 개인전 프로젝트

모바일 퍼스트로 디자인후 제작하여 스토어 페이지, 작가 소개, 전시소개 페이지 구현 및 인덱스 페이지의 백그라운드 영상과 작가소개 페이지의 인터뷰영상 제작을 맡았습니다.


<참여율: 100%>

<사용프로그램>

ILLUSTRATOR, PREMIERE PRO, HTML, CSS, J-Query, Figma

View More 기획안

레드불 기획안

레드불 pc웹 사이트 리뉴얼 프로젝트 및 ESG 기업홍보 기획안

ESG기업홍보 프로젝트의 초안 이었으며 작업 중 리뉴얼 방향에 대한 의견차이로 팀원간의 회의 후 레드버튼 기업으로 변경 되었습니다.
페이지는 제가 맡은 레드불 TV입니다.첫 화면의 슬라이드,이벤트와 영상 섹션의 비디오 컨테이너는 J-query를 이용하여 제작하였습니다.


<참여율: 100%>

<사용프로그램>

PHOTOSHOP, ILLUSTRATOR, PREMIERE PRO
View More 기획안

프로젝트-4_반응형웹

디붐스피커 구매사이트(with:디붐X다마고치)

기본적으로 디붐 스피커의 사이트를 디자인적으로 리뉴얼 하여 제작, 동일하게 픽셀 스타일을 사용하는 다마고치사와의 협업을 구상하여 가상의 콜라보 상품 제작을 하였습니다.


<참여율: 100%>

<사용프로그램>


PHOTOSHOP, ILLUSTRATOR, PREMIERE PRO, HTML, CSS, J-Query, Figma


시안 제작중 기획안

Design

전 회사 재직 중 작업 한 대시보드 디자인 입니다.

전 직장 재직 중 맡은 업무였던 박람회 홍보용 노트의 간지 디자인과 코스모닝 전면광고 이미지 디자인 입니다.


일러스트레이터를 이용하여 디자인 하였습니다.

<사용프로그램>

ILLUSTRATOR

노트디자인 전면광고 디자인

전 회사 재직 중 작업 한 대시보드 디자인 입니다.

전 직장 재직 중 맡은 업무였던 대시보드의 디자인 입니다.
고객사의 요청사항에 맞춰 디자인 하였으며 그래프 구성 및 레이아웃 전체를 디자인 하였습니다.

피그마를 이용하여 디자인 하였습니다.

<사용프로그램>

Figma

View more

기업광고 이미지제작

조던 브랜드의 광고이미지 제작 기획안과 시안 입니다.
한 인물의 인생을 나타내기 위해 최대한 비슷한 인물들로 선정해 제작하였으며 연작의 느낌을 강조하기 위해 공통적인 레이아웃을 사용하였습니다.
기획안 속 3장 중 첫번째 이미지의 제작을 맡았습니다.

<사용프로그램>

PHOTOSHOP, ILLUSTRATOR

View More 기획안

브랜딩

모자가 잘 어울리지 않아 예쁘고 누구나의 머리에도 맞는 모자가 있었음 좋겠다 싶은 마음에 제작한 가상의 모자 브랜드 Großkopf 의 기획안과 디자인 입니다.

기획안에서 시안을 보실 수 있습니다.

<사용프로그램>

PHOTOSHOP, ILLUSTRATOR

기획안

sm-58 마이크 상세페이지

sm-58 마이크 상세페이지 제작 기획안과 시안 입니다.
배경이미지는 전부 제작하거나 보정하여 사용하였으며 원래 페이지에는 없는 다른 SHURE를 경험하고 싶다면 페이지를 제작하였으며 상세페이지 중간 are you sure? shure 문구는 슈어 라는 회사의 이름을 인용해 직접 생각해낸 문구입니다.

<사용프로그램>

PHOTOSHOP, ILLUSTRATOR

View More 기획안

사진편집-광고시안

드라마 꽃보다 남자 속 유명한 대사인 "흰 천과 바람만 있으면 어디든 갈 수 있어"를 사용한 여행사 광고 이미지 입니다. 3장의 이미지를 선택한 후 자연스럽게 잇기 위해 톤 보정을 하였습니다.



<사용프로그램>

PHOTOSHOP, ILLUSTRATOR

View More

레이아웃 웹진

소소 서울의 이미지와 텍스트를 이용하여 새로운 레이아웃을 디자인 및 구현했습니다.(푸터 로고 클릭시 최상단으로 이동합니다.)

<사용프로그램>



PHOTOSHOP, ILLUSTRATOR, HTML, CSS, SCRIPT

View More

생성형 AI를 활용한 브랜딩

생성형AI를 활용하여 제작한 가상의 브랜드 HARN의 기획안과 디자인 입니다.
실용적이지만 힙한 액세서리 브랜드가 있으면 좋겠다는 생각에 기획하게 되었습니다.

<사용프로그램>

PHOTOSHOP, ILLUSTRATOR, CHAT GPT, GAMMA

View More

생성형 AI를 활용한 브랜드 광고배너 및 상세페이지

생성형AI를 활용하여 제작한 NORTH FACE의 가상의 신제품 윈드브레이커 광고배너와 상세페이지 디자인 입니다.

<사용프로그램>

PHOTOSHOP, ILLUSTRATOR, CHAT GPT

광고 배너 상세페이지

보컬 학원 재직 당시 문의 디자인 입니다.

보컬학원 재직 당시 블로그 썸네일로 사용했던 디자인과 블로그 인덱스 디자인 입니다.
미리캔버스를 이용하여 디자인 하였습니다.

<사용프로그램>

PHOTOSHOP, ILLUSTRATOR, CHAT GPT

View more

video

나무13 백그라운드 영상

나무13 백그라운드 영상 편집본입니다.

<사용프로그램>

PREMIERE PRO

View More

나무13 어바웃페이지 영상

나무13 소개 영상 편집본입니다.

<사용프로그램>

PREMIERE PRO, PHOTOSOHP

View More

레드버튼 소개 영상

영상편집과 음악편집을 이용한 레드버튼 소개 영상입니다.

<사용프로그램>

PREMIERE PRO

View More

레드불 백그라운드 영상

레드불 백그라운드 영상 편집본입니다.

<사용프로그램>

PREMIERE PRO

View More

뮤직비디오:우연히 환승

영상편집을 이용한 뮤직비디오 입니다.

<사용프로그램>

PREMIERE PRO

View More기획의도

광고영상:캐리비안 베이

영상편집과 음악편집을 이용한 케리비안 베이 광고영상 입니다.

<사용프로그램>

PREMIERE PRO

View More기획의도

Contact

전화 아이콘 010-3870-0245