• 기업 ui 사이트는,디자이너로써의 편집능력과 정보전달의 디자인 능력이 중요시 되는 작품이며
  • 직무평가시 비중이 높은 작품입니다.
  • [ ※ 디자인나스의 모든 작품은 학생작품이며, 제안시안으로 만들어져 취업지원시 비상업적 포트폴리오 용도로만 사용됩니다. ]
  • bang-olufsen img
  • bang-olufsen_logo
    Class : nd클래스       학생 : 장은정
    컨셉 : 사진 편집과 영상을 이용한 디자인
    제작 기간 : 표현작업 (8일) 기획 (4일) 코딩 (6일)
    레이아웃 : 블럭그리드, 플로우 그리드
    디자인 이론 : 인터랙션 디자인, VEG포토그래피, UI/UX 이론
    타이포그래피 : 이미지폰트 60%, CSS폰트 40%
    웹표준 : 부분 웹 표준화, 제이쿼리 적용
  • 작품보기
scroll
  • shilla logo
  • 클래스 : nd클래스       학생 : 윤나라
  • shilla img
    • 컨셉 : 사진편집과 레이아웃을 이용한 디자인
    • 제작기간 : 표현작업 (6일) 기획 (3일) 코딩 (4일)
    • 웹표준 : 부분 웹 표준화, 제이쿼리 적용
    • 디자인 이론 : 인터랙션 디자인, VEG포토그래피, UI/UX 이론
    • 레이아웃 : 블럭그리드, 플로우그리드
    • 타이포그래피 : 이미지폰트 70%, CSS폰트 30%
  • 작품보기
scroll
  • fila logo
  • fila img
    • 컨셉 : 사진편집과 레이아웃을 이용한 디자인
    • Class : nd클래스
    • 학생 : 이호준
    • 제작 기간 : 표현작업 (5일), 기획 (3일), 코딩 (5일)
    • 레이아웃 : 블럭 그리드, 플로우 그리드
    • 웹표준 : 부분 웹 표준화, 제이쿼리 적용
    • 디자인 이론 : 인터랙션 디자인, VEG포토그래피, UX/UI 이론
    • 타이포그래피 : 이미지폰트 70%, CSS폰트 30%
  • 작품보기
scroll
  • coca logo
  • 클래스 : nd클래스       학생 : 임수호
  • coca img
  • 컨셉 : 사진편집과 레이아웃을 이용한 디자인
    제작 기간 : 표현작업 (7일) 기획 (5일) 코딩 (5일)
    웹표준 : 부분 웹 표준화, 제이쿼리 적용
    디자인 이론 : 인터랙션 디자인, VEG포토그래피, UI/UX 이론
    레이아웃 : 블럭 그리드 , 플로우 그리드
    타이포그래피 : 이미지폰트 70%, CSS폰트 30%
  • 작품보기
scroll
  • nylon img
  • nylon title
      Class : 앤디클래스     학생 : 오민주
    • 컨셉 : 사진편집과 레이아웃을 이용한 디자인
    • 제작 기간 : 표현작업 (6일) 기획 (3일) 코딩 (5일)
    • 타이포그래피 : 이미지폰트 60% , CSS폰트 40%
    • 웹표준 : 부분 웹 표준화, 제이쿼리 적용
    • 레이아웃 : 블록그리드, 플로우 그리드
    • 디자인 이론 : 인터랙션 디자인 , VEG포토그래피
  • 작품보기
scroll
  • gucci img
    • 컨셉 : 사진편집과 레이아웃을 이용한 디자인
    • Class : nd클래스
    • 학생 : 김현경
    • 제작 기간 : 표현작업 (2주) 기획 (5일) 코딩 (8일)
    • 웹표준 : 부분 웹 표준화, 제이쿼리 적용
    • 디자인 이론 : 인터랙션 디자인, VEG포토그래피
    • 레이아웃 : 플로우 그리드
    • 타이포그래피 : 이미지폰트 60% , CSS폰트 40%
  • 작품보기
scroll
  • j.estina logo
    클래스 : nd클래스       학생 : 김진영
  • j.estina logo
    • 컨셉 : 사진편집, 누끼편집, 레이아웃, 영상을 이용한 디자인
    • 제작기간 : 표현작업 (6일) 기획 (3일) 코딩 (4일)
    • 웹표준 : 부분 웹 표준화, 제이쿼리 적용
    • 디자인 이론 : 인터랙션 디자인, VEG포토그래피, UI/UX 이론
    • 레이아웃 : 블럭그리드, 플로우그리드
    • 타이포그래피 : 이미지폰트 80%, CSS폰트 20%
  • 작품보기
