은영환웹 퍼블리셔 / 웹 프론트엔드 개발자

안녕하세요

기분좋은화면구조만듭니다

복잡한 요구를 단순한 흐름으로.

소개

쉽게읽히고빠르게쓰이는화면을만듭니다

구조는 단순하게. 사용감은 가볍게.

  1. 사용자 경험

    보기에만 좋은 화면보다 실제로 쓰기 편한 화면을 만드는 것을 중요하게 생각합니다.

  2. 유지보수 가능한 구조

    프로젝트가 길어질수록 구조의 힘이 중요합니다. 반복을 줄이고 공통화를 높입니다.

  3. 명확한 커뮤니케이션

    디자이너·개발자·고객의 언어를 연결하며 설명 가능한 산출물을 지향합니다.

프로젝트

대표 작업 셋만 먼저 보여드립니다

수상작·자사 솔루션·SI 대표 사례입니다. 나머지는 갤러리에 정리되어 있습니다.

성과

성과와 전문성 한눈에 보기

숫자와 기록으로 정리한 결과입니다. 자세한 내용은 각 페이지에서 볼 수 있습니다.

0M+
실무 경험
0+
프로젝트
0%
퍼블리싱 책임 수행
0%
일정 준수율

작업 방식

구조는 단순하게. 사용감은 가볍게.

파악 → 정리 → 구현 → 검증. 모든 화면을 같은 리듬으로 만듭니다.

작업 흐름

  1. 01파악

    요구사항과 화면 목적을 먼저 파악합니다.

  2. 02정리

    구조와 공통 요소를 먼저 정리합니다.

  3. 03구현

    반복 스타일은 SCSS 컴포넌트화합니다.

  4. 04검증

    협업자가 이해하기 쉬운 형태로 문서화합니다.

기술 스택

실무에서 검증한 도구와 방법

화면을 만들고, 이후에도 손보기 쉬운 구조까지 함께 고민합니다.

영역별로.

  • 01

    Markup

    • HTML5
    • 시맨틱 마크업
    • 웹표준
    • 웹접근성
    • 크로스브라우징

    웹 표준과 접근성을 고려한 구조적 마크업 구현에 익숙합니다.

  • 02

    Style

    • CSS3
    • SCSS
    • 반응형 웹
    • 컴포넌트 스타일링
    • 유지보수형 구조

    SCSS 컴포넌트화로 유지보수성과 재사용성을 높입니다.

  • 03

    Interaction

    • JavaScript
    • jQuery
    • 동적 UI
    • 인터랙션 구현

    실무 서비스에서 필요한 인터랙션과 동적 화면 대응 경험이 풍부합니다.

  • 04

    Framework

    • Vue 3
    • React.js
    • 컴포넌트 구조
    • 프론트엔드 확장 학습

    Vue 중심 프로젝트 경험을 기반으로 프론트엔드 확장 역량을 키우고 있습니다.

  • 05

    CMS / Solution

    • ICE CMS
    • WebSquare
    • Nexacro
    • eGovFrame
    • 커스터마이징

    다양한 기업 환경의 CMS와 솔루션 구조를 유연하게 대응합니다.

  • 06

    Design / Collaboration

    • Figma
    • Zeplin
    • Photoshop
    • Illustrator
    • Git
    • 문서화
    • 교육 지원

    협업 효율을 높이는 문서화와 커뮤니케이션 역량을 강점으로 보유합니다.

연락하기

프로젝트 문의

퍼블리싱·UI·구조 정리가 필요하시면 메일로 연락 주세요. 정리할 화면부터 함께 보면 됩니다.

메일 주소.

범위와 일정을 먼저 맞추고, 유지하기 쉬운 화면부로 작업합니다.