This website requires JavaScript.
포트폴리오 대표 이미지
웹 디자인[STUDIO 표면장력] 웹사이트 (프레이머)
  • 지역비대면 진행
  • 예산1,000,000원
  • 이용 목적메인페이지, 상세페이지, 서브페이지
  • 분량5페이지
  • 기간3주

STUDIO 표면장력 사이트는 팀의 정신을 바탕으로, 작품을 보여주기 위해 제작되었습니다. 표면장력이라는 개념을 반영해, 각 섹션 별 긴장감이 느껴지는 스크롤 인터랙션 구조와 모션을 적용했습니다. Works와 Team 페이지는 CMS를 활용해 작업과 참여 멤버가 연결되는 구조로 설계 했으며, 미니멀한 레이아웃과 타이포그래피 중심의 디자인을 통해 콘텐츠의 가독성과 집중도를 높혔습니다. 각 페이지 별로 의미에 맞게 모션 그래픽을 설계했습니다.

이미지 2

Home 화면 : 드래그에 따른 사진 효과가 나타나는 디자인 입니다.

이미지 4

영상을 넣어, 생동감을 더했습니다.

이미지 6

드래그에 따른 모션 효과로, '흩어지지 않는 힘'의 의미를 싣고 포인트 요소를 더했습니다.

이미지 8

작품 페이지는 CMS 기반으로, 각 작품이 추가될때마다 관리가 편하도록 설계했습니다. 작품에 대한 내용과 필요한 요소 (영상, 사진)을 더했습니다.

링느 lingn
웹 디자인
별점
0.0(0)
브랜드 운영 경험을 기반으로 직관적이고, 미니멀한 디자인을 합니다.

[mit workshop] 웹 디자인

0
4

[TUNG press] 웹사이트

0
2
  • [mit workshop] 웹 디자인

    0
    4
  • [TUNG press] 웹사이트

    0
    2
비슷한 스타일을 찾고 계신가요?의 다른 포트폴리오

NOIR: Brewing the Deep Silence (느와르: 깊은 정적을 내리다)

0
10

강남구 장학회 10주년기념 프레젠테이션

0
11

로타 양복점 X배너

0
382

코끼리 아이스크림 가게

0
22
  • NOIR: Brewing the Deep Silence (느와르: 깊은 정적을 내리다)

    0
    10
  • 강남구 장학회 10주년기념 프레젠테이션

    0
    11
  • 로타 양복점 X배너

    0
    382
  • 코끼리 아이스크림 가게

    0
    22
  • 아이디어를 현실로, 비즈니스를 감각적인 웹으로: C23 스튜디오

    1
    4
  • Product Design PPT Sample

    0
    11
  • 빌리고 사이트 고도화 (디자인, 퍼블리싱)

    0
    9
  • 자료는 있는데 어떻게 설명해야 할지 막막하신가요?

    0
    5
  • 제품 설계 포트폴리오

    0
    3