LeeHaYeon
Portfolio Collection

Wheresoever you go, go with all your heart 
- Confucius -

둘러보기
이하연 메인 이미지

About Me

햇살같이 빛나는 나를 소개합니다!

프로필 사진

Skill

꾸준하게 차곡차곡 쌓아가는 중입니다.

아이콘1

스킬업

5개월여 간의 배움, 부족하거나 이해가 되지 않는 부분은 계속 반복하고 복습하며 숙달합니다.

아이콘4

제가 만들고 구현한 UI/UX 디자인이 누군가에게 편안함과 만족감을 줬으면 좋겠습니다.

아이콘3

커뮤니케이션

독단적으로 나서기보다는 상대의 의견을 존중하고 공감하며 배려합니다. 협업에 있어서 소통이 원활할수록 더 좋은 결과물이 나온다고 생각합니다.

아이콘2

문제해결능력

직면한 문제를 회피하거나 실패를 두려워하기 보다는, 더 성장할수 있는 발판으로 삼아 꾸준히 탐구하는 정신으로 도전하고 노력 할 것입니다.

Renewal

순수 하드코딩 및 템플릿과 오픈 모듈소스를 분석 활용하여, 수차례 수정보완 리뉴얼 작업을 한 프로토타입 포트폴리오 결과물 입니다.

대표 샘플 이미지

Prototype Website
'LOSTARK'

로스트아크 게임 웹사이트

학습한 예제 소스를 기본 템플릿으로 부족한 부분을 수정보완 리뉴얼하여, 컨텐츠를 추가해 일부 제이쿼리 플러그인 모듈소스를 활용하였으며, CSS 프레임워크 부트스트랩 소스분석을 통해서 프로토타입 컨셉의 웹페이지를 제작해 보았습니다.

마우스아이콘

기획 & 제작 기간: 9 days
참여도: 70% (UI/UX디자인 & 웹퍼블리셔 하드코딩)

에디터(Editor): Visual Studio Code (IDE)



대표 샘플 이미지

OUTBACK STEAK HOUSE

아웃백 사이트

아웃백 웹사이트의 주제에 따른 새로운 컨텐츠 기획과 구성에 필요한 템플릿(모듈) 소스를 활용하여 절차적으로 벤치마킹, 스타일가이드, 기초 데이터 수집 및 가공, 하드코딩 UI/UX 구현, 사용성 테스트, 수정보완 등의 작업을 진행해 프로토타입 형태의 웹사이트를 제작해 보았습니다.

마우스아이콘

기획 & 제작 기간: 5 days
참여도: 90% (UI/UX디자인 & 웹퍼블리셔 하드코딩)

에디터(Editor): Visual Studio Code (IDE)



UI/UX 구현, 하드코딩 소스 일부 캡처

Javascript & jQuery

Hard Coding Template(Module) Source - UI/UX 구현

자바스크립트와 제이쿼리를 학습한 기초 기반 지식을 토대로 소스분석 및 테스트 응용하여, 100% 순수 하드코딩 작업으로 연습삼아 UI/UX 구현을 해 보았습니다. //일부 오픈 플러그인(모듈) 소스코드 활용함

마우스아이콘

기획 & 제작 기간: 3 days
참여도: 80% (웹퍼블리셔 & 자바스크립트 하드코딩)

에디터(Editor): Visual Studio Code (IDE)



Ability

기술에 자만하지 않고, 정해진 것만 하기보다는 능동적 그리고 성실함으로 꾸준함을 유지하며 필요한 업무 능력을 갖추려 노력하는 구성원이 되겠습니다.


  •   Adobe Photoshop & Illustrator 상품 배너 및 상세페이지 제작 / 로고와 캐릭터, 아이콘 드로잉 작업 가능합니다.


  •   웹표준 문법과 웹접근성 개념, HTML (인라인 요소 & 블록 요소) 특성 이해와 마크업 숙달, 크로스브라우징의 기술적 문제 숙지 / CSS UI디자인 순수 하드코딩은 물론 문제해결을 위한 다양한 응용력을 키웠으며, 콘텐츠 기획/구성을 위한 박스모델링 레이아웃, 인터렉티브한 CSS 애니메이션 UI/UX디자인 구현 가능합니다.


  •   자스(Jas) 기본문법과 제어문을 숙지, 객체와 메소드 개념, 사용자정의 함수 등을 이해하고 간단한 프로그래밍을 할 수 있으며, 제이쿼리 오픈 플러그인(모듈) 소스코드의 일부를 분석과 편집, 독특하고 인터렉티브한 UI구현 및 리뉴얼 하드코딩 작업이 가능합니다.


  •   훈련기간 동안, 윈도우 메모장 부터 시작해 최소 일 4~6시간 이상 꾸준히 하드코딩 작업을 했습니다. 다양한 형태의 UI/UX 모듈 소스코드를 분석해 다뤄 봤으며, 주석을 알기 쉽게 달고, 오타 없이 꼼꼼하게 코딩&프로그래밍 숙련도를 높였습니다.


  •   Figma UI디자인과 콘텐츠 서비스기획 아이디어 시각화 스케치 & 와이어프레임 제작 / 기본 OA(한글, 엑셀, PPT) 활용 문서화 작업 / 벤치마킹 자료수집 및 가공, 기초데이터 체계적 정리 정돈 / 스토리보드 등의 PPT 제작 가능합니다.


  •   인사성이 밝고, 새로운 환경에 잘 적응하며, 원만한 의사소통 능력과 대인관계로 목표 달성을 위한 적극적인 문제해결과 동료간의 협업 능력을 갖추고 있습니다.

Graphic Design

포토샵 & 일러스트레이터을 활용한 상품광고 배너 시안디자인 및 일러스트 드로잉 작업 결과물 입니다.

베스킨라빈스 배너

베스킨라빈스31 31데이 이벤트

BaskinRobbins31 31 Day Event

제작 기간: 2 day

아이스크림 가게인 베스킨라빈스31의 31데이 이벤트 배너를 제작했습니다.

네이처리퍼블릭 허니멜팅립

Nature Republic Honey Melting Lip

제작 기간: 2 day

화장품 브랜드인 네이처리퍼블릭의 허니멜팅립 재입고 배너를 제작했습니다.

컵 캐릭터 일러스트

Cup character illustration

제작 기간: 2 day

컵 안에 캐릭터들이 있는 디자인으로 일러스트 작업을 해보았습니다.

포트폴리오

UIDesign Variation 제작

Figma - Button Variation

제작 기간: 1 day

피그마 툴을 사용하여 UIDesign System Button Variation 작업을 해보았습니다.

[성장하는 이하연]

우리는 계속 앞으로 나아가고
새로운 문을 열고, 새로운 생각을 한다.
우리는 호기심이 있고 그 호기심이,
우리를 계속 새로운 길로 인도한다.
신입사원 이하연은 새로운 길로 출발할
마음의 준비가 되어 있습니다.
강한 사람이 오래 가는 것이 아니라,
결국엔 성실하게 오래가는 사람이 강한 것이다.
스스로의 한계치를 느끼며 탐구하고,
하고픈 일에 풍덩 빠질 수 있는
기회를 주시면 감사하겠습니다.

서울 금천구 독산동 계룡아파트
(1호선 독산역, 10분 거리)

sinamoon2@naver.com

010-22xx-xxxx

Your message has been sent. Thank you!