Hi
Hi
Hi
민지D
Web
designer
I'm a Seoul-based web designer and React developer
I'm a Seoul-based web designer and React developer
기여할 수 있는 역량
웹디자인부터 광고 소재 제작, 다양한 배너 디자인 및 HTML/CSS를 활용한 웹사이트 퍼블리싱까지 가능합니다. 나아가 React 기반의 퍼블리싱과 프론트엔드 개발, REST API 연동 및 컴포넌트 구현 등 전문적인 수준에서 수행할 수 있습니다.
1. ui/ux design
웹 프레이밍 및 프로토타이핑
모바일 앱 및 웹사이트 UI 디자인
한국어와 영어로 원활한 피그마 디자인 리뷰
마이크로 애니메이션 기반 인터랙션 디자인 구현
2. 광고 디자인 역량
광고 소재 제작 – 전달받은 텍스트 및 이미지를 기반으로 광고 배너 기획
제공된 가이드라인에 따라 1개 이상의 시안을 제작 및 제안
Adobe Photoshop, Illustrator 활용 모든 종류의 커스터마이징 가능
배너 광고 소재 다수 제작 경험 보유 – 상세 디자인 포트폴리오 참조 가능
3. 웹 퍼블리싱
시멘틱 마크업 원칙에 따른 HTML/CSS 반응형 코딩 수행
TailwindCSS·SCSS·Bootstrap 등 스타일 프레임워크를 활용한 확장 가능한 UI 구축
Framer Motion·AOS·Swiper.js 기반 마이크로 인터랙션/스크롤 애니메이션 구현
Lottie·GIF 애니메이션 적용 및 반응형 이미지/테이블 설계로 가독성과 성능 동시 확보
4. React 개발
프로젝트 셋업 & 구조화: React + Vite 기반 초기 세팅(레이아웃/라우팅/환경변수/빌드 최적화)
컴포넌트 아키텍처: 재사용 가능한 UI 컴포넌트 설계, 코드 모듈화 및 유지보수성 향상
데이터 연동 설계: REST API 연동, 상태관리(Redux / RTK Query 등), 에러/로딩 상태 처리
분석 & SEO 연동: Google Analytics(ga4/gtag), Google Search Console 연동, 메타태그/사이트맵/robots 설정
1. ui/ux design
웹 프레이밍 및 프로토타이핑
모바일 앱 및 웹사이트 UI 디자인
한국어와 영어로 원활한 피그마 디자인 리뷰
마이크로 애니메이션 기반 인터랙션 디자인 구현
2. 광고 디자인 역량
광고 소재 제작 – 전달받은 텍스트 및 이미지를 기반으로 광고 배너 기획
제공된 가이드라인에 따라 1개 이상의 시안을 제작 및 제안
Adobe Photoshop, Illustrator 활용 모든 종류의 커스터마이징 가능
배너 광고 소재 다수 제작 경험 보유 – 상세 디자인 포트폴리오 참조 가능
3. 웹 퍼블리싱
시멘틱 마크업 원칙에 따른 HTML/CSS 반응형 코딩 수행
TailwindCSS·SCSS·Bootstrap 등 스타일 프레임워크를 활용한 확장 가능한 UI 구축
Framer Motion·AOS·Swiper.js 기반 마이크로 인터랙션/스크롤 애니메이션 구현
Lottie·GIF 애니메이션 적용 및 반응형 이미지/테이블 설계로 가독성과 성능 동시 확보
4. React 개발
프로젝트 셋업 & 구조화: React + Vite 기반 초기 세팅(레이아웃/라우팅/환경변수/빌드 최적화)
컴포넌트 아키텍처: 재사용 가능한 UI 컴포넌트 설계, 코드 모듈화 및 유지보수성 향상
데이터 연동 설계: REST API 연동, 상태관리(Redux / RTK Query 등), 에러/로딩 상태 처리
분석 & SEO 연동: Google Analytics(ga4/gtag), Google Search Console 연동, 메타태그/사이트맵/robots 설정
1. ui/ux design
웹 프레이밍 및 프로토타이핑
모바일 앱 및 웹사이트 UI 디자인
한국어와 영어로 원활한 피그마 디자인 리뷰
마이크로 애니메이션 기반 인터랙션 디자인 구현
2. 광고 디자인 역량
광고 소재 제작 – 전달받은 텍스트 및 이미지를 기반으로 광고 배너 기획
제공된 가이드라인에 따라 1개 이상의 시안을 제작 및 제안
Adobe Photoshop, Illustrator 활용 모든 종류의 커스터마이징 가능
배너 광고 소재 다수 제작 경험 보유 – 상세 디자인 포트폴리오 참조 가능
3. 웹 퍼블리싱
시멘틱 마크업 원칙에 따른 HTML/CSS 반응형 코딩 수행
TailwindCSS·SCSS·Bootstrap 등 스타일 프레임워크를 활용한 확장 가능한 UI 구축
Framer Motion·AOS·Swiper.js 기반 마이크로 인터랙션/스크롤 애니메이션 구현
Lottie·GIF 애니메이션 적용 및 반응형 이미지/테이블 설계로 가독성과 성능 동시 확보
4. React 개발
프로젝트 셋업 & 구조화: React + Vite 기반 초기 세팅(레이아웃/라우팅/환경변수/빌드 최적화)
컴포넌트 아키텍처: 재사용 가능한 UI 컴포넌트 설계, 코드 모듈화 및 유지보수성 향상
데이터 연동 설계: REST API 연동, 상태관리(Redux / RTK Query 등), 에러/로딩 상태 처리
분석 & SEO 연동: Google Analytics(ga4/gtag), Google Search Console 연동, 메타태그/사이트맵/robots 설정
About me
안녕하세요, 민지.D입니다. 웹디자이너이자 React 기반 하이브리드 개발자로, 의미 있고 임팩트 있는 웹 경험을 설계·구현합니다.
0
0
Years of Experience
0
0
Years of Experience
0
0
Years of Experience
0
0
Completed Projects
0
0
Completed Projects
0
0
Completed Projects
0+
0+
Clients on Worldwide
0+
0+
Clients on Worldwide
0+
0+
Clients on Worldwide
전화번호 :
010-7604-3036
전화번호 :
010-7604-3036
전화번호 :
010-7604-3036
Email :
minjee9009@gmail.com
Email :
minjee9009@gmail.com
Email :
minjee9009@gmail.com
Featured Projects
주로 회사에서 진행한 프로젝트들을 위주로 보여드리고 있습니다. 개인적으로는 혼자서 30개 이상의 프로젝트를 진행하며 수많은 이미지를 제작했지만, 실제 업무에서 수행한 일부 프로젝트만을 소개하고 있습니다.
UI / UX Design
React 기반 Post burber branding
Design UX/UI 모든 이미지 제작, animation REACT 기빈 디자인 퍼블리싱
UI / UX Design
React 웹 개발
제가 만든 사이트는 단순 홍보용 페이지가 아니라 관리자 시스템까지 포함된 서비스입니다. 관리자/매니저가 다양한 계정을 생성·운영할 수 있고, 권한/역할 기반 접근 제어를 Java 기반 토큰(JWT)으로 구현했습니다. 계정별로 전용 로고와 UI가 자동 적용되어 브랜드별로 화면이 개별 렌더링됩니다. 예를 들어 Postburger의 경우 지점 로고와 Google Analytics가 연동되어 일자별 방문자 수·유입 경로 등 핵심 지표를 대시보드에서 확인할 수 있으며, 가맹/제휴를 희망해 남긴 문의(리드)도 해당 브랜드의 전용 대시보드에 자동 수집되어 신속한 후속 대응이 가능합니다. 프랜차이즈 비즈니스에 최적화된 멀티테넌트 구조를 채택해 운영 효율과 확장성을 함께 확보했습니다. NDA 준수로 실제 내부 대시보드는 공개할 수 없으며, 본 이미지는 브랜드 미노출·가상 데이터 데모입니다.
Web Design
현대건설 스마트 안전교육 프로젝트
현대건설 스마트 안전교육 프로젝트 디자인 및 퍼블리싱 업무 담당 [NDA 준수로 실제 내부 대시보드는 공개할 수 없으며, 본 이미지는 브랜드 미노출·가상 데이터 데모입니다.]
Web Design
생성AI 시대, 반도체 커스터마이징 이슈와 적용 방안’ 세미나
GIF 히어로와 AOS 스크롤 애니메이션을 중심으로 메시지 임팩트를 극대화한 테크 이벤트 랜딩 웹사이트. 반응형 구성, 가벼운 로딩(지연 로드·에셋 최적화) 타임라인·연사·등록(CTA) 섹션 집중 설계
상사의 평가
Here’s what my clients have shared about their experiences working with me. Their trust and satisfaction motivate me to continue delivering designs that make an impact.
주어진 업무에 대한 책임감은 민지 D가 가진 가장 큰 장점 중 하나입니다. 광고주들이 제공하는 각종 광고 시안 등은 늘 모호하거나 최소한의 가이드라인만 제공됐음에도 불구, 피추천인은 해당 업무에 대한 주인의식을 갖고 보다 더 좋은 디자인 아웃풋을 내기 위한 노력을 지속적으로 경주했습니다. 이런 책임감 외에도 상기 인원은 끊임없이 커리어 스택을 강화해 왔습니다. 본인에게 주어진 디자인/퍼블리싱 업무 외에도 혼자서 React 등의 언어를 끊임없이 학습하였으며 이런 학습 성과를 수행하고 있는 업무의 다양한 부분에 적용하기 위한 노력을 계속해 왔습니다.
박지성
테크월드 뉴스 실장
주어진 업무에 대한 책임감은 민지 D가 가진 가장 큰 장점 중 하나입니다. 광고주들이 제공하는 각종 광고 시안 등은 늘 모호하거나 최소한의 가이드라인만 제공됐음에도 불구, 피추천인은 해당 업무에 대한 주인의식을 갖고 보다 더 좋은 디자인 아웃풋을 내기 위한 노력을 지속적으로 경주했습니다. 이런 책임감 외에도 상기 인원은 끊임없이 커리어 스택을 강화해 왔습니다. 본인에게 주어진 디자인/퍼블리싱 업무 외에도 혼자서 React 등의 언어를 끊임없이 학습하였으며 이런 학습 성과를 수행하고 있는 업무의 다양한 부분에 적용하기 위한 노력을 계속해 왔습니다.
박지성
테크월드 뉴스 실장
주어진 업무에 대한 책임감은 민지 D가 가진 가장 큰 장점 중 하나입니다. 광고주들이 제공하는 각종 광고 시안 등은 늘 모호하거나 최소한의 가이드라인만 제공됐음에도 불구, 피추천인은 해당 업무에 대한 주인의식을 갖고 보다 더 좋은 디자인 아웃풋을 내기 위한 노력을 지속적으로 경주했습니다. 이런 책임감 외에도 상기 인원은 끊임없이 커리어 스택을 강화해 왔습니다. 본인에게 주어진 디자인/퍼블리싱 업무 외에도 혼자서 React 등의 언어를 끊임없이 학습하였으며 이런 학습 성과를 수행하고 있는 업무의 다양한 부분에 적용하기 위한 노력을 계속해 왔습니다.
박지성
테크월드 뉴스 실장
다양한 상사와 함께 일했습니다.
0%
0%
Satisfaction Rate
제 노력과 실력을 긍정적으로 평가해 줍니다.
0%
0%
Growth
자주 묻는 질문
디자이너로서 자주 받는 질문들에 대한 답변을 모아 두었습니다. 여기서 찾을 수 없는 질문이 있다면 언제든 편하게 문의해 주세요. 기꺼이 도와드리겠습니다!
1.
개발자인가요, 아니면 웹디자이너인가요?
2.
왜 한국에서 살고 있나요?
3.
웹사이트 디자인은 얼마나 걸리나요?
4.
일하는 데 비자 문제가 있나요?
5.
집은 어디에 있나요?
6.
한국 사람들과 일하면서 언어 소통은 잘 되나요?
1.
개발자인가요, 아니면 웹디자이너인가요?
2.
왜 한국에서 살고 있나요?
3.
웹사이트 디자인은 얼마나 걸리나요?
4.
일하는 데 비자 문제가 있나요?
5.
집은 어디에 있나요?
6.
한국 사람들과 일하면서 언어 소통은 잘 되나요?
1.
개발자인가요, 아니면 웹디자이너인가요?
2.
왜 한국에서 살고 있나요?
3.
웹사이트 디자인은 얼마나 걸리나요?
4.
일하는 데 비자 문제가 있나요?
5.
집은 어디에 있나요?
6.
한국 사람들과 일하면서 언어 소통은 잘 되나요?
Hi
Hi
Hi
Let's work together
Let’s build something impactful together—whether it’s your brand, your website, or your next big idea.
Hi
Hi
Hi
민지D
Web
designer
I'm a Seoul-based web designer and React developer
I'm a Seoul-based web designer and React developer
기여할 수 있는 역량
웹디자인부터 광고 소재 제작, 다양한 배너 디자인 및 HTML/CSS를 활용한 웹사이트 퍼블리싱까지 가능합니다. 나아가 React 기반의 퍼블리싱과 프론트엔드 개발, REST API 연동 및 컴포넌트 구현 등 전문적인 수준에서 수행할 수 있습니다.
1. ui/ux design
웹 프레이밍 및 프로토타이핑
모바일 앱 및 웹사이트 UI 디자인
한국어와 영어로 원활한 피그마 디자인 리뷰
마이크로 애니메이션 기반 인터랙션 디자인 구현
2. 광고 디자인 역량
광고 소재 제작 – 전달받은 텍스트 및 이미지를 기반으로 광고 배너 기획
제공된 가이드라인에 따라 1개 이상의 시안을 제작 및 제안
Adobe Photoshop, Illustrator 활용 모든 종류의 커스터마이징 가능
배너 광고 소재 다수 제작 경험 보유 – 상세 디자인 포트폴리오 참조 가능
3. 웹 퍼블리싱
시멘틱 마크업 원칙에 따른 HTML/CSS 반응형 코딩 수행
TailwindCSS·SCSS·Bootstrap 등 스타일 프레임워크를 활용한 확장 가능한 UI 구축
Framer Motion·AOS·Swiper.js 기반 마이크로 인터랙션/스크롤 애니메이션 구현
Lottie·GIF 애니메이션 적용 및 반응형 이미지/테이블 설계로 가독성과 성능 동시 확보
4. React 개발
프로젝트 셋업 & 구조화: React + Vite 기반 초기 세팅(레이아웃/라우팅/환경변수/빌드 최적화)
컴포넌트 아키텍처: 재사용 가능한 UI 컴포넌트 설계, 코드 모듈화 및 유지보수성 향상
데이터 연동 설계: REST API 연동, 상태관리(Redux / RTK Query 등), 에러/로딩 상태 처리
분석 & SEO 연동: Google Analytics(ga4/gtag), Google Search Console 연동, 메타태그/사이트맵/robots 설정
1. ui/ux design
웹 프레이밍 및 프로토타이핑
모바일 앱 및 웹사이트 UI 디자인
한국어와 영어로 원활한 피그마 디자인 리뷰
마이크로 애니메이션 기반 인터랙션 디자인 구현
2. 광고 디자인 역량
광고 소재 제작 – 전달받은 텍스트 및 이미지를 기반으로 광고 배너 기획
제공된 가이드라인에 따라 1개 이상의 시안을 제작 및 제안
Adobe Photoshop, Illustrator 활용 모든 종류의 커스터마이징 가능
배너 광고 소재 다수 제작 경험 보유 – 상세 디자인 포트폴리오 참조 가능
3. 웹 퍼블리싱
시멘틱 마크업 원칙에 따른 HTML/CSS 반응형 코딩 수행
TailwindCSS·SCSS·Bootstrap 등 스타일 프레임워크를 활용한 확장 가능한 UI 구축
Framer Motion·AOS·Swiper.js 기반 마이크로 인터랙션/스크롤 애니메이션 구현
Lottie·GIF 애니메이션 적용 및 반응형 이미지/테이블 설계로 가독성과 성능 동시 확보
4. React 개발
프로젝트 셋업 & 구조화: React + Vite 기반 초기 세팅(레이아웃/라우팅/환경변수/빌드 최적화)
컴포넌트 아키텍처: 재사용 가능한 UI 컴포넌트 설계, 코드 모듈화 및 유지보수성 향상
데이터 연동 설계: REST API 연동, 상태관리(Redux / RTK Query 등), 에러/로딩 상태 처리
분석 & SEO 연동: Google Analytics(ga4/gtag), Google Search Console 연동, 메타태그/사이트맵/robots 설정
1. ui/ux design
웹 프레이밍 및 프로토타이핑
모바일 앱 및 웹사이트 UI 디자인
한국어와 영어로 원활한 피그마 디자인 리뷰
마이크로 애니메이션 기반 인터랙션 디자인 구현
2. 광고 디자인 역량
광고 소재 제작 – 전달받은 텍스트 및 이미지를 기반으로 광고 배너 기획
제공된 가이드라인에 따라 1개 이상의 시안을 제작 및 제안
Adobe Photoshop, Illustrator 활용 모든 종류의 커스터마이징 가능
배너 광고 소재 다수 제작 경험 보유 – 상세 디자인 포트폴리오 참조 가능
3. 웹 퍼블리싱
시멘틱 마크업 원칙에 따른 HTML/CSS 반응형 코딩 수행
TailwindCSS·SCSS·Bootstrap 등 스타일 프레임워크를 활용한 확장 가능한 UI 구축
Framer Motion·AOS·Swiper.js 기반 마이크로 인터랙션/스크롤 애니메이션 구현
Lottie·GIF 애니메이션 적용 및 반응형 이미지/테이블 설계로 가독성과 성능 동시 확보
4. React 개발
프로젝트 셋업 & 구조화: React + Vite 기반 초기 세팅(레이아웃/라우팅/환경변수/빌드 최적화)
컴포넌트 아키텍처: 재사용 가능한 UI 컴포넌트 설계, 코드 모듈화 및 유지보수성 향상
데이터 연동 설계: REST API 연동, 상태관리(Redux / RTK Query 등), 에러/로딩 상태 처리
분석 & SEO 연동: Google Analytics(ga4/gtag), Google Search Console 연동, 메타태그/사이트맵/robots 설정
About me
안녕하세요, 민지.D입니다. 웹디자이너이자 React 기반 하이브리드 개발자로, 의미 있고 임팩트 있는 웹 경험을 설계·구현합니다.
0
0
Years of Experience
0
0
Years of Experience
0
0
Years of Experience
0
0
Completed Projects
0
0
Completed Projects
0
0
Completed Projects
0+
0+
Clients on Worldwide
0+
0+
Clients on Worldwide
0+
0+
Clients on Worldwide
전화번호 :
010-7604-3036
전화번호 :
010-7604-3036
전화번호 :
010-7604-3036
Email :
minjee9009@gmail.com
Email :
minjee9009@gmail.com
Email :
minjee9009@gmail.com
Featured Projects
주로 회사에서 진행한 프로젝트들을 위주로 보여드리고 있습니다. 개인적으로는 혼자서 30개 이상의 프로젝트를 진행하며 수많은 이미지를 제작했지만, 실제 업무에서 수행한 일부 프로젝트만을 소개하고 있습니다.
UI / UX Design
React 기반 Post burber branding
Design UX/UI 모든 이미지 제작, animation REACT 기빈 디자인 퍼블리싱
UI / UX Design
React 웹 개발
제가 만든 사이트는 단순 홍보용 페이지가 아니라 관리자 시스템까지 포함된 서비스입니다. 관리자/매니저가 다양한 계정을 생성·운영할 수 있고, 권한/역할 기반 접근 제어를 Java 기반 토큰(JWT)으로 구현했습니다. 계정별로 전용 로고와 UI가 자동 적용되어 브랜드별로 화면이 개별 렌더링됩니다. 예를 들어 Postburger의 경우 지점 로고와 Google Analytics가 연동되어 일자별 방문자 수·유입 경로 등 핵심 지표를 대시보드에서 확인할 수 있으며, 가맹/제휴를 희망해 남긴 문의(리드)도 해당 브랜드의 전용 대시보드에 자동 수집되어 신속한 후속 대응이 가능합니다. 프랜차이즈 비즈니스에 최적화된 멀티테넌트 구조를 채택해 운영 효율과 확장성을 함께 확보했습니다. NDA 준수로 실제 내부 대시보드는 공개할 수 없으며, 본 이미지는 브랜드 미노출·가상 데이터 데모입니다.
Web Design
현대건설 스마트 안전교육 프로젝트
현대건설 스마트 안전교육 프로젝트 디자인 및 퍼블리싱 업무 담당 [NDA 준수로 실제 내부 대시보드는 공개할 수 없으며, 본 이미지는 브랜드 미노출·가상 데이터 데모입니다.]
Web Design
생성AI 시대, 반도체 커스터마이징 이슈와 적용 방안’ 세미나
GIF 히어로와 AOS 스크롤 애니메이션을 중심으로 메시지 임팩트를 극대화한 테크 이벤트 랜딩 웹사이트. 반응형 구성, 가벼운 로딩(지연 로드·에셋 최적화) 타임라인·연사·등록(CTA) 섹션 집중 설계
상사의 평가
Here’s what my clients have shared about their experiences working with me. Their trust and satisfaction motivate me to continue delivering designs that make an impact.
주어진 업무에 대한 책임감은 민지 D가 가진 가장 큰 장점 중 하나입니다. 광고주들이 제공하는 각종 광고 시안 등은 늘 모호하거나 최소한의 가이드라인만 제공됐음에도 불구, 피추천인은 해당 업무에 대한 주인의식을 갖고 보다 더 좋은 디자인 아웃풋을 내기 위한 노력을 지속적으로 경주했습니다. 이런 책임감 외에도 상기 인원은 끊임없이 커리어 스택을 강화해 왔습니다. 본인에게 주어진 디자인/퍼블리싱 업무 외에도 혼자서 React 등의 언어를 끊임없이 학습하였으며 이런 학습 성과를 수행하고 있는 업무의 다양한 부분에 적용하기 위한 노력을 계속해 왔습니다.
박지성
테크월드 뉴스 실장
주어진 업무에 대한 책임감은 민지 D가 가진 가장 큰 장점 중 하나입니다. 광고주들이 제공하는 각종 광고 시안 등은 늘 모호하거나 최소한의 가이드라인만 제공됐음에도 불구, 피추천인은 해당 업무에 대한 주인의식을 갖고 보다 더 좋은 디자인 아웃풋을 내기 위한 노력을 지속적으로 경주했습니다. 이런 책임감 외에도 상기 인원은 끊임없이 커리어 스택을 강화해 왔습니다. 본인에게 주어진 디자인/퍼블리싱 업무 외에도 혼자서 React 등의 언어를 끊임없이 학습하였으며 이런 학습 성과를 수행하고 있는 업무의 다양한 부분에 적용하기 위한 노력을 계속해 왔습니다.
박지성
테크월드 뉴스 실장
주어진 업무에 대한 책임감은 민지 D가 가진 가장 큰 장점 중 하나입니다. 광고주들이 제공하는 각종 광고 시안 등은 늘 모호하거나 최소한의 가이드라인만 제공됐음에도 불구, 피추천인은 해당 업무에 대한 주인의식을 갖고 보다 더 좋은 디자인 아웃풋을 내기 위한 노력을 지속적으로 경주했습니다. 이런 책임감 외에도 상기 인원은 끊임없이 커리어 스택을 강화해 왔습니다. 본인에게 주어진 디자인/퍼블리싱 업무 외에도 혼자서 React 등의 언어를 끊임없이 학습하였으며 이런 학습 성과를 수행하고 있는 업무의 다양한 부분에 적용하기 위한 노력을 계속해 왔습니다.
박지성
테크월드 뉴스 실장
다양한 상사와 함께 일했습니다.
0%
0%
Satisfaction Rate
제 노력과 실력을 긍정적으로 평가해 줍니다.
0%
0%
Growth
자주 묻는 질문
디자이너로서 자주 받는 질문들에 대한 답변을 모아 두었습니다. 여기서 찾을 수 없는 질문이 있다면 언제든 편하게 문의해 주세요. 기꺼이 도와드리겠습니다!
1.
개발자인가요, 아니면 웹디자이너인가요?
2.
왜 한국에서 살고 있나요?
3.
웹사이트 디자인은 얼마나 걸리나요?
4.
일하는 데 비자 문제가 있나요?
5.
집은 어디에 있나요?
6.
한국 사람들과 일하면서 언어 소통은 잘 되나요?
1.
개발자인가요, 아니면 웹디자이너인가요?
2.
왜 한국에서 살고 있나요?
3.
웹사이트 디자인은 얼마나 걸리나요?
4.
일하는 데 비자 문제가 있나요?
5.
집은 어디에 있나요?
6.
한국 사람들과 일하면서 언어 소통은 잘 되나요?
1.
개발자인가요, 아니면 웹디자이너인가요?
2.
왜 한국에서 살고 있나요?
3.
웹사이트 디자인은 얼마나 걸리나요?
4.
일하는 데 비자 문제가 있나요?
5.
집은 어디에 있나요?
6.
한국 사람들과 일하면서 언어 소통은 잘 되나요?
Hi
Hi
Hi
Let's work together
Let’s build something impactful together—whether it’s your brand, your website, or your next big idea.
Hi
Hi
Hi
민지D
Web
designer
I'm a Seoul-based web designer and React developer
I'm a Seoul-based web designer and React developer
기여할 수 있는 역량
웹디자인부터 광고 소재 제작, 다양한 배너 디자인 및 HTML/CSS를 활용한 웹사이트 퍼블리싱까지 가능합니다. 나아가 React 기반의 퍼블리싱과 프론트엔드 개발, REST API 연동 및 컴포넌트 구현 등 전문적인 수준에서 수행할 수 있습니다.
1. ui/ux design
웹 프레이밍 및 프로토타이핑
모바일 앱 및 웹사이트 UI 디자인
한국어와 영어로 원활한 피그마 디자인 리뷰
마이크로 애니메이션 기반 인터랙션 디자인 구현
2. 광고 디자인 역량
광고 소재 제작 – 전달받은 텍스트 및 이미지를 기반으로 광고 배너 기획
제공된 가이드라인에 따라 1개 이상의 시안을 제작 및 제안
Adobe Photoshop, Illustrator 활용 모든 종류의 커스터마이징 가능
배너 광고 소재 다수 제작 경험 보유 – 상세 디자인 포트폴리오 참조 가능
3. 웹 퍼블리싱
시멘틱 마크업 원칙에 따른 HTML/CSS 반응형 코딩 수행
TailwindCSS·SCSS·Bootstrap 등 스타일 프레임워크를 활용한 확장 가능한 UI 구축
Framer Motion·AOS·Swiper.js 기반 마이크로 인터랙션/스크롤 애니메이션 구현
Lottie·GIF 애니메이션 적용 및 반응형 이미지/테이블 설계로 가독성과 성능 동시 확보
4. React 개발
프로젝트 셋업 & 구조화: React + Vite 기반 초기 세팅(레이아웃/라우팅/환경변수/빌드 최적화)
컴포넌트 아키텍처: 재사용 가능한 UI 컴포넌트 설계, 코드 모듈화 및 유지보수성 향상
데이터 연동 설계: REST API 연동, 상태관리(Redux / RTK Query 등), 에러/로딩 상태 처리
분석 & SEO 연동: Google Analytics(ga4/gtag), Google Search Console 연동, 메타태그/사이트맵/robots 설정
1. ui/ux design
웹 프레이밍 및 프로토타이핑
모바일 앱 및 웹사이트 UI 디자인
한국어와 영어로 원활한 피그마 디자인 리뷰
마이크로 애니메이션 기반 인터랙션 디자인 구현
2. 광고 디자인 역량
광고 소재 제작 – 전달받은 텍스트 및 이미지를 기반으로 광고 배너 기획
제공된 가이드라인에 따라 1개 이상의 시안을 제작 및 제안
Adobe Photoshop, Illustrator 활용 모든 종류의 커스터마이징 가능
배너 광고 소재 다수 제작 경험 보유 – 상세 디자인 포트폴리오 참조 가능
3. 웹 퍼블리싱
시멘틱 마크업 원칙에 따른 HTML/CSS 반응형 코딩 수행
TailwindCSS·SCSS·Bootstrap 등 스타일 프레임워크를 활용한 확장 가능한 UI 구축
Framer Motion·AOS·Swiper.js 기반 마이크로 인터랙션/스크롤 애니메이션 구현
Lottie·GIF 애니메이션 적용 및 반응형 이미지/테이블 설계로 가독성과 성능 동시 확보
4. React 개발
프로젝트 셋업 & 구조화: React + Vite 기반 초기 세팅(레이아웃/라우팅/환경변수/빌드 최적화)
컴포넌트 아키텍처: 재사용 가능한 UI 컴포넌트 설계, 코드 모듈화 및 유지보수성 향상
데이터 연동 설계: REST API 연동, 상태관리(Redux / RTK Query 등), 에러/로딩 상태 처리
분석 & SEO 연동: Google Analytics(ga4/gtag), Google Search Console 연동, 메타태그/사이트맵/robots 설정
1. ui/ux design
웹 프레이밍 및 프로토타이핑
모바일 앱 및 웹사이트 UI 디자인
한국어와 영어로 원활한 피그마 디자인 리뷰
마이크로 애니메이션 기반 인터랙션 디자인 구현
2. 광고 디자인 역량
광고 소재 제작 – 전달받은 텍스트 및 이미지를 기반으로 광고 배너 기획
제공된 가이드라인에 따라 1개 이상의 시안을 제작 및 제안
Adobe Photoshop, Illustrator 활용 모든 종류의 커스터마이징 가능
배너 광고 소재 다수 제작 경험 보유 – 상세 디자인 포트폴리오 참조 가능
3. 웹 퍼블리싱
시멘틱 마크업 원칙에 따른 HTML/CSS 반응형 코딩 수행
TailwindCSS·SCSS·Bootstrap 등 스타일 프레임워크를 활용한 확장 가능한 UI 구축
Framer Motion·AOS·Swiper.js 기반 마이크로 인터랙션/스크롤 애니메이션 구현
Lottie·GIF 애니메이션 적용 및 반응형 이미지/테이블 설계로 가독성과 성능 동시 확보
4. React 개발
프로젝트 셋업 & 구조화: React + Vite 기반 초기 세팅(레이아웃/라우팅/환경변수/빌드 최적화)
컴포넌트 아키텍처: 재사용 가능한 UI 컴포넌트 설계, 코드 모듈화 및 유지보수성 향상
데이터 연동 설계: REST API 연동, 상태관리(Redux / RTK Query 등), 에러/로딩 상태 처리
분석 & SEO 연동: Google Analytics(ga4/gtag), Google Search Console 연동, 메타태그/사이트맵/robots 설정
About me
안녕하세요, 민지.D입니다. 웹디자이너이자 React 기반 하이브리드 개발자로, 의미 있고 임팩트 있는 웹 경험을 설계·구현합니다.
0
0
Years of Experience
0
0
Years of Experience
0
0
Years of Experience
0
0
Completed Projects
0
0
Completed Projects
0
0
Completed Projects
0+
0+
Clients on Worldwide
0+
0+
Clients on Worldwide
0+
0+
Clients on Worldwide
전화번호 :
010-7604-3036
전화번호 :
010-7604-3036
전화번호 :
010-7604-3036
Email :
minjee9009@gmail.com
Email :
minjee9009@gmail.com
Email :
minjee9009@gmail.com
Featured Projects
주로 회사에서 진행한 프로젝트들을 위주로 보여드리고 있습니다. 개인적으로는 혼자서 30개 이상의 프로젝트를 진행하며 수많은 이미지를 제작했지만, 실제 업무에서 수행한 일부 프로젝트만을 소개하고 있습니다.
UI / UX Design
React 기반 Post burber branding
Design UX/UI 모든 이미지 제작, animation REACT 기빈 디자인 퍼블리싱
UI / UX Design
React 웹 개발
제가 만든 사이트는 단순 홍보용 페이지가 아니라 관리자 시스템까지 포함된 서비스입니다. 관리자/매니저가 다양한 계정을 생성·운영할 수 있고, 권한/역할 기반 접근 제어를 Java 기반 토큰(JWT)으로 구현했습니다. 계정별로 전용 로고와 UI가 자동 적용되어 브랜드별로 화면이 개별 렌더링됩니다. 예를 들어 Postburger의 경우 지점 로고와 Google Analytics가 연동되어 일자별 방문자 수·유입 경로 등 핵심 지표를 대시보드에서 확인할 수 있으며, 가맹/제휴를 희망해 남긴 문의(리드)도 해당 브랜드의 전용 대시보드에 자동 수집되어 신속한 후속 대응이 가능합니다. 프랜차이즈 비즈니스에 최적화된 멀티테넌트 구조를 채택해 운영 효율과 확장성을 함께 확보했습니다. NDA 준수로 실제 내부 대시보드는 공개할 수 없으며, 본 이미지는 브랜드 미노출·가상 데이터 데모입니다.
Web Design
현대건설 스마트 안전교육 프로젝트
현대건설 스마트 안전교육 프로젝트 디자인 및 퍼블리싱 업무 담당 [NDA 준수로 실제 내부 대시보드는 공개할 수 없으며, 본 이미지는 브랜드 미노출·가상 데이터 데모입니다.]
Web Design
생성AI 시대, 반도체 커스터마이징 이슈와 적용 방안’ 세미나
GIF 히어로와 AOS 스크롤 애니메이션을 중심으로 메시지 임팩트를 극대화한 테크 이벤트 랜딩 웹사이트. 반응형 구성, 가벼운 로딩(지연 로드·에셋 최적화) 타임라인·연사·등록(CTA) 섹션 집중 설계
상사의 평가
Here’s what my clients have shared about their experiences working with me. Their trust and satisfaction motivate me to continue delivering designs that make an impact.
주어진 업무에 대한 책임감은 민지 D가 가진 가장 큰 장점 중 하나입니다. 광고주들이 제공하는 각종 광고 시안 등은 늘 모호하거나 최소한의 가이드라인만 제공됐음에도 불구, 피추천인은 해당 업무에 대한 주인의식을 갖고 보다 더 좋은 디자인 아웃풋을 내기 위한 노력을 지속적으로 경주했습니다. 이런 책임감 외에도 상기 인원은 끊임없이 커리어 스택을 강화해 왔습니다. 본인에게 주어진 디자인/퍼블리싱 업무 외에도 혼자서 React 등의 언어를 끊임없이 학습하였으며 이런 학습 성과를 수행하고 있는 업무의 다양한 부분에 적용하기 위한 노력을 계속해 왔습니다.
박지성
테크월드 뉴스 실장
주어진 업무에 대한 책임감은 민지 D가 가진 가장 큰 장점 중 하나입니다. 광고주들이 제공하는 각종 광고 시안 등은 늘 모호하거나 최소한의 가이드라인만 제공됐음에도 불구, 피추천인은 해당 업무에 대한 주인의식을 갖고 보다 더 좋은 디자인 아웃풋을 내기 위한 노력을 지속적으로 경주했습니다. 이런 책임감 외에도 상기 인원은 끊임없이 커리어 스택을 강화해 왔습니다. 본인에게 주어진 디자인/퍼블리싱 업무 외에도 혼자서 React 등의 언어를 끊임없이 학습하였으며 이런 학습 성과를 수행하고 있는 업무의 다양한 부분에 적용하기 위한 노력을 계속해 왔습니다.
박지성
테크월드 뉴스 실장
주어진 업무에 대한 책임감은 민지 D가 가진 가장 큰 장점 중 하나입니다. 광고주들이 제공하는 각종 광고 시안 등은 늘 모호하거나 최소한의 가이드라인만 제공됐음에도 불구, 피추천인은 해당 업무에 대한 주인의식을 갖고 보다 더 좋은 디자인 아웃풋을 내기 위한 노력을 지속적으로 경주했습니다. 이런 책임감 외에도 상기 인원은 끊임없이 커리어 스택을 강화해 왔습니다. 본인에게 주어진 디자인/퍼블리싱 업무 외에도 혼자서 React 등의 언어를 끊임없이 학습하였으며 이런 학습 성과를 수행하고 있는 업무의 다양한 부분에 적용하기 위한 노력을 계속해 왔습니다.
박지성
테크월드 뉴스 실장
다양한 상사와 함께 일했습니다.
0%
0%
Satisfaction Rate
제 노력과 실력을 긍정적으로 평가해 줍니다.
0%
0%
Growth
자주 묻는 질문
디자이너로서 자주 받는 질문들에 대한 답변을 모아 두었습니다. 여기서 찾을 수 없는 질문이 있다면 언제든 편하게 문의해 주세요. 기꺼이 도와드리겠습니다!
1.
개발자인가요, 아니면 웹디자이너인가요?
2.
왜 한국에서 살고 있나요?
3.
웹사이트 디자인은 얼마나 걸리나요?
4.
일하는 데 비자 문제가 있나요?
5.
집은 어디에 있나요?
6.
한국 사람들과 일하면서 언어 소통은 잘 되나요?
1.
개발자인가요, 아니면 웹디자이너인가요?
2.
왜 한국에서 살고 있나요?
3.
웹사이트 디자인은 얼마나 걸리나요?
4.
일하는 데 비자 문제가 있나요?
5.
집은 어디에 있나요?
6.
한국 사람들과 일하면서 언어 소통은 잘 되나요?
1.
개발자인가요, 아니면 웹디자이너인가요?
2.
왜 한국에서 살고 있나요?
3.
웹사이트 디자인은 얼마나 걸리나요?
4.
일하는 데 비자 문제가 있나요?
5.
집은 어디에 있나요?
6.
한국 사람들과 일하면서 언어 소통은 잘 되나요?
Hi
Hi
Hi
Let's work together
Let’s build something impactful together—whether it’s your brand, your website, or your next big idea.