포트폴리오 bg

인덱스 모양

INTRODUCTION

새로운 도전배움을 두려워하지 않고,
디자인과 구현을 함께 고민하며 사용자 경험을 설계하는 디자이너 정지연입니다.

TOOLS

  • 피그마

    Figma를 활용해서 디자인 프로토타입 제작, 디자인 협업을 할 수 있습니다.

  • 포토샵

    사진편집, 배너광고, sns광고, 상세정보 페이지를 제작 할 수 있습니다.

  • 일러스트레이트

    일러스트레이트를 활용해서 로고, 캐릭터를 제작 할 수 있습니다.

  • HTML

    웹표준 & 웹접근성에 맞게 최신코드를 다룰 수 있습니다.

  • CSS

    다양한 애니메이션과 반응형 웹에 대한 디자인 구현을 할수 있습니다.

  • JS

    자바스크립트를 활용하여 기본적인 동적인 기능을 사용 할 수 있습니다.

  • jQuery

    DOM 요소에 들어가는 빠른 동적 애니메이션을 만들 수 있습니다.

  • react

    State, Props등 다양한 훅을 이용해서 웹/앱을 개발 할수 있습니다.

  • github

    git 명령을 이용해 github로 개인작업과 원활한 팀협업을 할수 있습니다.

  • notion

    Notion을 활용해 팀원과의 소통, 업무 히스토리를 체계적으로 관리하며,
    유연한 협업 환경을 만들 수있습니다.

EDUCATION

  • 2025. 08

    ui/ux 프론트엔드 반응형 웹 디자인 & 웹퍼블리셔 (웹,앱,피그마) 개발 양성과정

  • 2025 .03

    웹퍼블리싱 & 웹개발을 위한 코딩 기초 (그린온라인캠프 과정)

LICENSE

  • 2025. 12

    자동차운전면허증 1종 보통

  • 2019. 02

    중등학교 2급 정교사 (미술)

About Me

저는 이런 디자인을 할 수 있어요!

  • uiux design 아이콘

    UI/UX Design

    클라이언트의 니즈를 파악하고 디자인하여, 사용자의 관점에서 편리하고 직관적인 인터페이스를 구상하고 웹접근성, 웹표준을 설계할 수 있습니다.

  • Web Design 아이콘

    Web Design

    클라이언트가 접속한 브라우저를 고려하여 크로스 브라우징에 대응하는 호환성 높고, 완성도 높은 웹디자인을 제작할 수 있습니다.

  • Responsive 아이콘

    Responsive

    반응형 웹과 적응형 웹을 다룰 수 있고 클라이언트가 어떤 디바이스로 접근하든 대응 할 수 있는 능력이 있습니다.

  • Art Based Visual Design 아이콘

    Art Based Visual Design

    미술 전공 기반의 시각적 감각을 바탕으로 웹 환경에 적합한 설득력 있는 비주얼을 구현할 수 있습니다.

프로젝트 01 인덱스

TAMBURINS

WEB - PROJECT

1920 데스크탑 전용 웹사이트 리디자인

제작기간 : 2주

기여도 : 개인 100% (디자인 + 퍼블리싱)

기획 및 버전 관리 : GitHub, Notion

Tool : Figma, Photoshop, HTML5, CSS3, JAVASCRIPT

Page : 메인 페이지 (index.html), 로그인페이지 (login.html), 반응형 추가 진행중

github

탬버린즈 깃허브 주소

TAMBURINS : 감각적인 향, 독특한 디자인의 K-뷰티 브랜드

TAMBURINS는 감각적인 향과 조형적인 패키지, 그리고 공간 경험을 통해 '향'을 오브제처럼 소비하는 새로운 문화를 제안하는 브랜드입니다.

본 프로젝트에서는 비주얼 중심으로 구성된 탬버린즈 공식홈페이지의 정보 전달 한계를 보완하고자, 브랜드 고유의 감성을 유지하면서도 구매 전 상품 정보를 충분히 이해 할 수 있는 구조로 리디자인하였으며 다양한 팝업스토어, 예술전시 등을 통해 K뷰티 브랜드의 다양성과 사용자의 편리함을 동시에 추구하는 경험 설계를 중심으로 풀어냈습니다.

프로젝트 01 인덱스

MOORIM

WEB - PROJECT

반응형 웹사이트 리디자인 (데스크탑, 태블릿)

현재 태블릿 버전 수정 및 모바일버전 추가 진행중입니다.

제작기간 : 2주

기여도 : 개인 100% (디자인 + 퍼블리싱)

