프로젝트 옐로우핑거 소개 연구실 문의하기
contact@yellow-finger.com
02.2205.4128
19 Examples of Online Case Studies Done Right
온라인 사례 연구의 19개의 예가 제대로 수행되었습니다.
19 Examples of Online Case Studies Done Right
Check out our curated selection of the best, most inspiring online case studies and check out our tips for crafting one for your own portfolio or website.
최고의 영감을 주는 온라인 사례 연구를 선별하고 자체 포트폴리오 또는 웹 사이트를 위한 팁을 확인하십시오.
요약 :)
디자이너는 일반적으로 글쓰기를 좋아하지 않습니다.

결국 디자인을 통한 창의적 문제 해결은 언어 도구가 아닌 시각적 도구를 사용하는 것이겠죠?

그러나 슬프게도 많은 경우 사례 연구에도 텍스트가 포함되어야 합니다.

이것은 많은 디자이너와 아트 디렉터가 비틀거리며 제대로 제작되지 않은 사례 연구로 귀결되거나 포트폴리오에 사례 연구가 전혀 없는 곳입니다. 그리고 그것은 큰 실수입니다.
더보기→

출처.
ANA HERCIGONJA. (2022.05.18). Qode Magazine. 19 Examples of Online Case Studies Done Right. 2022.09.21. https://qodeinteractive.com/magazine/examples-of-online-case-studies/
디자이너는 일반적으로 글쓰기를 좋아하지 않습니다. 결국 디자인을 통한 창의적 문제 해결은 언어 도구가 아닌 시각적 도구를 사용하는 것이겠죠? 그러나 슬프게도 많은 경우 사례 연구에도 텍스트가 포함되어야 합니다. 이것은 많은 디자이너와 아트 디렉터가 비틀거리며 제대로 제작되지 않은 사례 연구로 귀결되거나 포트폴리오에 사례 연구가 전혀 없는 곳입니다. 그리고 그것은 큰 실수입니다. 온라인 사례 연구(요즘에는 온라인이 아닌 경우 전혀 없기 때문에)는 기술과 전문성뿐만 아니라 전문성에 대한 간결하고 유익한 정보를 제공하기 때문에 매우 중요합니다. 좋은 사례 연구는 당신이 초점의 개념을 이해하고 있음을 보여주고, 다른 관련성 레이어를 구별할 수 있고 또한 당신의 창조적인 과정에 약간의 빛을 비춰줍니다. 따라서 사례 연구는 필수 채용 도구입니다. 즉, 시각적 지향적인 사람들이 올바른 상자를 모두 표시하는 사례 연구를 만드는 방법을 살펴보겠습니다. 완벽한 온라인 사례 연구를 설계하기 위한 빠른 팁 사례 연구를 어디서부터 시작해야 할지 잘 모르겠다면 다음 몇 가지 사항을 염두에 두어야 합니다. 집중 하세요. 사례 연구를 당신의 혁신적인 아이디어를 전달할 기회로 삼지 마십시오. 한 번에 프로젝트에 대한 모든 것을 말하거나 전혀 말하려고 하지 마십시오. 당신의 클라이언트는 당신이 프로젝트를 위해 한 모든 것을 알 필요가 없습니다. 그러나 그들은 관련 비트를 알아야 합니다. 견고한 구조를 제공합니다. 스캔 가능한 콘텐츠는 형식에 관계없이 가장 잘 작동하는 형식입니다. 핵심 정보를 깔끔하고 균형 잡힌 단위로 분리하십시오. 여기에는 프로젝트 대상/목표/결과, 배경, 평가, 개념, 구현, 결론이 포함되지만 이에 국한되지 않습니다. 필수 프로젝트 정보를 제공합니다. 시청자에게는 누가, 무엇을, 언제가 필요합니다. 페이지를 갤러리 벽으로 취급하십시오. 자신의 포트폴리오 스타일을 고려하고 이에 부합하는 사례 연구 페이지를 만들되 프로젝트의 성격과 정신도 전달하십시오. 시각적 자료를 표시할 때 페이지 전체에 흩뿌리지 마십시오. 아무에게도 감명을 주지 않습니다. 매력적인 대화형 프레임으로 전시하고, 더 나은 몰입을 위해 상호 작용을 추가하고, 다양한 장치 화면 등 의도한 환경에서 자료를 표시합니다. 좋은 측정을 유지하십시오. 당신은 방문자를 눈이 멀게 하는 것이 아니라 눈이 부시게 하고 싶습니다. 사례 연구가 너무 어수선하거나 화려하거나 시각적으로 포화된 경우 원치 않는 효과를 일으킬 수 있습니다. 미니멀리즘을 추구하되 페이지가 좋지 않게 보이도록 하지 마십시오. 물론, 이러한 일들은 때때로 말처럼 쉽지 않습니다. 그렇기 때문에 웹에서 직접 고른 가장 영감을 주는 최고의 온라인 사례 연구를 선별하여 준비했습니다. 귀하의 사례에 대한 단서와 아이디어를 제공하기를 바랍니다. 우리가 이야기할 내용은 다음과 같습니다. Juicebrothers by 라마 라마 Creative Nights의 Art of Swissdent Zhenya Rynzhuk의 Max Shkret Loer Architecten의 Mercado Ultranoir의 셀프 Scenter Wemakefab의 글꼴 공유 More & More 네스프레소 by Playful Baillat Studio의 Bian 2016 Niccolò Miranda의 Prada 직원 온라인 스토어 K95의 오르토비보 오비스 에이전시 타이포그래피 원칙 Tubik의 Komuso 디자인 The 92 Group by Humana Studio WØRKS Studio의 DreamHaus Parsons Branding의 탑라인 안녕하세요 오늘의 주말 게시자: Fuge Fuego Camina Conmigo의 10종 경기 앱 바이올렛 오피스에 의해 언스턱 Juicebrothers by 라마 라마 Juicebrothers by 라마 라마 크리에이티브 페이지 전환 에 대한 글을 읽으면 암스테르담의 크리에이티브 디지털 에이전시인 Lama Lama 와 Juicebrothers 프로젝트 를 기억할 것 입니다. 프로젝트의 사례 연구(네덜란드의 유기농 냉압착 주스 브랜드)는 Lama Lama의 전형적인 장난기와 젊음, 그리고 에이전시의 전형적인 높은 수준의 전문성의 조합으로 제시됩니다.. 주요 시각적 모티브는 건강과 활력을 전달하는 아름다운 짙은 녹색으로 Juicebrothers 웹사이트의 레이아웃에 광범위하게 등장합니다. 작은 흰색 타이포그래피는 프로젝트에 대한 적절한 정보를 전달하고 이미지가 중심 무대를 차지할 수 있도록 합니다. 사례 연구 페이지는 왼쪽의 텍스트 비트와 오른쪽의 수직 이미지 갤러리 사이에 일종의 분할 화면이 있는 상태로 열리고 브랜드에 대해 선택된 시각적 콘텐츠를 표시하는 더 큰 이미지 및 비디오 섹션으로 진행됩니다. 그 동안 우리는 커서 효과 (마우스 움직임을 따라가는 거대하고 픽셀화된 뱀 궤적)도 사용하게 됩니다. Creative Nights의 Art of Swissdent Creative Nights의 Art of Swissdent Creative Nights 는 프라하에 본사를 둔 UX 디자인 컨설팅 및 크리에이티브 스튜디오로 인상적인 국제 프로젝트 명단을 보유하고 있습니다. 이러한 프로젝트 중 하나는 유명한 치과 제품 브랜드 Swissdent의 웹사이트입니다. Art of Swissdent 는 전자 상거래 웹사이트와 브랜드의 온라인 프레젠테이션 간의 교차로 설계되었습니다. 에이전시 웹사이트의 Works 섹션에 있는 사례 연구는 에이전시 브랜딩 및 디자인의 스타일과 모양을 따르며 프로젝트에서 선택한 이미지는 모서리가 둥근 아름다운 프레임 섹션에 제공됩니다. 전체 페이지는 분위기, 색상 및 역동성 측면에서 완벽하게 균형을 이룹니다., 그리고 전시된 작품이 꼭 그렇지는 않더라도 에이전시 자체 미학의 필수적인 부분으로 나타나게 합니다. 페이지는 방문자가 대행사와 인상을 공유하는 데 사용할 수 있는 3개의 재미있고 큰 버튼으로 끝납니다. Zhenya Rynzhuk의 Max Shkret Zhenya Rynzhuk의 Max Shkret Zhenya Rynzhuk 은 탄탄한 산업 경험과 그녀의 벨트 아래에서 꽤 많은 상을 받은 건축가에서 예술 감독으로 전향했습니다. 전반적인 디자인과 모바일 우수성으로 찬사를 받은 그녀의 웹사이트는 혁신적인 디자인 솔루션, 풍부한 상호 작용, 최소한의 환경에서 흥미진진한 상황을 유지하기 위한 적절한 양의 잔인한 세부 정보를 제공합니다 . 작업 섹션에서는 Max Shkret 의 아트 디렉션 및 인터페이스 디자인을 포함하여 Zhenya가 가장 자랑스러워하는 프로젝트에 대한 여러 사례 연구를 제공합니다., 3D 디지털 모델을 만드는 수상 경력에 빛나는 디지털 아티스트. 프로젝트를 소개하는 통풍이 잘되고 미니멀하고 단색 섹션이 끝나면 페이지는 선택한 프로젝트 이미지의 스크롤 애니메이션 갤러리로 진행됩니다. Shkret의 동물 디지털 모델 이미지(실제 물리적 개체로 전환할 수 있는 충분한 돈을 모으기를 희망함)는 각각 개체와 반음계적으로 일치하는 배경을 가진 연속적인 전체 너비 섹션에 표시되어 흥미롭고 흥미진진한 결과를 낳습니다. 슈렉의 상상의 세계를 거닐다 . 이 레이아웃은 또한 Zhenya의 일반적으로 단색 주변 환경에 색상의 환영 터치를 추가합니다. Loer Architecten의 Mercado Loer Architecten의 Mercado Loer Architecten 은 전체 화면 이미지, 상호 작용 및 흥미로운 탐색 솔루션을 기반으로 하는 아름답고 통풍이 잘되며 역동적인 웹사이트를 제공하는 네덜란드 건축 스튜디오입니다. 프로젝트 섹션에는 관심 있는 프로젝트로 이동할 수 있는 대화형 링크 목록이 포함되어 있습니다. 우리는 Groeningen 중심에 있는 버려진 뒷골목을 번창하는 상업 및 도시 허브로 탈바꿈시키는 것을 목표로 하는 Mercado 프로젝트 를 선택했습니다. 건축 스튜디오에서 기대할 수 있는 것처럼 사례 연구는 깨끗하고 정확 하며 상태 및 위치와 같은 가장 필수적인 정보로 시작 됩니다. 그러나 환영 킥을 제공하고 평범하고 둔한 것을 저장하는 것은 페이지 레이아웃입니다.. 프로젝트 이름은 페이지의 소중한 공간을 차지하지 않도록 세로로 표시됩니다. 얇은 직선 및 곡선 인터페이스 라인은 동적을 제공하며 애니메이션 스크롤 효과뿐만 아니라 개별 시각적 콘텐츠의 애니메이션도 마찬가지입니다. 이 사례 연구에는 네거티브 공간을 충분히 사용하여 매우 깨끗하고 통기성 있는 특성을 제공하는 단일 전체 너비 또는 전체 화면 이미지가 없습니다. Ultranoir의 셀프 Scenter Ultranoir의 셀프 Scenter 고객이 자신의 향수를 발견할 수 있도록 도와주는 양방향 디지털 경험을 만들기 위해 Comme des Garcons가 의뢰한 프랑스 디지털 에이전시 Ultranoir 는 사용자 고유의 모양을 동적으로 생성할 수 있도록 브랜드의 Fragrance Finder를 Web GL 기반으로 재창조한 Self Scenter 를 고안했습니다. 사례 연구는 특히 영웅 섹션에서 프로젝트의 몰입도 중 일부를 공유합니다.동영상과 큰 제목으로 그러나 사례 연구에서는 나중에 페이지에서 보다 명확하고 유익하며 실용적인 성격을 가정하여 프로젝트의 분위기를 가장 잘 전달하는 일부 시각적 요소(비디오 및 선택 이미지)를 공유합니다. 그리고 이 프로젝트는 정말 놀랍습니다. 다소 신비한 캐릭터가 있는 아름다운 어두운 인터페이스는 세부 사항과 미적 일관성에 최대한 주의를 기울여 훌륭하게 디자인된 요소로 장식되어 있습니다. 이 어두운 영상은 밝은 배경과 대조되며 커서가 가리키고 있는 표면에 따라 검은색에서 흰색으로 또는 그 반대로 바뀌는 점 모양의 커서로 완성됩니다. Wemakefab의 글꼴 공유 Wemakefab의 글꼴 공유 Wemakefab 은 웹 디자인에서 대화형 링크 의 힘을 탐구한 오랜 지인입니다. 오늘 우리는 온라인 글꼴 수집기 Fontshare를 위해 개발한 프로젝트의 사례 연구를 살펴보고자 합니다. 사례 연구에서 배울 수 있듯이 프로젝트에는 완전한 시각적 브랜드 변경, 인터페이스 디자인 및 로고 재설계가 포함되었습니다. 그리고 우리는 이것이 적절한 사례 연구 라고 말해야 합니다. 사례 연구를 수행하는 방법과 포함해야 하는 내용에 대한 모든 상자에 체크 표시를 한 것입니다.. 프로젝트의 각 요소는 깨끗하고 고대비적인 흑백 페이지에 논리적이고 순차적인 방식으로 나열되고 설명됩니다. 프로젝트 안내문으로 시작하여 글꼴 카드, 내부 페이지, 모바일 보기, 팔레트 및 선택 세부 정보로 이동합니다. 모든 시각 자료는 사용성 및 깔끔한 디자인 원칙을 따르는 방식으로 제공됩니다. 크고(때로는 특대형), 깨끗하고, 세심하게 배열되어 있으며, 세로 및 가로로 가는 선이 섹션을 순서대로 나열하는 경우가 있습니다. 여러 요소가 장난과 유머 정신을 발산합니다. 마우스를 올리면 흰색에서 검은색으로 바뀌는 섹션, 대형 타이포그래피, 깜박이는 커서 등입니다. 사례 연구는 문체적으로 일관성 있고 긴밀하며 프로젝트의 성격 및 목적과 매우 잘 일치합니다. More & More 네스프레소 by Playful More & More 네스프레소 by Playful Playful 은 아트 디렉션 및 동영상 캠페인을 전문으로 하는 디지털 크리에이터의 협업 집단입니다. More & More Nespresso 는 에이전시에서 진행한 가장 도전적이고 보람 있는 프로젝트 중 하나입니다. 프로젝트의 사례 연구는 프로젝트 자체만큼이나 복잡하고 풍부합니다. 그것은 깊고 무더운 보라색으로 프로젝트에서 중심 역할을 한 텍스처를 소개하는 인상적인 영웅 슬라이더로 시작됩니다. 프로젝트에서 신중하게 선별된 이미지와 비디오는 페이지를 따라 능숙하게 배열되며 밝은 배경과 텍스트가 있는 큰 빈 공간과 대조되어 시각적 축제에서 환영받는 일시 중지를 제공합니다. 특히 컬러 플레이가 눈에 띈다.– 프로젝트 자체는 한편으로는 풍부하고 깊은 부르고뉴, 녹색 및 파랑색, 다른 한편으로는 가늘고 우아한 파스텔 사이의 섬세한 상호 작용을 특징으로 합니다. 사례 연구에서도 동일한 상호 작용이 반복되며 페이지 전체에 걸쳐 사랑스러운 Antiga 서체를 사용하여 프로젝트의 우아하고 세련된 특성을 강조합니다. 이 페이지에는 프로젝트의 중심인 디렉터스 컷 비디오가 있지만 케이스 스터디를 이어받지는 않습니다. 결국 대행사가 크리에이티브 프로세스를 설명하고 주요 시각적 신호를 정확히 지적하는 케이스 스터디이기 때문입니다. 그리고 모티브. Baillat Studio의 Bian 2016 Baillat Studio의 Bian 2016 당신은 영감을 주는 메뉴 디자인 에 관한 우리의 작품에서 Baillat Studio 를 기억할 것입니다. 여기에서 우리는 스튜디오의 현대적인 대화형 전체 화면 메뉴를 칭찬했습니다. 오늘 우리는 웹사이트의 프로젝트 섹션, 특히 2016년 BIAN 판에 대한 사례 연구를 확인할 것입니다.(국제 디지털 아트 비엔날레). 축제의 시각적 아이덴티티는 페이지의 밝은 회색 배경과 검은색 인터페이스 타이포그래피와 멋진 대조를 이루는 색상 조합인 블랙과 레드를 기반으로 했습니다. 대상 및 주요 아이덴티티 요소(스위스 ​​스타일 기반 미학, 직각 프레임, 반복, 선 및 정밀도)에 대한 짧은 텍스트는 프로젝트의 전폭 비주얼과 함께 오프닝 영웅 섹션을 따릅니다. 이 소개 섹션이 끝나면 지정된 분위기에서 실제 프로젝트 자료의 사진, 비디오 및 이미지의 형태로 제공되는 프로젝트의 비주얼을 탐색합니다. 따라서 에이전시는 과도한 설명과 텍스트 내러티브 없이 이미지가 스스로 말하게 하기로 결정했습니다.. 그리고 그것은 좋은 전화였습니다. 페이지는 간결하고 유익하며 사례 연구가 있어야 할 내용입니다. Niccolò Miranda의 Prada 직원 온라인 스토어 Niccolò Miranda의 Prada 직원 온라인 스토어 여기 우리가 기사에서 소개하고 싶은 디자이너가 있습니다. 우리는 포스터에서 영감을 받은 웹 디자인 과 바닥글 디자인의 훌륭한 예에 대한 글 에서 Niccolò Miranda 에 대해 썼습니다 . 이번에는 일러스트레이션을 좋아하는 재능 있는 이탈리아 디자이너이자 개발자가 Prada 직원 온라인 스토어 의 사례 연구를 예로 들어 자신의 웹사이트에 자신의 주요 작품을 발표하기로 결정한 방법을 살펴보겠습니다. 가장 먼저 눈에 띄는 것은 프로젝트 페이지가 Miranda 포트폴리오의 전체 스타일과 완전히 일치한다는 것입니다. 종이 같은 질감, 찢어진 종이 효과, 신문 레이아웃을 닮은 기둥과 섹션, 그리고 물론 삽화를 의미합니다 .. 페이지는 그가 Prada(브랜드의 이전 컬렉션을 판매하는 온라인 상점)를 위해 수행한 프로젝트의 멋진 삽화가 들어 있는 영웅 섹션과 함께 열립니다. 그런 다음 Miranda에게 위임된 작업과 그가 수행한 작업을 설명하는 섹션으로 이동합니다. 독특하고 독특한 스타일 외에도 흥미로운 점은 프로젝트의 이미지가 기본 페이지 콘텐츠가 아니라 해당 아이콘을 클릭하면 오른쪽으로 열리는 사이드바에 표시된다는 것 입니다. 이 페이지에는 프로젝트의 라이브 사이트로 연결되는 큰 타원형 버튼도 있습니다. 기본적으로 사례 연구 자체라기보다는 프로젝트 소개 페이지에 가깝지만 독특한 스타일과 Miranda의 놀라운 재능을 고려할 때 여기에서도 언급할 가치가 있다고 생각했습니다. K95의 오르토비보 K95의 오르토비보 K95 는 시칠리아 카타니아의 디자인, 브랜딩 및 커뮤니케이션 에이전시입니다. 그들은 대부분 이탈리아 고객과 함께 일하지만 명단에 몇 가지 국제적 이름도 있습니다. 그들의 웹사이트에는 적절한 사례 연구로 이어지는 각 링크가 있는 대화형 링크 회전 목마 형태의 깔끔한 프로젝트 목록이 있습니다. 오늘 은 시칠리아 유기농 식품 생산업체인 오르토비보( Ortovivo )에 대해 알아보겠습니다. 각 프로젝트는 설명, 대상, 브랜딩 및 패키징을 포함하는 섹션으로 깔끔하게 나뉩니다., 헤더에 링크되어 있습니다(여기에서 사례 연구를 끄고 홈페이지로 돌아갈 수도 있음). 레이아웃은 통풍이 잘되고 깨끗하며 각 시각적 콘텐츠 주변에 충분한 빈 공간이 있으며 프로젝트를 탐색하기 위해 스크롤하도록 초대하는 큰 원형 애니메이션 버튼이 있습니다. 빈 공간이 있는 섹션은 전각 대화형 섹션과 결합되어 스크롤할 때 움직이고 확장됩니다. 에이전시의 전문성과 취향을 대변하는 현대적인 디자인 관행과 우수한 UX, 유용성 및 효율성을 결합 하는 역동적이고 현대적이며 능숙하게 디자인된 페이지입니다 . 오비스 에이전시 타이포그래피 원칙 오비스 에이전시 타이포그래피 원칙 Obys Agency 는 UX/UI 디자인, 애니메이션, 그래픽 디자인 및 개발에 중점을 둔 우크라이나의 크리에이티브 디자인 에이전시입니다. 그들의 웹사이트는 그들의 작품, 원칙, 찬사 등을 현대적이고 능률적이며 유동적으로 표시합니다. Obys는 자신이 하는 모든 일에 진지한 접근 방식을 과시하는 에이전시로서 그들의 정신과 작업에서 따르는 예술 및 디자인 원칙을 공유하고 싶었습니다. 그래서 Obys는 Typography Principles 에 독립형 웹사이트를 만들었습니다. 사례 연구 역할을 하는 페이지그것을 위해. 이 사이트에는 에이전시가 글꼴을 사용하는 방법, 글꼴을 결합하는 방법 및 타이포그래피와 관련하여 따르는 규칙을 설명하는 세 개의 섹션이 있습니다. 페이지는 웹사이트의 나머지 부분의 흰색 바탕에 검은색 미학 라인을 따르며, 아래로 굴러 올라가 기본 콘텐츠를 드러내는 섹션이 있습니다. 스크롤을 통해 시각적 콘텐츠를 탐색하고, 대형 대화형 버튼을 클릭하고, 비디오를 재생하기 때문에 탐색이 특히 흥미로웠습니다. 번호가 매겨진 섹션과 대각선 화살표는 물리적 탐색 신호(교통 또는 공항 신호와 같은)를 암시하고 애니메이션을 다루는 연구 부분은 별도의 단위로 제공됩니다. 웹 사이트 자체는 다소 인상적이며 사례 연구는 디자인 측면에서나 UX 측면에서 복잡성과 우아함을 전달하는 데 탁월한 역할을 합니다. Tubik의 Komuso 디자인 Tubik의 Komuso 디자인 Tubik Studio 는 UX 및 UI 디자인에 중점을 둔 풀스택 디지털 서비스 에이전시입니다. 그들의 웹사이트는 특정 프로젝트로 이어지는 이미지 갤러리와 함께 스튜디오가 가장 자랑스러워하는 서비스와 작품을 다소 군더더기 없는(그러나 그럼에도 불구하고 눈에 띄는) 전시를 제공합니다. 예를 들어, Komuso Design 프로젝트 페이지는 프로젝트에 대한 정보와 실습 개요를 제공합니다. 인트로 히어로 이미지와 함께 시작되며, 흰색 바탕에 편안한 블랙 길로이 타이포그래피를 사용하여 간단하고 읽기 쉬운 형식으로 간략한 프로젝트 정보를 제공합니다. 시각적 콘텐츠는 아름다운 대리석 같은 배경에 비디오 형식으로 제공되며, 아름답게 결합된 파스텔 팔레트에 배열된 프로젝트의 스크린샷과 결합됩니다. 특히 잘 설계된 섹션은페이지를 복잡 하게 만들거나 너무 길게 만들지 않고 여러 콘텐츠 인스턴스를 표시하는 동적이고 편리한 방법을 제공하는 박스형 분할 슬라이더 갤러리입니다 . 연구는 시각 시스템으로 끝납니다: HEX 코드가 있는 색 구성표, 타이포그래피의 대표적인 샘플 및 모바일 레이아웃. 전체 페이지는 고객의 브랜드 및 제품(호흡을 통해 휴식을 취할 수 있도록 설계된 웰빙 도구)과 완벽하게 일치하는 통풍이 잘되고 유쾌한 성격을 가지고 있습니다. The 92 Group by Humana Studio The 92 Group by Humana Studio Humana Studio 는 사회적, 환경적 영향을 미치는 브랜드 구축을 지원하는 포르투갈 에이전시입니다. 그들은 불경함, 비관습적, 젊음을 통해 미디어와 엔터테인먼트의 전통에 도전하는 디자인 스튜디오인 92 Group의 의뢰를 받았습니다. 분명히 Humana Studio는 분명히 파괴적인 접근 방식을 가지고 있기 때문에 이것은 매우 적합했습니다. 92 Group 브랜드 아이덴티티 및 커뮤니케이션 전략에 대한 사례 연구는 부분적으로 동일한 파괴적 원칙(특히 시각적 커뮤니케이션 측면에서)을 따르지만 특히 UX와 관련하여 좀 더 전통적인 원칙을 따릅니다. 시각적 콘텐츠는 검정색 배경에 강렬하고 깊은 색상으로 포화되고 크고 대담 하지만 페이지에 배열되는 방식은 다음을 보장합니다.적절한 탐색, 가독성 및 사용 용이성 . 섹션은 미묘한 확대 효과와 축소 및 확장되는 노란색 원형 커서로 상단에 표시되며 텍스트는 짧고 요점으로 표시됩니다. 연구는 짧지만 집중적이며 유익하고 실용적이며 성격과 분위기가 일관됩니다. WØRKS Studio의 DreamHaus WØRKS Studio의 DreamHaus WØRKS Studio 는 크리에이티브 디렉션, 전략 및 디자인을 전문으로 하는 뉴욕 기반 컨설팅 회사입니다. 그들의 메인 웹사이트는 에이전시 정신과 프로젝트의 흥미로운 쇼케이스이며, 몰입형 전체 화면 비디오와 애니메이션 시퀀스의 형태로 전달되는 많은 정보와 콘텐츠와 함께 독특한 영화적 접근 방식이 특징입니다. DreamHaus 프로젝트 는 프로젝트에 사용된 기둥 디자인 요소에 대한 애니메이션 연구 로 제시되며 주로 타이포그래피와 팔레트에 중점을 둡니다.. 전체 화면 영웅 섹션은 프로젝트의 큰 애니메이션 로고로 열리고 이름과 16진수 코드가 있는 아름다운 파스텔 팔레트로 진행되며 프로젝트에 사용된 타이포그래피와 기본 레이아웃 스타일을 보여주는 시퀀스로 끝납니다. 텍스처로. 방문자는 스크롤하여 프로젝트와 그 목표에 대해 자세히 알아볼 수 있을 뿐만 아니라 대행사가 이 프로젝트의 창의적인 방향에서 따랐던 주요 지침을 확인할 수 있습니다. 프로젝트와 관련된 이미지 또는 디렉션의 제품(원하는 경우)에는 에이전시의 시그니처 컬러인 노란색이 짧게 깜박이는 애니메이션 효과가 표시되어 프로젝트와 제작자 사이의 연속성 을 제공 하고, 물론 에이전시 자체 브랜딩을 강화합니다. Parsons Branding의 탑라인 Parsons Branding의 탑라인 가장 자주 읽는 독자는 영감을 주는 크리에이티브 에이전시 및 디자이너 에 대한 기사에서 Parsons Branding 을 기억할 것 입니다. 여기에서 에이전시의 아름다운 UI 디자인과 흥미로운 탐색 솔루션을 칭찬했습니다. 오늘 우리는 그들의 사례 연구 중 하나, 특히 남아프리카 공구 제조업체인 Topline 에 대한 사례 연구를 확인하고자 합니다. 모든 사례 연구에는 고유한 페이지 탐색 기능이 있습니다. 화면 왼쪽 부분에는 사례 연구의 특정 부분에 대한 점프 링크와 함께 번호가 매겨진 섹션이 있습니다.: 개요, 아이덴티티, 패키징 등. 물론 아래로 스크롤하여 전체 연구를 의도한 순서대로 탐색할 수 있습니다. 배경은 에이전시의 시그니처인 녹색과 회색이며 매우 미묘한 종이 같은 질감으로 전체 인터페이스에 실제와 같은 품질을 제공합니다. 목차가 있는 왼쪽은 스크롤할 때 정적 상태로 유지되어 페이지에서 탐색과 방향을 쉽게 확인할 수 있으며, 그 자체로 시각적 및 텍스트 콘텐츠가 매우 풍부합니다. 특정 섹션은 수평 스크롤 슬라이더로 제공되므로 페이지가 모든 방향으로 확장되는 느낌을 받습니다. 이것은 프로젝트를 매우 자세하게 탐색하는 데 관심이 있는 사람들을 위한 정보가 풍부하면서도 동시에 내용을 훑어보고자 하는 사람들을 위한 간단하고 유익한 정보로 매우 잘 고려된 사례 연구입니다. 안녕하세요 오늘의 주말 안녕하세요 오늘의 주말 일본의 Hello Today 는 가전제품 제조업체인 Weekend를 위해 전략 기획 및 브랜딩에서 그래픽 디자인, 웹 디자인, 사진 및 아트 디렉션, 심지어 카피 라이팅까지 아주 완벽한 에이전시 작업을 수행했습니다. 대행사 웹 사이트 의 주말 사례 연구 는 첫 단계부터 프로젝트 완료까지 대행사에서 수행한 모든 작업을 현대적이고 우아하게 어둡게 보여줍니다. 검정색 배경에 분리된 흰색 타이포그래피는 영어와 일본어로 기본 프로젝트 정보와 브랜드 철학을 소개한 후 비주얼로 스크롤합니다. 이것들은 전형적인 일본의 위엄 있는 방식으로 표현되며 검은색 배경에 부드럽게 떠 있어 아름다운 대비와 묘한 고요함을 만듭니다.. 얇고 미묘한 인터페이스 라인은 시각적 콘텐츠를 위한 일부 프레임워크를 제공하고 웹사이트의 전체적인 미학(최소화되고 절제된)과 다소 성공적으로 소통합니다. 게시자: Fuge 게시자: Fuge Fuge 는 UI, 브랜딩 및 디지털 솔루션을 제공하는 모스크바 기반 디자인 에이전시입니다. 에이전시 웹사이트는 매우 축소된 팔레트로 미니멀리즘적이며 작은 타이포그래피와 연인 그리드 패턴을 사용하여 현대적이고 진지한 느낌을 줍니다. 이 문자는 개별 사례 페이지를 포함하여 웹사이트 전체에서 반복됩니다. 우리가 가장 좋아하는 것은 UX 및 UI 서비스 및 애니메이션뿐만 아니라 대행사에서 브랜딩을 수행한 디자인 잡지인 Posted의 사례 연구입니다 . 케이스 페이지는 밝은 배경에 큰 이미지와 몇 개의 텍스트로 약간 미니멀하게 시작됩니다. 스크롤할 때 점점 더 많은 콘텐츠가 대화형 방식으로 유동적인 방식으로 화면에 나타납니다.. 사례 연구는 매거진 웹사이트의 로고 및 요소, 데스크톱 및 모바일 버전의 섹션으로 나뉩니다. 각 이미지는 부드럽고 현대적인 전환으로 팝업으로 확장되어 페이지에 역동적이고 현대적인 느낌을 줄 수 있습니다. 이 분위기는 Posted 브랜드 팔레트인 그레이스케일, 블랙, 레드로 축소된 모던하고 미니멀한 팔레트로 강화됩니다. 이미지(또는 미리보기)가 페이지에 교대로 배열되어 멋진 균형을 만들고 전체 구성이 특정 영역 위로 마우스를 가져갈 때 나타나는 격자선에 의해 제자리에 고정된 것처럼 보입니다. Fuego Camina Conmigo의 10종 경기 앱 Fuego Camina Conmigo의 10종 경기 앱 Decathlon은 오랫동안 스페인 시장을 위한 앱의 재설계 및 재출시를 계획해 왔지만 Covid-19 전염병은 이러한 계획을 잠시 중단했습니다. 팬데믹이 완화되자마자 스포츠 용품 회사는 바르셀로나에 본사를 둔 Twin Peaks라는 에이전시 Fuego Camina Conmigo (Fire Walk with Me)에 디지털 전략, 아트 디렉션 및 컨셉, 복사, 시청각 콘텐츠 및 소셜 광고. Decathlon 앱 사례 연구 는 기관 웹 사이트에서 사용할 수 있으며 우리가 본 것 중 가장 성공적이고 상세하며 완전한 연구 중 하나입니다.. 사례 연구에 포함되어야 하는 내용(컨텍스트, 대상, 구현 등)과 관련하여 모든 확인란을 선택하지만 결코 건조하거나 기술적인 방식이 아닙니다. 에이전시는 이미지로 보거나 클릭하여 비디오를 재생할 수 있는 앱의 시각적 자료로 전체 화면 섹션으로 가볍고 읽을 수 있는 텍스트 섹션을 능숙하게 교체하여 이를 달성했습니다. 그 동안 에이전시는 타이포그래피, 레이아웃 스타일 및 원형 커서, 버튼 및 아이콘과 같은 요소에 있는 고유한 시각적 아이덴티티를 유지합니다. 바이올렛 오피스에 의해 언스턱 바이올렛 오피스에 의해 언스턱 잘 수행된 만큼 고귀한 프로젝트가 있습니다. Unstuck by Violet Office 는 난민들이 파트너 회사와 공급망에서 정규직 일자리를 찾도록 돕는 것을 목표로 Chobani의 CEO와 여러 이해 관계자가 시작한 노력입니다. 물론 Chobani는 이 프로젝트에 가장 먼저 참여했으며 곧 Ben & Jerry 및 Dole과 같은 다른 주요 브랜드도 뒤를이었습니다. Violet Office는 소셜 미디어는 물론 브랜딩, 웹 디자인 및 개발도 담당했습니다. 브랜딩 부분은 아마도 가장 인상적일 것입니다 . 에이전시는 모든 브랜드 파트너의 로고에 쉽게 맞출 수 있는 로고와 워드마크를 만들었습니다 . 사례 연구의 첫 번째 부분은 디자인의 효율성을 입증하는 풍부한 비주얼 로 완성된 특정 노력에 중점을 둡니다.. 그런 다음 Unstuck 비주얼 시스템(색상, 패턴, 타이포그래피)에 대한 분석을 진행하고 브랜드 활성화의 예와 함께 출시 비디오를 완성합니다. 고대비 영상은 갤러리에서 또는 개별적으로 전체 너비로 표시되어 방문자에게 몰입 효과를 주며 결국 이 훌륭한 프로젝트의 내러티브에 완전히 빠져들게 됩니다.