0
0
캐릭터

X

웨이브뒤
웨이브앞
나무
나무
나무
나무
나무
나무
구름
구름
구름
캐릭터

LEE HEEWON PORTFOLIO

scroll start

👇

만나서 반가워요👋

이희원이라고 합니다.

저를 소개할게요.

나무
나무
웨이브뒤
나무
나무
웨이브앞
웨이브상단
웨이브뒤
나무
나무
나무
웨이브상단
문

사이트, 리액트, 피그마 보러 가봅시다!

웨이브앞

제 능력이 어느 정도 냐면요?

HTML5

Development

90%

CSS3

Development

90%

Javascript

Development

80%

jQuery

Development

80%

REACT

Development

70%

Photoshop
Illustration

Development

80%

구름
구름
구름
나무
나무
나무
길
자동차
자동차연기
구름
나무1
길
사이트가게

SITE REFERENCE

불빛
불빛
불빛
불빛
캐릭터
말풍선
  • 어서오시게,
  • 사이트 한번
  • 보고 가시게나.
구름
나무
길
마트

HEEM MART

  • 01

    WEBSTANDARD 웹 표준을 준수한 사이트
    VIEW MORE

  • 02

    RESPONSIVE 웹 표준 기반의 반응형 사이트
    VIEW MORE

  • 03

    MEGABOX 스크립트를 활용한 메가박스 사이트
    VIEW MORE

  • 04

    CLOVA - 01 네이버 클로바 사이트
    VIEW MORE

  • 05

    CLOVA - 02 네이버 클로바 사이트
    VIEW MORE

  • 06

    CLOVA - 03 네이버 클로바 사이트
    VIEW MORE

  • 07

    CLOVA - 04 네이버 클로바 사이트
    VIEW MORE

  • 08

    CLOVA - 05 네이버 클로바 사이트
    VIEW MORE

  • 09

    DOTHOME 스터디 내용이 정리 된 사이트
    VIEW MORE
나무
나무
길
구름
구름
R
E
A
C
T
신발
캐릭터
말풍선
  • 그냥 가지말고,
  • 마우스를 신발에
  • 올려서 클릭해봐!
구름
나무
나무
길
피그마스토어

  • FIGMA
  • BOOK STORE

캐릭터
말풍선
  • 피그마를 활용해
  • 그동안 공부한
  • 내용들을 담았어!
피그마팝업
구름
구름
나무
문

애니메이션
도 만들 줄
압니다.

길

Animation

캐릭터

Ball Click!

공
Wave
공
Cube
공
Text
Rocket
Octopus
공1
공2
공3
공4
공5
공6
공7
공8
공9
공10
문

스크립트로
만든 여러가지
효과들

풍선
풍선
풍선
풍선
잔디
캐릭터
잔디
스크립트배경

PARALLAX EFFECT

스크롤값에 따라 이질감을 주는 효과를 스크립트를 활용하여 구현했습니다.

SCRIPT VIEW ▶

스크립트배경

MOUSE EFFECT

마우스 커서의 움직임에 따라 글자 및 이미지에 다양한 효과를 스크립트를 활용하여 구현했습니다.

SCRIPT VIEW ▶

스크립트배경

SLIDER EFFECT

스크립트를 활용하여, 다양한 슬라이드 효과를 구현했습니다. 가로 슬라이드, 연속적 슬라이드

SCRIPT VIEW ▶

스크립트배경

QUIZ EFFECT

객관식, 주관식의 문제를 정답을 누르면 해설을 볼 수 있게끔 스크립트를 활용하여 구현했습니다.

SCRIPT VIEW ▶

이제 정말 마지막 거의 다 왔어요!

캐릭터
웨이브
X
X
X
X

CONTACT ME!

LEE HEEWON

  • +82 10 9918 6603
  • ehw603@naver.com
INSTAGRAM
캐릭터 하트말풍선
웨이브

WEBSTANDARD SITE

  • User Experience
  • Art Direction
  • Web Design

SOURCE

VIEW

FIGMA

X

RESPONSIVE SITE

  • User Experience
  • Art Direction
  • Web Design

SOURCE

VIEW

FIGMA

MEGABOX SITE

  • User Experience
  • Art Direction
  • Web Design

VIEW

SOURCE

NAVER CLOVA 01

  • User Experience
  • Art Direction
  • Web Design

VIEW

SOURCE

NAVER CLOVA 02

  • User Experience
  • Art Direction
  • Web Design

VIEW

SOURCE

NAVER CLOVA 03

  • User Experience
  • Art Direction
  • Web Design

VIEW

SOURCE

NAVER CLOVA 04

  • User Experience
  • Art Direction
  • Web Design

VIEW

SOURCE

NAVER CLOVA 05

  • User Experience
  • Art Direction
  • Web Design

VIEW

SOURCE

DOTHOME PORTFOLIO

  • User Experience
  • Art Direction
  • Web Design

VIEW

SOURCE

PORTFOLIO SITE

  • React를 사용해 제작한
  • 포트폴리오 사이트입니다.

VIEW

SOURCE