WEB DESIGNER 배민지
근거 있는 설계, 전략적 본질을 담는
신입 웹디자이너 배민지입니다.
WEB DESIGNER 배민지
근거 있는 설계, 전략적 본질을 담는
신입 웹디자이너 배민지입니다.
WEB DESIGNER 배민지
근거 있는 설계, 전략적 본질을 담는
신입 웹디자이너 배민지입니다.
WEB DESIGNER 배민지
근거 있는 설계, 전략적 본질을 담는
신입 웹디자이너 배민지입니다.
WEB DESIGNER 배민지
근거 있는 설계, 전략적 본질을 담는
신입 웹디자이너 배민지입니다.
WEB DESIGNER 배민지
근거 있는 설계, 전략적 본질을 담는
신입 웹디자이너 배민지입니다.
WEB DESIGNER 배민지

REASONED DESIGN

Reasoned Inquiry, Essential Design.

이유를 묻고, 본질을 그립니다

저는 시각적인 화려함보다 '왜 이 디자인이어야 하는가'에 대한 논리적인 해답을 찾는 과정을 즐깁니다.

단 하나의 픽셀, 사소한 인터랙션 하나에도 사용자의 경험을 고려한 근거를 담으려 노력합니다.

웹디자이너 배민지의 모습
배민지 웹디자이너

Bridge

직군 간의 언어 차이를 이해하고 원활하게 소통합니다. 구현 가능성을 고려한 유연한 협업을 통해 프로젝트의 최종 완성도를 높이는 데 주력합니다.

  • 소통으로 간극을 좁히는 디자이너

    기획 의도를 깊게 파악해 팀의 비전을 시각적 전략으로 구현합니다. 구현 가능성을 고려한 논리적 설계 프로젝트의 완성도를 극대화합니다.

  • 시스템 중심의 사고

    협업의 효율을 높이기 위해 Figma의 컴포넌트와 디자인시스템을 구축하여 전체적으로 일관된 프로젝트 경험을 디자인 할 수 있습니다.

  • 열린 피드백

    비판을 성장의 밑거름으로 삼으며, 더 나은 결과물을 위해 유연하게 사고하고 함께 최선의 정답을 찾아나갑니다.

Core Strengths

사용자에게 더 나은 경험을 제안하기 위해, 다음과 같은 고민과 역량을 차근차근 채워왔습니다.

  • Systematic Design

    피그마의 오토 레이아웃과 컴포넌트화를 통한 효율적인 워크플로우 관리 할 수 있습니다.

  • Responsive Web

    다양한 디바이스 환경을 고려한 최적화된 반응형 인터페이스 설계 및 디자인할 수 있습니다.

  • Logical Problem Solving

    사용자의 불편함을 데이터와 논리로 분석하여 시각적 솔루션을 도출하는 문제 해결 능력

Certifications

디자인 실무를 뒷받침하는 탄탄한 툴 숙련도와 분석적인 업무 태도를 보유하고 있습니다.

2026.02
GTQ(그래픽기술자격) 1급
한국생산성본부
2018.05
컴퓨터활용능력 2급
대한상공회의소

My Toolbox

