카테고리 분류 모두 보기

  • 자세히보기

    dingsThumb 플러그인

    jQuery를 이용한 썸네일 이미지 정렬 플러그인을 개발했습니다. 상대적으로 하위 브라우저에서 지원하는 CSS모듈을 사용함으로써 브라우저 호환성에 중점을 두었습니다.

  • 자세히보기

    아이콘스케치

    개인 포트폴리오 PR페이지를 반응형웹으로 제작했습니다. PR 사이트인 만큼 디자인을 통해 패기있고 활기있는 모습을 어필하고자 의도했고 각 페이지 별 다양한 애니메이션을 사용해 세련된 느낌 또한 동시에 담고자 했습니다.

  • 자세히보기

    아이콘스케치 로고 제작

    아이콘스케치 웹사이트에 사용할 로고를 제작했습니다. 개인 PR사이트의 성격의 맞도록 제 이름의 이니셜 M을 상징화하여 제작했습니다.

  • 자세히보기

    라인정보통신

    라인정보통신의 웹사이트를 제작했습니다. CCTC 설치하는 회사의 정체성을 담아내기 위해 캠코더에 녹화되는 화면의 테마로 디자인하였고, 애니메이션 효과를 사용하여 동적인 느낌을 주었습니다.

  • 자세히보기

    강원대학교 교원채용 시스템

    강원대학교 교원채용 시스템의 퍼블리싱 파트를 담당했습니다. 채용 시스템 특성상 정보의 정확성을 위해 높이, 레이아웃의 간격, 여백 등을 활용하였습니다.

  • 자세히보기

    한솔회원권거래소

    한솔회원권거래소의 웹사이트를 티스토리의 CMS 시스템을 이용해 반응형웹으로 제작했습니다. 상품 정보를 화면 안에서 많이 보여져야 하는 특성을 살리기 위해 그리드 레이아웃을 유연하게 설계하였습니다.

  • 자세히보기

    코드랩 블로그 제작(V2.0)

    직접 활동중인 코드랩의 블로그를 제작했습니다. CMS인 티스토리 서비스를 이용했으며 반응형으로 제작하여 모든 디바이스 넓이에 대응하였습니다.

  • 자세히보기

    트래블씨드

    글로벌 오픈마켓 플랫폼 '트래블씨드'의 초기버전 프론트엔드 개발을 진행했습니다. 반응형웹으로 제작했고, 웹표준과 웹접근성을 고려해 제작했습니다.

  • 자세히보기

    한솔콘도닷컴

    한솔콘도닷컴의 웹사이트를 티스토리의 CMS 시스템을 이용해 반응형웹으로 제작했습니다. 상품 정보를 화면 안에서 많이 보여져야 하는 특성을 살리기 위해 그리드 레이아웃을 유연하게 설계하였습니다.

  • 자세히보기

    예스회원권거래소

    예스회원권거래소의 웹사이트를 티스토리의 CMS 시스템을 이용해 반응형웹으로 제작했습니다. 상품 정보를 화면 안에서 많이 보여져야 하는 특성을 살리기 위해 그리드 레이아웃을 유연하게 설계하였습니다.

  • 자세히보기

    한솔골프닷컴

    한솔골프닷컴의 웹사이트를 티스토리의 CMS 시스템을 이용해 반응형웹으로 제작했습니다. 상품 정보를 화면 안에서 많이 보여져야 하는 특성을 살리기 위해 그리드 레이아웃을 유연하게 설계하였습니다.

  • 자세히보기

    글로벌강원무역 B2B쇼핑몰

    글로벌강원무역의 웹사이트를 제작했습니다. 썸네일을 활용해 진열된 상품이 눈에 잘 띄도록 하였으며, 같은 화면에서 3개 국어를 옵션으로 제공했습니다.

  • 자세히보기

    티스토리 웹 템플릿 개발 (봄나무)

    CMS인 티스토리 서비스의 HTML/CSS 템플릿을 제작했습니다. 눈에 부담을 주지 않은 색상을 주로 사용하여 본문에 집중할 수 있는 디자인을 갖추었고, 각종 인터페이스에 마이크로애니메이션을 적용하였습니다.

  • 자세히보기

    코드랩 로고 및 명함 제작

    코드랩의 로고를 제작하여 명함을 디자인했습니다. 코드를 의미하는 꺾쇠 괄호 문자를 이용한 로고를 뒷면에 넣고 코드랩 구성원 각각의 캐릭터 일러스트를 그려 제작했습니다.

  • 자세히보기

    코드랩 블로그 제작(V1.0)

    직접 활동중인 코드랩의 블로그를 제작했습니다. CMS인 티스토리 서비스를 이용했으며 반응형으로 제작하여 모든 디바이스 넓이에 대응하였습니다.

  • 자세히보기

    강원도 경로당 광역지원센터

    강원도 경로당 광역지원센터의 웹사이트를 제작했습니다. 주로 이용하는 어르신들에게 친숙한 화면으로 설계하였으며 노안을 염두에두고 활자 크기에 집중했습니다.

  • 자세히보기

    인천동부해바라기센터

    인천동부해바라기센터의 웹사이트를 제작했습니다. 여성과 아동을 위한 서비스를 제공하는 정체성을 살리기위해 부드럽고 친근한 색상으로 표현했습니다.

  • 자세히보기

    여성 캐리커쳐

    일러스트레이터를 이용해 여성을 커리캐처로 제작했습니다. 심플한 라인으로 미니멀한 느낌을 주면서도 명암을 이용해 입체적인 느낌을 부여했습니다.

  • 자세히보기

    남성 캐리커쳐

    일러스트레이터를 이용해 남성을 커리캐처로 제작했습니다. 심플한 라인으로 미니멀한 느낌을 주면서도 명암을 이용해 입체적인 느낌을 부여했습니다.

  • 자세히보기

    네모의 꿈 뮤직비디오

    가요 '네모의 꿈' 뮤직비디오를 만들었습니다. 에프터이펙트를 사용했고, 사용된 이미지는 일러스트레이터로 모두 직접 제작했습니다. 음악의 가사와 리듬을 고려해 연출을 하였고, 박자에 영상 싱크를 맞춰 제작했습니다.

  • 자세히보기

    티스토리 웹 템플릿 개발 (CloudDog)

    CMS인 티스토리 서비스의 HTML/CSS 템플릿을 제작했습니다. 레이아웃에서 메뉴를 양쪽이 나눠 배치해 한 화면에서 다른 화면으로의 접근이 용이하도록 설계하였습니다.

  • 자세히보기

    티스토리 웹 템플릿 개발 (GrayCloud)

    CMS인 티스토리 서비스의 HTML/CSS 템플릿을 제작했습니다. 불필요한 구성 요소들을 제거하여 더욱 심플해 보이도록 디자인했습니다.

  • 자세히보기

    티스토리 웹 템플릿 개발 (WhiteCloud)

    CMS인 티스토리 서비스의 HTML/CSS 템플릿을 제작했습니다. 흰 색상의 깨끗함과 신문과 유사한 레이아웃으로 구성하여 정보의 전달을 목적을 주로하는 티스토리 블로그 서비스에 적합하도록 제작하였습니다.

OOPS! 이 분류로 등록된 포트폴리오가 없네요.
곧 업데이트될 포트폴리오를 기대해주세요.
게시물 닫기