scroll
  • daelim logo
    Class : nd클래스          학생 : 김나은
    컨셉 : 사진 편집과 영상을 이용한 디자인
    제작 기간 : 표현작업 (9일) 기획 (3일) 코딩 (5일)
    레이아웃 : 블럭그리드, 플로우그리드
    디자인 이론 : 인터랙션 디자인 , VEG포토그래피
    타이포그래피 : 이미지폰트70% , CSS폰트 30%
    웹표준 : 부분 웹 표준화, 제이쿼리 적용
  • 작품보기
scroll
  • airbnb img01
    airbnb img02
    airbnb img03
    airbnb img04
    • 컨셉 : 사진편집과 레이아웃을 이용한 디자인
    • Class : 앤디클래스
    • 학생 : 김시우
    • 제작 기간 : 표현작업 (2주) 기획 (5일) 코딩 (8일)
    • 웹표준 : 부분 웹 표준화, 제이쿼리 적용
    • 디자인 이론 : 인터랙션 디자인, VEG포토그래피
    • 레이아웃 : 블럭 그리드, 혼합 그리드
    • 타이포그래피 : 이미지폰트 80%, CSS폰트 20%
  • 작품보기
scroll
  • choo_img01
    choo_img02
    choo_img03
  • 컨셉 : 사진편집, 누끼편집, 레이아웃, 영상을 이용한 디자인
  • 클래스 : nd클래스     학생 : 박선경
  • 제작 기간 : 표현작업 (2주) 기획 (5일) 코딩 (5일)
  • 웹표준 : 부분 웹 표준화, 제이쿼리 적용
  • 디자인 이론 : 인터랙션 디자인, VEG포토그래피, UI/UX 이론
  • 레이아웃 : 플로우 그리드
  • 타이포그래피 : 이미지폰트 80%, CSS폰트 20%
  • 작품보기
  • scroll
  • esquire img01 esquire img02
  • Class : 앤디클래스    학생 : 최진혁
    컨셉 : 사진 편집과 영상을 이용한 디자인
    제작 기간 : 표현작업 (2주) 기획 (3일) 코딩 (7일)
    레이아웃 : 블럭그리드, 플로우 그리드
    디자인 이론 : 인터랙션 디자인 , VEG포토그래피
    타이포그래피 : 이미지폰트 80%, CSS폰트 20%
    웹표준 : 부분 웹 표준화, 제이쿼리 적용
  • 작품보기
scroll
    • 더 좋은 세상을 만들다
    •      Class : 앤디클래스    학생 : 김수진
    • 컨셉 : 사진편집과 레이아웃을 이용한 디자인
    • 제작 기간 : 표현작업 (3주) 기획 (2일) 코딩 (6일)
    • 타이포그래피 : 이미지폰트 80%, CSS폰트 20%
    • 웹표준 : 부분 웹 표준화, 제이쿼리 적용
    • 레이아웃 : 블록그리드, 플로우 그리드
    • 디자인 이론 : 인터랙션 디자인, VEG포토그래피
    • 작품보기
scroll
  • Class : 제이디클래스 학생 : 나예솔
  • 작품보기
  • 컨셉 : 사진편집과 레이아웃을 이용한 디자인
    제작기간 : 표현작업 (2주) 기획 (2일) 코딩 (2주)
    레이아웃 : 컬럼 그리드
    디자인 이론 : 인터랙션 디자인, VEG 포토 그래피 , UI/UX 이론
    타이포그래피 : 이미지폰트 80%, CSS폰트 20%
    웹표준 : 부분 웹 표준화, 제이쿼리 적용
  • scroll
  • 학생 : 이진영 Class : 앤디클래스
  • 컨셉 : 사진편집과 영상을 이용한 디자인
  • 제작기간 : 표현작업 (2주) 기획 (4일) 코딩 (7일)
  • 웹표준 : 부분 웹 표준화, 제이쿼리 적용
  • 디자인 이론 : 인터랙션디자인 , VEG 포토그래피
  • 레이아웃 : 블록그리드 , 플렉시블그리드
  • 타이포그래피 : 이미지폰트 70%, CSS폰트 30%
  • LG img
  • 작품보기
  • scroll
  • x Class : 앤디클래스 학생 : 이진영
  • 컨셉 : 사진편집과 레이아웃을 이용한 디자인
  • 제작기간 : 표현작업 (2주) 기획 (5일) 코딩 (7일)
  • 타이포그래피 : 이미지폰트 60%, CSS폰트 40%
  • 웹표준 : 웹 표준화, 제이쿼리 적용
  • 작품보기
  • 레이아웃 : 플렉시블그리드 , 컬럼그리드 , 블록그리드
  • 디자인 이론 : 인터랙션디자인 , 이미지화 타이포그래피
