Visual Dust Code

EXPLORER

kimdust
assets
css
js
stacks.js
scss
images
about.html

PROJECT

[개인]🎀 아멜리 반응형 리뉴얼
[개인]📓 더스트로그
[개인]🎙 신시컴퍼니 반응형 리뉴얼
[개인]📙 먼지의 하루
[개인]🧼 러쉬 리뉴얼
[개인]💎 마리끌레르 원페이지 리뉴얼
[개인]🎵 더스트뮤직
[개인]💄 라 메르 반응형 리뉴얼
[팀]💰 우리은행 반응형 리뉴얼
[팀]📊 현대오토에버 지능형 제조 플랫폼
[팀]🔎 현대오토에버 3D 통합 관제 시스템

CONTECT

함께 발전해나갈
동료와 회사를 찾았어요

Welcome!

I’m Web Designer & Front-end Developer

                  <!
                  DOCTYPE 
                  html
                  >
                
                  <
                  html 
                  lang
                  ="
                  ko
                  ">
                
                  <
                  head
                  >
                
<title>웹디자이너, 프론트엔드 개발자 김민지입니다 😎
<title>

                  </
                  head
                  >
                
                  <
                  body
                  >
                
                  <
                  header 
                  id
                  ="
                  👩 about_me
                  >
                
                    책임감과 능동적인 업무 태도를 바탕으로 맡은 일을 성실하게
                    수행할 수 있습니다.
                  
                    일을 진행하면서 발생하는 다양한 상황에서 긍정적인 마인드를
                    유지하고, 언제나 해결책을 찾기 위해 적극적으로 나섭니다.
                  
                    특히 저는 소소하고 작은 일에서 행복을 찾으려고 노력합니다.
                  
                    일상 속에서 소소한 즐거움을 발견하고, 이를 통해 얻는
                    에너지로 업무에 더욱 집중할 수 있습니다.
                  
                    동료와의 짧은 대화에서 얻는 따뜻한 미소, 성취한 작은
                    목표에서 오는 뿌듯함 등을 소중히 여기며 이를 바탕으로
                  
                    더 큰 목표를 향해 나아가고 발전하는 사람이 되기 위해
                    노력합니다.
                  
                  </
                  header
                  >
                
                  <
                  section 
                  id
                  ="
                  😺 info
                  >
                
- 김민지 Kim Min Ji
- 2001. 11. 09

                  </
                  section
                  >
                
                  <
                  section 
                  id
                  ="
                  📝 education
                  >
                
- 2024. 06 서울시 뉴딜 일자리사업 웹디자인 분야 수료

                    - 2024. 03 이젠아카데미 UI/UX 웹퍼블리셔&프론트엔드 과정
                    수료
                  
- 2020. 02 수도전기공업고등학교 에너지전자제어과 졸업

                  </
                  section
                  >
                
                  <
                  section 
                  id
                  ="
                  💼career
                  >
                
- 2020. 01 ~ 2023. 09 제이영테크 디자이너 재직
- 2024. 07 ~ 현재 인베스티 웹퍼블리셔 재직 중

                  </
                  section
                  >
                
                  <
                  section 
                  id
                  ="
                  🏆 certificate
                  >
                
- 2024. 04 웹디자인기능사 취득

                  </
                  section
                  >
                
                  <
                  footer 
                  id
                  ="
                  🙌 thank_you
                  >
                
멋지다 김민지

                  </
                  footer
                  >
                
                  </
                  body
                  >
                
                  </
                  html
                  >

💻 FE Skills

HTML
CSS
Sass
JS
REACT
Swiper.js
Three.js
GSAP

🎨 Design Skills

Illustrator
Photohop
Lightroom
Figma
Blender
3DS Max

📚 ETC Skills

Slack
Git
Github

🎀 아멜리 반응형 리뉴얼

모바일 버전만 존재하던 기존의 홈페이지를
따뜻한 분위기의 컨셉을 살려 반응형으로 리뉴얼 하였습니다.

SKILLHTML, CSS(Sass), JS, Figma

제작기간 2024. 06~07

LIBRARYSwiper.js, GSAP

참여도 개인 작업
📓 더스트로그

