EUNBI's UI/UX

언어만으로 화면이 그려지고 손이 지나가는 방향에 따라 표현되는 재미에 큰 성취감을 느끼는 웹 퍼블리셔입니다! 단순하고 감각적인 UI 개발하는 일을 좋아해요.

CLICK!
EUNBIEUNBIEUNBIEUNBIEUNBIEUNBI
나의 프로필 이미지
Web Publisher 양은비

안녕하세요! 웹표준과 웹접근성을 고려해서 마크업을 하며, 편리하면서 감각적인 UI를 그려내는 웹 퍼블리셔입니다.

인터랙션에 관심이 많고 JavaScript/JQuery를 통해 더 나은 모션을 구현하고자 자기 개발을 하고 있습니다. 좋은 결과물을 위해 활발한 커뮤니케이션을 우선시합니다.

more

PROJECT 1

돋보기를 클릭하시면 해당 사이트로 바로 이동이 가능하며, 하단 내용에 있는 화살표를 클릭하시면 내용을 더 보실 수 있습니다.

  • 포스텍 학부 외국인 입학 썸네일

    포스텍 학부 외국인 입학
    외국인 입학 지원자에게 필요한 정보를 제공하는 반응형 웹사이트입니다. 학교 측이 관리자 홈페이지에서 HTML을 쉽게 변경할 수 있도록 하여, 유지보수의 편리함을 증대시키는 것을 목표로 했습니다.
    2024/8 (약 1달 소요)
    기술 스택 :Html, JSP, CSS, JQuery, javaScript
  • 가톨릭대학교 부설기관 썸네일

    가톨릭대학교 부설기관부설기관 전체 보기
    가톨릭대학교의 전체 부설 기관을 위한 반응형 홈페이지로, 콘텐츠 관리 시스템(CMS)을 기반으로 구축되었습니다. 2개월 동안 27개의 홈페이지를 빠르게 작업해야 했기 때문에, 잘 짜여진 공통 컴포넌트와 개발자 간의 협업이 매우 중요했습니다. 일관된 코드 작성을 유지하고, 프로젝트 진행 상황을 수시로 점검하며 문제 발생 시 즉각적으로 대응하는 데 집중했습니다. 그 결과, 프로젝트를 성공적으로 마무리할 수 있었습니다.
    2024/3 (약 2달 소요)
    기술 스택 :Html, CSS, JQuery, javaScript
  • 세종대학교 WithUs 산학협력단 썸네일

    세종대학교 WithUs 산학협력단
    가족회사를 위한 산학협력 시스템의 반응형 홈페이지입니다. 추후 다른 대학교들에도 동일한 시스템을 제공하기 위해, 재사용성이 높은 컴포넌트 기반과 편리한 유지보수를 고려하여 작업하였습니다. 그 결과, 이 시스템을 바탕으로 고려대, 안산대, 숭실대, 경복대 등 다른 대학교들과 계약을 체결하고 프로젝트를 진행할 수 있었습니다.
    2023/6 (약 4주 소요)
    기술 스택 :Html, JSP, CSS, JQuery, javaScript
  • 한국건설인정책연구원 썸네일

    한국건설인정책연구원
    건설기술인력 육성을 위한 심사평가 시스템의 반응형 홈페이지입니다. 초반에는 업체의 요청으로 디자인 시안과 콘텐츠 수정이 많아 진척률이 낮아지는 어려움이 있었습니다. 그러나 기획 및 디자인 팀과 여러 차례 회의를 통해 업체의 니즈를 파악하고, 최적화된 결과물을 도출하기 위해 노력하였으며, 사용자 시점을 깊이 고민하고 공부할 수 있는 소중한 시간이 되었습니다.
    2022/12 (약 3주 소요)
    기술 스택 :Html, JSP, CSS, JQuery, javaScript
  • 세종대학교 대표 영문 홈페이지 썸네일

    세종대학교 대표 영문 리뉴얼
    세종대의 대표 영문 반응형 홈페이지입니다. 첫 CMS 기반으로 작업한 프로젝트입니다. 레이아웃 모듈 분리 작업이 가능한 CMS 시스템을 통해 관리자들이 쉽게 수정할 수 있도록 하여, 유지보수의 편리함을 증대시키고자 하였습니다.
    2022/04 (약 4주 소요)
    기술 스택 :Html, CSS, JQuery, javaScript
  • 서울대경력개발센터 썸네일

    서울대경력개발센터 리뉴얼
    서울대 재학생과 졸업생의 경력개발을 지원해주는 기관의 반응형 홈페이지입니다. PHP기반으로 구축되었고 퍼블리싱 뿐 아니라 PHP의 기본적인 구조와 문법을 접할 수 있었습니다.
    2022/01 (약 4주 소요)
    기술 스택 :Html, CSS, JQuery, javaScript, PHP
  • 한국공학교육인증원 썸네일

    한국공학교육인증원 메인 리뉴얼
    기존 홈페이지의 메인 화면을 리뉴얼한 반응형 홈페이지입니다. 후반부 구축/유지보수를 담당했습니다.
    2021/04 (약 1주 소요)
    기술 스택 :Html, PHP, CSS, JQuery, javaScript

