반응형 리디자인

새로운 디자인/퍼블리싱

new

스미스티

반응형(Responsive)

피그마 / html / css / js

기존사이트에서 제공되는 정보는 그대로 유지하되, 컨텐츠와 레이아웃을 변경하였습니다.
스미스티의 티케이스가 가지는 강한 컬러를 강조하고 싶었으며, 메인페이지에서 티에 대한 설명을 바로 확인할 수 있도록 마우스이벤트시 정보를 제공하고, 티 뿐만 아니라 상품, 레시피를 제공하고 사용자들이 스미스티 사이트에서 다양한 상품과 정보를 받아갈 수 있도록 접근성을 높였습니다. 또한 반응형으로 제작하여 모바일에서도 쉽게 정보를 받아갈 수 있도록 제작 하였습니다.

  • 제작자
  • JD+ (제이디플러스.ver제디플)
자세히보기
1단 레이아웃 vol.1

그라디언트 메쉬

  • #일러스트레이터
  • #gradient_mash
  • 제작자
  • JD+ (제이디플러스.ver제디플)
자세히보기
1단 레이아웃 vol.1

그레인

  • #일러스트레이터
  • #grain
  • 제작자
  • JD+ (제이디플러스.ver제디플)
자세히보기
1단 레이아웃 vol.1

그라디언트메쉬 그레인 원형툴

  • #일러스트레이터
  • #pucker&bloat
  • #grain
  • #gradient_mashgrain
  • 제작자
  • JD+ (제이디플러스.ver제디플)
자세히보기
1단 레이아웃 vol.1

도형툴 꽃모양만들기

  • #일러스트레이터
  • #pucker&bloat
  • #path_type
  • 제작자
  • JD+ (제이디플러스.ver제디플)
자세히보기
1단 레이아웃 vol.1

그라디언트매쉬 도형 패스타입

  • #일러스트레이터
  • #path_type
  • #gradient_mash
  • 제작자
  • JD+ (제이디플러스.ver제디플)
자세히보기
1단 레이아웃 vol.1

1단레이아웃_vol.111

  • #HTML
  • #CSS
  • #기본형

헤더부터 메인비주얼, 첫번째 콘텐츠까지 진행 마크업부터 외부 스타일파일 작성하여 구현가능.

  • 제작자
  • JD+ (제이디플러스.ver제디플)
자세히보기
1단 레이아웃 vol.1

1단레이아웃_vol.1

  • #HTML
  • #CSS
  • #기본형

헤더부터 메인비주얼, 첫번째 콘텐츠까지 진행 마크업부터 외부 스타일파일 작성하여 구현가능.

  • 제작자
  • JD+ (제이디플러스.ver제디플)
자세히보기
1단 레이아웃 vol.1

1단레이아웃_vol.1

  • #HTML
  • #CSS
  • #기본형

헤더부터 메인비주얼, 첫번째 콘텐츠까지 진행 마크업부터 외부 스타일파일 작성하여 구현가능.

  • 제작자
  • JD+ (제이디플러스.ver제디플)
자세히보기
1단 레이아웃 vol.1

1단레이아웃_vol.1

  • #HTML
  • #CSS
  • #기본형

헤더부터 메인비주얼, 첫번째 콘텐츠까지 진행 마크업부터 외부 스타일파일 작성하여 구현가능.

  • 제작자
  • JD+ (제이디플러스.ver제디플)
자세히보기
1단 레이아웃 vol.1

1단레이아웃_vol.1

  • #HTML
  • #CSS
  • #기본형

헤더부터 메인비주얼, 첫번째 콘텐츠까지 진행 마크업부터 외부 스타일파일 작성하여 구현가능.

  • 제작자
  • JD+ (제이디플러스.ver제디플)
자세히보기
1단 레이아웃 vol.1

1단레이아웃_vol.1

  • #HTML
  • #CSS
  • #기본형

헤더부터 메인비주얼, 첫번째 콘텐츠까지 진행 마크업부터 외부 스타일파일 작성하여 구현가능.

  • 제작자
  • JD+ (제이디플러스.ver제디플)
자세히보기
제디플투어

제디플투어

  • #HTML
  • #CSS
  • #기본형

[제작]일주일 반동안 배운내용을 복습할 수 있도록 제작된 스타일

  • 제작자
  • JD+ (제이디플러스.ver제디플)