Next.js와 TypeScript, Tailwind 라이브러리를 사용한 블로그입니다
firebase 데이터베이스를 사용해 회원가입과 로그인을 구현했습니다

SKILLNext.js, TypeScript, HTML, CSS, Figma

제작기간 2024. 06

LIBRARYTailwind, GSAP

참여도 개인 작업
🎙 신시컴퍼니 반응형 리뉴얼

뮤지컬계를 선도하는 신시컴퍼니의 장점을 살리지 못하는 기존 홈페이지를
강렬한 주조색과 애니메이션으로 보완해 제작하였습니다.

SKILLHTML, CSS(Sass), JS, Figma

제작기간 2024. 06

LIBRARYSwiper.js, GSAP, ScrollTrigger(GSAP)

참여도 개인 작업
📙 먼지의 하루

리액트 프레임워크를 이용해 저만의 일기장을 만들었습니다.
날짜별 일기 입력과 사진 업로드가 가능합니다.

SKILLReact.js, HTML, CSS, JS

제작기간 2024. 06

LIBRARYChakra UI

참여도 개인 작업
🧼 러쉬 리뉴얼

별개의 사이트로 운영되던 공식 사이트와 공식몰을 하나로 합쳐
브랜드 소개와 제품 구매가 한 곳에서 가능하도록 리뉴얼 하였습니다.

SKILLHTML, CSS(Sass), JS, Figma

제작기간 2024. 06

LIBRARY Swiper.js, GSAP

참여도 개인 작업
💎 마리끌레르 원페이지 디자인

three.js를 사용해 웹상에 3D 모델링을 구현했으며 다양한 애니메이션
효과를 활용해 트렌드를 선도하는 마리끌레르의 장점을 표현했습니다.

SKILLHTML, CSS(Sass), JS, Figma, Blender

제작기간 2024. 02

LIBRARY Three.js, Swiper.js, GSAP

참여도 개인 작업
🎵 더스트뮤직

리액트 프레임워크를 사용해 저만의 음악 감상 홈페이지를 제작했습니다.
Chakra UI와 유튜브 뮤직, 멜론을 참조해 제작하였습니다.

SKILLReact.js, HTML, CSS(SASS), JS

제작기간 2024. 01~02

LIBRARY Chakra UI, Swiper.js

참여도 개인 작업
💄 라 메르 반응형 리뉴얼

기존의 웹사이트를 3가지 사이즈로 반응형 리뉴얼 하였습니다.
또한 그누보드 기반으로 회원가입, 로그인, 마이페이지를 구현하였습니다.

SKILLHTML, CSS(SASS), JS, Figma, PHP

제작기간 2023. 10~11

LIBRARY Swiper.js, ScrollTrigger(GSAP)

참여도 개인 작업
💰 우리은행 반응형 리뉴얼

다소 복잡한 이미지를 주던 기존 홈페이지를 반응형 리뉴얼 하였습니다.
팀장으로 메인, 소개 페이지 및 전체 구조 작업을 진행했습니다.

SKILLHTML, CSS(Sass), JS, Figma

제작기간 2023. 11~2024. 01

LIBRARY Swiper.js, GSAP

참여도팀 작업 팀장
🔎 현대오토에버 3D 통합 관제 시스템

공장 전체를 3D 모델링으로 변환해 에러 현황과 제조 흐름,
AMR의 움직임을한 눈에 파악할 수 있는 시스템입니다.

태블릿이 주 사용기기인 점을 고려해
낮은 사양에서도 3D 페이지가 잘 구현되도록 도면과 실사를 참고하여
최대한 원본을 유지하면서 용량은 줄이는 방향으로 모델링을 제작했습니다.
또한 공장 전체를 한눈에 알아볼 수 있도록 깔끔한 UI로 디자인 했습니다.

SKILLPhotoshop, Illustrator, 3DS Max

참여도팀 작업
📊 현대오토에버 지능형 제조 플랫폼

공장 데이터를 취합해 에러 현황 모니터링, 부하율, 온도 등을 실시간으로
파악해 운영 상태의 효율성을 높이는 플랫폼입니다.
화면 컬러차트와 레이아웃, 기타 설비 이미지 등을 작업했습니다.

SKILLPhotoshop, Illustrator

참여도팀 작업