디지털 패션 테크 플랫폼 무신사의 반응형 웹 디자인 개발
Responsive Web Development of Digital Fashion Technology Platform Musinsa
0
조회
0
다운로드
1
인용
0
참고문헌
키워드
초록
This study aims to compensate for the shortcomings of the adaptive web of the Musinsa platform website, which has the highest percentage of MZ generation consumers in the fashion e-commerce platform market. Thus, the purpose of this study is to develop a responsive web that reacts fluidly to various devices and considers the user's purchase experience. The research method examines the concepts and features of the responsive and adaptive designs and theoretically examines the five responsive layouts defined by Luke Wroblewski. The characteristics of Musinsa, built with adaptive design, were analyzed by analyzing the websites of fashion platforms using responsive design. Based on the analysis results, a prototype was constructed through wireframe design, and a responsive web was designed. The conclusion of this study is as follows. Musinsa is a fashion commerce platform that provides fashion content and an online shopping mall. Therefore, This study designs and proposes a responsive web that can provide consistent purchasing and content experiences on various devices, rather than an adaptive web with limitations in exposing the platform's core value and poor user experience regarding device fluidity. The responsive web of Musinsa, designed and developed in this study, is designed to expose various contents by fluid layout and media rules and to make efficient information access by utilizing their characteristics and changing expression methods as necessary. The results of this study can further activate the web of Musinsa to improve users' purchasing experience and ultimately expect a positive effect of sales increase.
Abstract
This study aims to compensate for the shortcomings of the adaptive web of the Musinsa platform website, which has the highest percentage of MZ generation consumers in the fashion e-commerce platform market. Thus, the purpose of this study is to develop a responsive web that reacts fluidly to various devices and considers the user's purchase experience. The research method examines the concepts and features of the responsive and adaptive designs and theoretically examines the five responsive layouts defined by Luke Wroblewski. The characteristics of Musinsa, built with adaptive design, were analyzed by analyzing the websites of fashion platforms using responsive design. Based on the analysis results, a prototype was constructed through wireframe design, and a responsive web was designed. The conclusion of this study is as follows. Musinsa is a fashion commerce platform that provides fashion content and an online shopping mall. Therefore, This study designs and proposes a responsive web that can provide consistent purchasing and content experiences on various devices, rather than an adaptive web with limitations in exposing the platform's core value and poor user experience regarding device fluidity. The responsive web of Musinsa, designed and developed in this study, is designed to expose various contents by fluid layout and media rules and to make efficient information access by utilizing their characteristics and changing expression methods as necessary. The results of this study can further activate the web of Musinsa to improve users' purchasing experience and ultimately expect a positive effect of sales increase.
참고문헌 (56)
- "2021년 12월 및 연간 온라인쇼핑동향" (2022), 이민경[URL]
- "'콘텐츠 + 기술력' 패션테크 리더 4"[URL]
- "패션 트렌드 리포트 2020"[URL]
- "겔럽 2012-2021 스마트폰 사용률"[URL]
- 김기연, "뉴노멀 시대 MZ세대의 라이프스타일 변화 유형에 관한 연구", 주관성 연구, (59), pp.27~47 (2022), 한국주관성연구학회[DOI]
- "“대세는 비대면” 유통업계, 봄바람 타고 자사몰 새단장" (2022)[URL]
- "Architectueof the World Wide Web, Volume one"[URL]
- "About the World Wide Web"[URL]
- "MDNWeb Docs, CSS 기초"[URL]
- "MDNWeb Docs, Web technology for developers"[URL]
- 송태민, "반응형 웹 디자인", pp.28~ (2013), 이지북스
- 장승영, "인터페이스 구조 따른 프로토타입의 반응형 웹", 한국전자통신학회 논문지, 13(3), pp.609~616 (2018), 한국전자통신학회[DOI]
- "Responsive Web Design, A List Apart May 25" (2015)[URL]
- "HTML5 - Responsive Web Design, Microsoft Documentation26(11)" (2011)[URL]
- 고경희, "Do it! HTML+CSS3 웹 표준의 정석", pp.449~450 (2020), 이지스퍼블리싱
- "MDNWeb Docs, Beginner's guide about media queries"[URL]
- "반응형 웹과 적응형 웹의 차이점" (2021)[URL]
- 송상우, "반응형 웹 디자인 레이아웃의 유형에 관한연구", 석사, pp.2015
- "반응형 웹 제작과 검색엔진 최적화(SEO)는 사용성 최적화"[URL]
- "Naver Search Advisor 검색엔진 최적화의 목적"[URL]
- "Google Search Central Search Engine Optimization (SEO) Starter Guide"[URL]
- 이지훈, "반응형 웹 그리드 패턴 동향 분석 - 웹서비스유형, 개발연도를중심으로-", 상품문화디자인학연구, (58), pp.173~185 (2019), 한국상품문화디자인학회[DOI]
- "Responsive vs. Adaptive Design – The Benefits of Each"[URL]
- "반응형 웹과 적응형 웹의 차이점" (2021)[URL]
- 김종희, "반응형 웹 매거진의 디자인 요소 분석- 패션·시사 잡지를 중심으로 -", 한국디자인포럼, (47), pp.197~208 (2015), 한국디자인트렌드학회[DOI]
- "Multi-Device Layout Patterns. LukeW Ideation + Design" (2012)[URL]
- 김병주, "사용자 경험디자인 요소에 따른 반응형 웹 GUI 디자인 분석 - 남녀대학생을 중심으로 -", 한국디자인문화학회지, 21(2), pp.19~30 (2015), 한국디자인문화학회
- "Multi-Device Layout Patterns. LukeW Ideation + Design" (2012)[URL]
- "5 Timeless Responsive Design Layouts to consider" (2015)[URL]
- "네이버가 택한 브랜디 온·오프로 유니콘등극?" (2022)[URL]
- "브랜디 ' 동대문 풀필먼트 통합 관리 시스템개발'" (2021)[URL]
- "브랜디의 사업 단계는 어디일까?"[URL]
- 이방실, "패션 뷰티·SNS '플랫폼 스타일쉐어의 성장전략'", 동아비즈니스, 11(271), pp.112~129 (2019)
- "‘스타일 좋은’Z세대, 스타일쉐어에모이는 이유" (2020)[URL]
- "Using Card-Based Design To Enhance UX" (2016)[URL]
- "트렌비 브랜드 소개"[URL]
- "리셀시장의 진화는 어디까지" (2022)[URL]
- "29CM '이 콘텐츠로 전하는 당신 29 하던삶'" (2022)[URL]
- "29cm만큼의 차이"[URL]
- "무신사 뉴스룸"[URL]
- "“무진장 신발 사진 많은 곳”서 유니콘 된무신사" (2021)[URL]
- "무신사, 小패션 커뮤니티서 매출1000억원 쇼핑몰 변신" (2019)[URL]
- "와디즈·무신사 "AI 추천 덕에 클릭률 높아졌죠"" (2021)[URL]
- "무신사, 인공지능 활용으로(AI) 앱 매출132 배 확대" (2019)[URL]
- "'2030' 열광 무신사의 무서운 질주..., “다무신사랑 해”" (2021)[URL]
- "How to wireframe" (2019)[URL]
- "MDNWeb Docs, Media queries"[URL]
- "MDNWeb Docs, 미디어 쿼리 초보자 안내서"[URL]
- "MDNWeb Docs, HTML"[URL]
- "MDNWeb Docs, @media"[URL]
- "MDNWeb Docs, 뷰포트"[URL]