PROJECT 2

신규 구축 및 유지보수 프로젝트들을 한눈에 모았습니다. 해당 내용을 클릭하시면 더 자세히 보실 수 있습니다.

닫기
ABOUT
구축 반응형
[작업기간]
2023.12-2024.02 (약 3달 소요)
[기여도]
100%
[기술스택]
JSP, jQuery, JavaScript, CSS
한경대학교 GoodGIL

한경대학교 학생들의 진로를 설계하고 역량을 지원해주는 시스템입니다. 반응형으로 메인페이지와 서브페이지들은 퍼블리싱 파트로 단독 작업했습니다.

로그인 전 메인화면
로그인 후 메인화면
진단결과 화면
배지오디션참여내역목록
ABOUT
구축 반응형
[작업기간]
2023.10 (약 1달 소요)
[기여도]
100%
[기술스택]
JSP, jQuery, JavaScript, CSS
연세대학교 진로역량관리시스템

연세대학교 학생들의 진로를 설계하고 역량을 지원해주는 시스템입니다. 반응형으로 메인페이지와 서브페이지들은 퍼블리싱 파트로 단독 작업했습니다.

관리자 위젯 화면
로그인 전 메인화면
진로역량 진단
나의 진로역량진단 결과
진로방향 설정 팝업
나의 진로 설정 결과
나의 진로 설정 결과
ABOUT
구축/유지보수 반응형
[작업기간]
2020.07 (약 2주 소요)
[기여도]
100%
[기술스택]
JSP, jQuery, JavaScript, CSS
한양사이버대학교 차세대사업 역량관리시스템

교육서비스를 강화하는 목적으로 설계된 대학 행정업무 시스템 홈페이지입니다. 반응형이며 퍼블리싱 파트로 단독 작업했습니다.

한양사이버대학교 로그인 화면
한양사이버대학교 학생 메인 화면
한양사이버대학교 교수 메인 화면
한양사이버대학교 직원 메인 화면
한양사이버대학교 평생학습정향성진단검사
한양사이버대학교 대시보드
ABOUT
구축 반응형
[작업기간]
2021.11 (약 3주 소요)
[기여도]
85%
세종대학교 Portal

세종대학교의 교내 여러 업무 시스템을 단일 인증으로 이용 할 수 있도록 연결해주는 시스템입니다. 반응형으로 메인페이지는 팀원과 함께 작업했으며 모든 서브페이지들은 퍼블리싱 파트로 단독 작업했습니다. Sortable 플러그인을 사용하여 위젯편집 기능을 구축하였습니다.

세종대학교 포털 로그인 화면
세종대학교 포털 메인 화면
세종대학교 포털 메인 테마 변경 화면
세종대학교 포털 메인 위젯 화면
세종대학교 포털 공지사항 리스트 화면
세종대학교 포털 공지사항 조회 화면
세종대학교 포털 학사일정 화면
ABOUT
구축/유지보수 PC
[작업기간]
2020.06 (약 3주 소요)
[기여도]
100%
국민대학교 아카이브시스템

자료들을 보관하고 조회할 수 있는 목적으로 설계된 데이터 관리 시스템 사이트입니다. 학생/관리자 등의 권한별 메뉴가 있으며 모든 페이지는 퍼블리싱 파트로 단독 작업했습니다.

국민대학교 아카이브 시스템 로그인 화면
국민대학교 아카이브 시스템 메인 화면
국민대학교 아카이브 시스템 자료 조회 화면
국민대학교 아카이브 시스템 자료관리 화면
국민대학교 아카이브 관리 화면
ABOUT
구축/유지보수 모바일 앱
[작업기간]
2020.08 (약 3주 소요)
[기여도]
100%
한양대학교 에리카 현장실습 모바일 앱

학생의 현장실습 진행 과정을 쉽게 파악할 수 있도록 편의성을 제공하는 모바일 앱입니다. 모든 페이지는 퍼블리싱 파트로 단독 작업했습니다.

한양대학교 에리카 모바일 앱
한양대학교 에리카 모바일 앱 로그인 화면
한양대학교 에리카 모바일 앱 메뉴 화면
한양대학교 에리카 모바일 앱 메인 화면
한양대학교 에리카 모바일 앱 보고서 화면
한양대학교 에리카 모바일 앱 마이페이지 화면
한양대학교 에리카 모바일 앱 체크리스트 화면

제가 작업한 코드가 화면을 통해해 구현될 때마다 큰 즐거움과 성취감을 느낍니다. 가끔 기술적인 한계에 부딪힐 때도 있지만, 그 순간 어떤 공부를 더 해야 하는지 명확하게 알 수 있다는 점이 저에게는 특별한 매력으로 다가옵니다. 결국, 각자가 마주한 한계 속에서 사람들과 함께 머리를 맞대고 문제를 해결해 나가는 과정이 가장 큰 보람이 됩니다.