scroll
  • x Class : 제이디클래스 학생 : 고광석
  • 컨셉 : 사진편집과 레이아웃을 이용한 디자인
    제작기간 : 표현작업 (3주) 기획 (2일) 코딩 (2주)
    레이아웃 : 컬럼 그리드 , 모듈그리드
    디자인 이론 : 인터랙션 디자인, VEG 포토 그래피 , UI/UX 이론
  • 타이포그래피 : 이미지폰트 80%, CSS폰트 20%
  • 웹표준 : 부분 웹 표준화, 제이쿼리 적용
작품보기
scroll
  • 컨셉 : 사진편집과 레이아웃을 이용한 디자인
    Class : 제이디클래스
    학생 : 박한솔
    제작기간 : 표현작업 (2주) 기획 (2일) 코딩 (2주)
  • 웹표준 : 부분 웹 표준화, 제이쿼리 적용
    디자인 이론 : 인터랙션 디자인, VEG 포토 그래피 , UI/UX 이론
    레이아웃 : 컬럼 그리드
    타이포그래피 : 이미지폰트 80%, CSS폰트 20%
작품보기
scroll
rolex img
  • Class : 앤디클래스
    학생 : 김예진
    레이아웃 : 모듈,블록그리드
  • 컨셉 : modern & simple
    제작기간 : 표현작업 (3주) 기획 (3일) 코딩 (5일)
    웹표준 : 부분 웹 표준화, 제이쿼리 적용
    디자인 이론 : 인터랙션 디자인, 이미지화 타이포그래피
    타이포그래피 : 이미지폰트 70%, CSS폰트 30%
작품보기
scroll
작품보기
  • Class : 앤디클래스
    학생 : 전현정
    레이아웃 : 혼합그리드, 모듈 그리드
  • 컨셉 : 이미지합성, 사진편집과 레이아웃을 이용한 디자인
    제작기간 : 표현작업(3주) 기획(3일) 코딩(4일)
    웹표준 : 부분 웹 표준화, 제이쿼리 적용
    디자인 이론 : 인터렉션 디자인, 이미지화 타이포그래피
    타이포그래피 : 이미지폰트 100%
PNB img
scroll
  • Class : 앤디클래스 학생 : 이정희
  • 컨셉 : 사진편집과 레이아웃을 이용한 디자인
    제작기간 : 기획 (5일), 표현작업(2주), 코딩(5일)
  • 레이아웃 : 컬럼그리드, 혼합그리드
    디자인 이론 : 인터렉션 디자인, VEG포토그래피
  • 타이포그래피 : 이미지폰트 100%
    웹표준 : 부분 웹 표준화 / 제이쿼리 적용
작품보기
scroll
  • 컨셉 : 사진편집과 레이아웃, 그래픽 합성을 이용한 디자인
  • Class : 제이디클래스
  • 학생 : 김다은
  • 제작기간 : 표현작업 (3주) 기획 (2일) 코딩 (2주)
  • 웹표준 : 부분 웹 표준화, 제이쿼리 적용
  • 디자인 이론 : 인터랙션 디자인, VEG 포토 그래피 , UI/UX 이론
  • 레이아웃 : 컬럼 그리드
  • 타이포그래피 : 이미지폰트 80%, CSS폰트 20%
  • 작품보기
scroll
학생 : 김혜인 Class : 앤디클래스
컨셉 : 사진편집과 레이아웃을 이용한 디자인
제작 기간 : 표현작업 (10일) 기획 (3일) 코딩 (6일)
웹표준 : 부분 웹 표준화, 제이쿼리 적용
디자인 이론 : 인터랙션 디자인 , 이미지화 타이포그래피
레이아웃 : 블록 그리드
타이포그래피 : 이미지폰트50%, CSS폰트50%
작품보기
scroll
Mnet img
  • 컨셉 : 사진편집과 레이아웃을 이용한 디자인
  • Class : 앤디클래스
  • 학생 : 이지은
  • 제작기간 : 표현작업(3주) 기획(3일) 코딩(3일)
  • 웹표준 : 부분 웹 표준화, 제이쿼리 적용
  • 타이포그래피 : 이미지폰트 70%, 시스템폰트 30%
  • 디자인 이론 : 인터렉션 디자인, 이미지화 타이포그래피
  • 레이아웃 : 혼합그리드, 모듈 그리드
  • 작품보기