사용자의 편리함을 고민하며 디자인하고, 브라우저에 직접 옮기기 위해 필요한 기술들입니다. 디자인 툴과 마크업 언어를 활용하여, 기획 의도가 화면에 바르게 전달될 수 있도록 꼼꼼하게 작업할 수 있습니다.

  • 포토샵

    photoshop

    다양한 소스를 합성하여 감각적인 메인 비주얼과 상세 페이지를 디자인할 수 있습니다. 그리고 무드와 주제에 맞는 팝업과 배너 디자인을 제작할 수 있습니다.

  • 일러스트레이터

    Illustrator

    아이콘, 로고 등 확대해도 깨지지 않는 벡터 기반의 그래픽 요소를 제작할 수 있습니다. 브랜드 가이드를 바탕으로 일관성 있는 비주얼 아이덴티티를 설계할 수 있습니다.

  • 피그마

    Figma

    오토 레이아웃과 변수(Variables)를 활용하여 체계적인 디자인 시스템을 구축할 수 있습니다. 실제 서비스의 프로토타입을 제작하여 사용자 흐름을 테스트하고 수정 및 검증할 수 있습니다.

  • html5

    html5

    웹 표준을 준수하는 시맨틱 마크업으로 검색 엔진에 최적화된 구조를 설계할 수 있습니다. 웹 접근성을 준수하는 마크업을 구성하여 장애인도 쉽게 접근할 수 있는 홈페이지를 만들 수 있습니다.

  • CSS3

    CSS3

    다양한 애니메이션을 구현하여 인터랙티브 홈페이지를 구현할 수 있고, 미디어 쿼리를 활용하여 모바일, 태블릿, PC 등 모든 디바이스에 대응하는 반응형 웹을 구현할 수 있습니다.

  • JavaScript

    JavaScript

    Vanilla JS와 ES6+의 기초 문법을 익혀 웹페이지의 주요 기능을 구현할 수 있습니다. 단순히 기능을 만드는 것을 넘어 코드의 흐름을 이해하며 탄탄한 기본기를 다지는 데 집중하고 있습니다.

  • Git

    Git

    프로젝트의 변경 사항을 버전별로 기록하여 안정적으로 히스토리를 관리할 수 있습니다. 브랜치(Branch) 생성과 병합을 통해 여러 가지 기능을 동시에 독립적으로 개발할 수 있습니다.

  • GitHub

    GitHub

    로컬 저장소의 작업물을 원격 저장소에 공유하여 팀원들과 실시간으로 협업할 수 있습니다. GitHub Pages를 활용하여 정적 웹 사이트를 배포하고 프로젝트 결과물을 외부에 공개할 수 있습니다.

  • Notion

    Notion

    디자인 가이드라인과 회의록을 문서화하여 팀 간 커뮤니케이션 비용을 줄일 수 있습니다.

  • 포스터1

    BLUE & BOLD: Brew, bite, brainstorm

    강렬한 코발트 블루와 깨끗한 화이트 컬러의 대비를 활용하여 시선을 사로잡는 그래픽 포스터입니다.

    중앙의 키치한 일러스트는 캐주얼하고 힙한 무드를 완성하며, 하단의 정갈한 텍스트로 정보를 명확히 전달합니다.

  • 포스터2

    PREMIUM MATCHA

    'FLOOD COFFEE LAB'에서 선보이는 프리미엄 말차 라떼 포스터입니다.

    미니멀한 베이지 배경 위에 상단에서 내려다본(Top-down) 말차 라떼의 이미지를 중앙에 배치하여 시각적 몰입감을 높였습니다.

  • 포스터3

    MONO GROUND: Where Coffee Settles

    연필 스케치 기법으로 담아낸 정겨운 카페 외관이 인상적인 포스터입니다.

    화려함보다는 본질에 집중하는 'MONO GROUND'의 철학을 종이 질감의 배경과 섬세한 드로잉으로 표현했습니다.

  • 포스터4

    PURPLE VIBE: NEW CROISSANT MENU

    선명한 퍼플 컬러와 볼드한 타이포그래피의 조화로 시각적 압도감을 주는 포스터입니다.

    사선으로 배치된 상단의 텍스트와 배경의 테이프 그래픽이 역동적인 리듬감을 만들고, 중앙의 크로와상 실사를 더욱 먹음직스럽게 돋보이게 합니다.

  • 포스터5

    CENTELLA ESSENCE

    제품의 핵심 성분인 '센텔라'의 진정 효과를 시각적으로 극대화한 포스터입니다.

    투명한 앰플 용기의 비주얼을 조화롭게 배치, 자극 없이 순수한 피부 케어를 지향하는 브랜드의 철학을 고급스럽게 담아냈습니다.

  • 포스터6

    RETRO SWEETS: PINK CRUMBS

    사랑스러운 핑크 톤을 베이스로, 옛날 매거진 화보를 보는 듯한 노스탤지어 감성을 담아낸 포스터입니다.

    단순한 디저트 메뉴 안내를 넘어, 추억 속 달콤한 순간을 소환하는 브랜드의 아이덴티티를 명확히 보여줍니다.

  • 포스터7

    RETRO SWEETS: PINK CRUMBS

    'Pink Crumbs' 브랜드를 구성하는 요소들을 아이콘화하여 패턴처럼 활용한 디자인입니다.

    앞선 포스터와 이어지는 시리즈물로서 브랜드의 비주얼 언어를 더욱 풍성하게 확장하는 역할을 합니다.

  • 포스터8

    BEYOND THE FORM

    바우하우스 건립 100주년을 기념하여 제작된 전시 포스터입니다.

    불필요한 장식을 배제한 절제된 구성을 통해 시각적 명확성과 본질에 집중하는 디자인적 접근을 시도했습니다.

Poster Designs

{Strategic Visualization}

기획 의도와 데이터를 효과적으로 시각화하여 디자인해 보았습니다.

Detail Designs

{Intuitive and Elegant}

컨셉 기획부터 비주얼 구현까지, 주도적으로 디자인 툴 포토샵 사용과 AI어시스턴트로 완성한 상세페이지 프로젝트입니다.

Responsive Web Project

{Seamless and Simple}

환경에 구애받지 않는 유동적 그리드와 상대 단위를 적용하여, 모든 스크린에서 균형 잡힌 인터페이스를 구현했습니다.

Break Point

  • 모바일 768픽셀
    mobile

    768px

  • 탭패드 1024픽셀
    tab - pad

    1024px

  • 데스크탑 1024픽셀 이상
    desktop

    1440px

1Project

Dyson Redesign Responsive Website

일상의 불편함을 해결하는 정교한 설계, 최첨단 기술과 감각적인 디자인으로 완성하는 가장 완벽한 경험 DYSON

단순한 기능의 구현을 넘어, 강력한 성능과 인체공학적 디자인이 조화를 이루어 사용자의 라이프스타일에 완벽한 최적화를 이루는 순간을 지향합니다.

다이슨 리디자인 프로젝트 디테일샷 pc 다이슨 리디자인 디테일샷 pad

2Project

OFFSET Responsive Website

일상의 복잡함을 커피 한 잔의 휴식으로 상쇄한다는 의미를 시각화하는 데 집중했습니다.

화려한 장식보다는 여백의 미와 절제된 타이포그래피를 활용하여,
브랜드가 지향하는 '도심 속 정적'과 '심리적 균형'을 웹 환경에서 직관적으로 느낄 수 있도록 디자인했습니다.

오프셋 커피 브랜드 디테일샷 pc 오프셋 커피 브랜드 디테일샷 mobile

Never Stop Evolving

피드백을 성장의 양분으로 삼아 팀과 함께 나아가는 유연한 디자이너 배민지입니다.

디자인의 정답을 혼자 고민하기보다 동료와의 끊임없는 소통을 통해 최선의 해답을 찾아나가는 과정을 즐깁니다.
적극적인 태도로 피드백을 흡수하여 서비스의 완성도를 높이고, 팀의 목표를 함께 실현해 나가는 디자이너가 되겠습니다.

Here