자세히보기
로컬라이브

로컬라이브

  • #HTML
  • #CSS
  • #기본형

[리디자인]기초 레이아웃, 헤더 내비게이션 1차만 있음. 레리아웃, 스타일제작에 중점을 둠.

  • 제작자
  • JD+ (제이디플러스.ver제디플)
자세히보기
마녀공장

마녀공장[일부분 구현]

  • #HTML
  • #CSS
  • #jquery
  • #반응형

스크립트, pc형을 반응형으로 구현함. 일부분 제작

  • 제작자
  • JD+ (제이디플러스.ver제디플)
자세히보기
비에메종

비에메종[리뉴얼]

  • #HTML
  • #CSS
  • #바닐라 자바스크립트
  • #반응형

바닐라 자바스크립트, 반응형 구현

  • 제작자
  • JD+ (제이디플러스.ver제디플)
자세히보기
스미스티

스미스티[리뉴얼]

  • #HTML
  • #CSS
  • #jquery
  • #반응형

[리디자인]기초 레이아웃, 헤더 내비게이션 2차메뉴까지 제작.

  • 제작자
  • JD+ (제이디플러스.ver제디플)
자세히보기
1단 레이아웃 vol.1

2022 포트폴리오

  • #HTML
  • #CSS
  • #JS
  • #기본형

멀티미디어 과정에서 웹콘텐츠 수업을 약 한달 반 정도의 수업진행 후 제작된 포트폴리오 개인홈페이지

  • 제작자
  • JD+ (제이디플러스.ver제디플)
자세히보기
1단 레이아웃 vol.1

2021 포트폴리오

  • #HTML
  • #CSS
  • #JS
  • #기본형

2021년 uiux 웹디자인,퍼블리셔 과정의 훈련생 포트폴리오 개인홈페이지

  • 제작자
  • JD+ (제이디플러스.ver제디플)
자세히보기
1단 레이아웃 vol.1

2020 포트폴리오

  • #HTML
  • #CSS
  • #JS
  • #기본형

2020년 uiux 웹디자인,퍼블리셔 과정의 훈련생 포트폴리오 개인홈페이지

  • 제작자
  • JD+ (제이디플러스.ver제디플)
자세히보기
1단 레이아웃 vol.1

2021 포트폴리오

  • #HTML
  • #CSS
  • #JS
  • #기본형

2021년 uiux 웹디자인,퍼블리셔 과정의 훈련생 포트폴리오 개인홈페이지

  • 제작자
  • JD+ (제이디플러스.ver제디플)
자세히보기
1단 레이아웃 vol.1

2021 포트폴리오

  • #HTML
  • #CSS
  • #JS
  • #기본형

2021년 uiux 웹디자인,퍼블리셔 과정의 훈련생 포트폴리오 개인홈페이지

  • 제작자
  • JD+ (제이디플러스.ver제디플)
자세히보기
1단 레이아웃 vol.1

2021 포트폴리오

  • #HTML
  • #CSS
  • #JS
  • #기본형

2021년 uiux 웹디자인,퍼블리셔 과정의 훈련생 포트폴리오 개인홈페이지

  • 제작자
  • JD+ (제이디플러스.ver제디플)
자세히보기
1단 레이아웃 vol.1

2021 포트폴리오

  • #HTML
  • #CSS
  • #JS
  • #기본형

2021년 uiux 웹디자인,퍼블리셔 과정의 훈련생 포트폴리오 웹사이트 리뉴얼

HA:D 포트폴리오

Portfolio

전체보기
스미스티
2023년 웹 포트폴리오

ⓒ2023.05

  • #HTML
  • #CSS
  • #JAVASCRIPT
  • #편집샵
  • #반응형
  • #피그마

스미스티[리뉴얼]

비에메종
2023년 웹 포트폴리오

ⓒ2023.05

  • #HTML
  • #CSS
  • #JAVASCRIPT
  • #편집샵
  • #반응형
  • #피그마

비에메종[리뉴얼]

트립비토즈
2023년 웹 포트폴리오

ⓒ2023.05

  • #HTML
  • #CSS
  • #JAVASCRIPT
  • #여행
  • #반응형
  • #피그마

트립비토즈[리디자인]

훈련생 포트폴리오

Portfolio