기획 및 버전 관리 : GitHub, Notion

Tool : Figma, Photoshop, HTML5, CSS3, JAVASCRIPT

Page : 메인 페이지 (index.html), 반응형 추가

github

무림 깃허브 주소

MOORIM : 지속가능한 가치를 담은 정직한 제지 브랜드

MOORIM은 단순히 종이를 만드는 것을 넘어, 지속가능한 방식으로 자연과 공존하는 삶의 방식을 제안하는 제지 브랜드입니다.

본 프로젝트에서는 MOORIM이 지향하는 '지속가능성', '정직함', '신뢰'라는 핵심적인 가치를 중심으로 보다 직관적이고 정제된 디자인으로 브랜드의 친환경 가치를 시각화했습니다.

또한, 불필요한 요소를 덜어낸 미니멀한 레이아웃 구성, 안정적인 컬러 톤, 그리고 환경을 연상시키는 비주얼 요소들을 통해 기업의 방향성과 사용자의 인식을 자연스럽게 연결하는 경험을 설계하고자 하였습니다.

프로젝트 01 인덱스

LACOSTE

WEB - PROJECT

웹사이트 리디자인

제작기간 : 4일

기여도 : 개인 100%

기획 및 버전 관리 : GitHub, Notion

Tool : Figma, Photoshop, (HTML5, CSS3, JAVASCRIPT 진행중)

Page : 메인 페이지 (반응형웹사이트 진행중)

LACOSTE : 프렌치 클래식을 현대적으로 재해석한 브랜드

LACOSTE는 프렌치 헤리티지를 현대적으로 재해석한 브랜드로, 클래식한 감성과 세련된 디자인을 동시에 담고 있습니다.

본 프로젝트에서는 라코스테 특유의 고급스럽고 절제된 무드를 유지하면서도, 더 깔끔하고 세련된 메인 디자인으로 사용자 경험을 개선했습니다.

제품 중심의 크고 직관적인 비주얼 배치, 그리고 브랜드의 헤리티지를 반영한 타이포그래피와 컬러톤 구성을 통해 라코스테만의 정제된 감성과 스포티한 우아함을 시각적으로 표현했습니다.

프로젝트 01 인덱스

ROYAL CANIN

WEB - PROJECT

웹사이트 리디자인

제작기간 : 2일

기여도 : 개인 100%

기획 및 버전 관리 : GitHub, Notion

Tool : Figma, Photoshop, (HTML5, CSS3, JAVASCRIPT 진행중)

Page : 메인 페이지 (반응형웹사이트 진행중)

ROYAL CANIN : 반려동물 맞춤 프리미엄 펫푸드 브랜드

ROYAL CANIN은 ‘모든 반려동물은 다르다’는 철학 아래, 과학적 연구에 기반한 맞춤 영양으로 건강을 설계하는 브랜드입니다.

본 프로젝트에서는 로얄캐닌의 전문적이고 신뢰도 높은 브랜드 이미지를 유지한 채,공식 홈페이지 안에서 제품을 체계적으로 탐색할 수 있는 홈페이지형 스토어 구조를 새롭게 설계하였으며 카테고리 분류, 정보위계, 탐색 동선을 쇼핑몰 UX관점에서 재구성하여 브랜드 이해에서 제품 선택까지 자연스럽게 이어지도록 리디자인하였습니다.

프로젝트 05 인덱스

ADDITIONAL WEB DESIGN

WEB - PROJECT

추가 웹디자인 프로젝트

제작기간 : 2일

기여도 : 개인 100%

기획 및 버전 관리 : GitHub, Notion

Tool : Figma, Photoshop, (HTML5, CSS3, JAVASCRIPT 예정)

Page : 상품 목록 페이지, 랜딩페이지, 웹사이트 리디자인

상품 목록 페이지, 랜딩페이지, 웹사이트 리디자인

Product Listing Page, Landing Page, Website Redesign 등 다양한 유형의 웹

페이지 디자인 작업입니다.

각 페이지의 목적과 사용자 흐름을 고려하여 정보 구조와 콘텐츠 배치를 설계했습니다.

프로토타입을 통해 '상품 목록 페이지', '랜딩페이지', '웹사이트 리디자인' 순서로 프로젝트의 디자인 흐름과 화면 구성을 확인할 수 있습니다.

디자인 인덱스

DESIGN WORKS

감사합니다

변화에 주저하지 않고 도전하며, 배움을 통해 어떤 환경에서도

끊임없이 성장하는 디자이너가 되겠습니다.

T. 010 - 8131 - 9300