안녕하세요!
웹디자이너 김주연입니다

PORT
FOLIO

WEB DESIGNER
& PUBLISHER
WORKS

사용 툴 키워드: Design, Figma, UI/UX, Web, HTML/CSS, Responsive
CLICK ME!!

안녕하세요

김주연 입니다!

저는 이런 사람입니다.

  • 2004년 4월 17일생 (만 22세)
  • 경희사이버대학교 ICT융합콘텐츠과 졸업예정 (2027.02)
  • 일신여자상업고등학교 콘텐츠디자인과 졸업

저의 경력은 이렇습니다.

  • 2023.03 ~ 2025.10  (주)사이트큐빅 (웹디자이너)
  • 2022.08 ~ 2022.11  서울청년대학(주) (디자이너)

이런 프로그램을 사용합니다.

  • Figma ★★★★★ 디자인 작업할 때 주로 사용하는 프로그램입니다.
  • Photoshop ★★★★★ 이미지 보정하거나 누끼를 딸 때 사용합니다.
  • Illustration ★★★★★ 로고나 아이콘을 제작할 때 사용합니다.
  • HTML5 ★★★★☆ 웹의 뼈대를 잡기 위해 사용합니다.
  • CSS3 ★★★★☆ 잡힌 뼈대를 예쁘게 꾸며주기 위해 사용합니다.
  • JavaScript ★★★☆☆ 웹을 동적으로 움직이게 해주기 위해 사용합니다.
  • jQuery ★★★☆☆ 간단한 문법으로 DOM을 조작하기 위해 사용합니다.
  • React ★★★☆☆ 컴포넌트 기반 재사용 가능한 UI 제작 및 상태 관리
  • Github ★★★★☆ 코드 버전 관리와 팀 프로젝트 협업을 위해 사용합니다.
  • Figma
  • Photoshop
  • Illustrator
  • jQuery
  • HTML5
  • CSS3
  • JavaScript
  • jQuery
  • Github
01 RESPONSIVE WEB

AERHER

세상의 모든 감각을 아우르는 보이지 않는 공기, 그 순수한 향을 빚어내다

기여도 100% (개인 프로젝트) · React · TypeScript · Firebase · TailwindCSS

프리미엄 향수 브랜드 에테르의 온라인 스토어입니다. 상품 탐색부터 장바구니, 결제, 주문 관리까지 이커머스 전 과정을 구현한 웹사이트입니다.

관리자 페이지: /admin (pw: 1234)

</> ↗
02 RESPONSIVE WEB

LAFTEL

무드 기반 추천과 실시간 편성, 파티룸까지 갖춘 애니메이션 스트리밍 플랫폼

기여도 25% (팀 프로젝트) · Next.js · TypeScript · React · TailwindCSS · SASS

TMDB API 기반 콘텐츠 정보와 무드 기반 추천, 실시간 채널 편성, 파티룸, 리뷰・평점 시스템까지 갖춘 애니메이션 스트리밍 플랫폼을 Next.js와 TypeScript로 구현한 리디자인 프로젝트입니다.

담당페이지: 메인 홈 페이지, 애니 상세 페이지, 리뷰 컴포넌트, 스토어-결제페이지

</> ↗
03 RESPONSIVE WEB

ILOOM

Three.js 3D 뷰어와 AI 챗봇을 결합한 가구 쇼핑몰 리디자인 프로젝트

기여도 OO% · React · Three.js · Firebase

가구 쇼핑몰 일룸을 리디자인한 프로젝트입니다. 3D로 가구를 360도 둘러볼 수 있는 뷰어, AI 챗봇 상담, 지도 기반 매장 찾기 기능을 담은 프로젝트입니다.

담당페이지: 베스트셀러 페이지, 제품 상세 페이지, 회원정보
[기능] 주문/배송 조회, 아이디·비밀번호 찾기 · [데이터] 제품 이미지 크롤링 및 배경 제거

</> ↗
04 RESPONSIVE WEB

CGV

영화 예매 사이트 CGV를 HTML과 CSS로 리디자인한 영화 예매 플랫폼

기여도 OO% · HTML · CSS

HTML·CSS로 리디자인한 프로젝트입니다. 그리드 레이아웃으로 프로모션 콘텐츠와 예매 페이지의 시각적 위계를 정리하고, AI와 협업해 날짜・시간・좌석을 선택하는 예매 팝업 기능까지 구현한 프로젝트입니다.

담당페이지: 메인 헤더 / 이벤트 섹션, 영화별·극장별 예매, 빠른 예매 페이지

</> ↗
05 DESIGN ACHIVE

DESIGN

더 많은 디자인 작품을 보시려면 눌러주세요!

CLICK ME!