scroll
  • Class : 앤디클래스 학생 : 조현정
  • 컨셉 : 사진편집과 레이아웃을 이용한 디자인
  • 제작기간 : 표현작업(3주) 기획(5일) 코딩(3일)
  • 웹표준 : 부분 웹 표준화, 제이쿼리 적용
  • 디자인 이론 : 인터렉션 디자인, 이미지화 타이포그래피
  • 레이아웃 : 혼합그리드, 모듈 그리드
  • 타이포그래피 : 이미지폰트 100%
  • 작품보기
scroll
KAKAO img
  • Class : ND클래스 학생 : 이진영
  • 작품보기
  • 컨셉 : 사진편집과 레이아웃을 이용한 디자인
    제작기간 : 표현작업 (2주) 기획 (7일) 코딩 (5일)
    레이아웃 : 플렉시블그리드
    디자인 이론 : 인터랙션디자인
    타이포그래피 : 이미지폰트 60%, CSS폰트 40%
    웹표준 : 부분 웹 표준화, 제이쿼리 적용
scroll
big img
  • 컨셉 : 사진편집과 이미지 합성을 이용한 디자인
  • Class : 앤디클래스
  • 학생 : 안수민
  • 제작 기간 : 표현작업 (3주) 기획 (5일) 코딩 (5일)
  • 웹표준 : 부분 웹 표준화, 제이쿼리 적용
  • 디자인 이론 : 인터랙션 디자인, 입체단 VEG포토그래피
  • 레이아웃 : 플렉시블 그리드, 모듈 그리드, 혼합 그리드
  • 타이포그래피 : 이미지폰트100%
small img
작품보기
scroll
  • 컨셉 : 화보와 같은 구성
  • Class : 앤디클래스 학생이름 : 한은주
  • 제작기간 : 표현작업 (2주) 기획 (7일) 코딩 (2주)
  • 웹표준 : 부분 웹 표준화, 제이쿼리 적용
  • 디자인 이론 : 인터랙션 디자인, 아이콘, 사진편집
  • 레이아웃 : 혼합 그리드 및 단그리드
  • 타이포그래피 : 이미지폰트 20%, CSS폰트 80%
  • 작품보기
scroll
images
  • Class : 앤디클래스 학생 : 김하진
  • x
  • 컨셉 : 사진편집과 레이아웃을 이용한 디자인
    제작기간 : 표현작업 (3주) 기획 (2일) 코딩 (2주)
    레이아웃 : 컬럼 그리드
    디자인 이론 : 인터랙션 디자인, VEG 포토 그래피 , UI/UX 이론
    타이포그래피 : 이미지폰트 80%, CSS폰트 20%
    웹표준 : 부분 웹 표준화, 제이쿼리 적용
  • 작품보기
scroll
  • 컨셉 : isometric 일러스트와 레이아웃을 이용한 디자인
  • Class : 앤디클래스
  • 학생 : 이종찬
  • 제작기간 : 표현작업(3주) 기획(2일) 코딩(4일)
  • 웹표준 : 부분 웹 표준화, 제이쿼리 적용
  • 디자인 이론 : 인터렉션 디자인, isometric 일러스트기법
  • 레이아웃 : 혼합그리드
  • 레이아웃 : 혼합그리드
  • 타이포그래피 : 이미지폰트 100%
  • 작품보기
scroll
  • 컨셉 : 사진편집과 레이아웃을 이용한 디자인
    Class : 앤디클래스
    학생 : 이지은
    제작기간 : 표현작업(3주) 기획(3일) 코딩(3일)
  • 웹표준 : 부분 웹 표준화, 제이쿼리 적용
    디자인 이론 : 인터렉션 디자인, 이미지화 타이포그래피
    레이아웃 : 혼합그리드, 모듈 그리드
    타이포그래피 : 이미지폰트 70%, 시스템폰트 30%
  • 작품보기
scroll