2024. 07. 18(목) UIUX 웹 2일차

[1교시]

팀프로젝트

어플리케이션_런드리고

in house_상품을 판매하는 업체(ex. 무신사)

에이전시_공공기관, 외주업체

 

*상품 개발_어플리케이션 제작

1) 뭘 하고 싶은지 잘 생각해볼 것

2) 평소 관심사, 불편했던 것, 싫은 것 세 가지 명확하게 분류 

 

 

[인하우스 사장님_팀플]

1) 어떤 상품을 판매할 것인지 생각

- 좋아하는 것(관심사)
 (1) 뷰티(화장품)
 (2) 친환경(업사이클링)
 (3) 팝업스토어, 소품샵(리워드티켓_현 어플리케이션 참고)
  ㄴ 정보가 많지 않아 찾기 힘들다.(팝업스토어의 경우, 검색창에 검색하면 장소, 날짜가 자세히 안 뜸)

 

- 불편한 것 
 (1) 자동차 주차 시스템 개선 

   ㄴ 주차장은 많지만, 대부분 갔을 때 만차라고 떠서 다시 되돌아 간 적이 많아서

   ㄴ 미리 주차 자리 안내를 해줄 수 있는 어플이 필요하다 생각함

 (2) 음식물 쓰레기 배출(분리수거)

 (3) 최적가 검색

- 싫어하는 것 
 (1) 벌레   

   ㄴ 혼자 사는 사람들, 벌레 무서워하는 사람들을 위해                      
 (2) 담배 냄새

- 사람들의 관심사(유행)
  (1) SNS(인스타 그램)/메거진?
  (2) 자취생 꿀팁(방꾸미기, 요리 등)
  (3) 다꾸(다이어리 스티커)
  (4) 덕질
  (5) 꿑팁(약국_약 재고, 효능/팜팜_현어플리케이션)

    ㄴ 약 재고

    ㄴ 약의 효능, 복용 방법 

  (6) 식집사를 위한 어플

     ㄴ 초보 식집사

     ㄴ 초보 키우기 좋은 입문 식물은?

     ㄴ 내 식물이 이상해요

     ㄴ 무슨 향이 좋아요

 

  (7) 영유아 교구 
  
- 사회적 이슈
 (1) 주거문제(공공임대 주택, 청약 등)
 (2) 청년 일자리 문제
 (3) ESG 환경

 (4) 높은 물가

=> 팝업, 전시회, 식집사

 

---

[팝업스토어&소품샵 전용 앱_디자인 정도만]

Target

- 오프라인 행사를 즐겨찾는 2030

 

 

팝업스토어를 사람들이 찾는 이유

- 무료제품을 받을 수 있음 

- 내가 좋아하는 크리에이터/브랜드의 팝업스토어임

- 놀거리가 없음 뭐하고 놀지?>>소품샵을 같이 추천??? / 원데이클래스, 축제 

 

 

(1) 문제점

 - 현재 진행 중인 팝업스토어와 진행 예정 중인 팝업스토어 모두 장소와 시간의 정보를 정확하게 서치하기 어려움

 - 팝업스토어 행사가 끝난지 모르고 찾아다녔던 경험

 - 팝업스토어 현장 중 인기있는 팝업스토어만 인구가 몰려있어 대기 시간 소요가 다르며, 유동성이 떨어짐

   (인기 많은 팝업스토어의 대기시간이 길다.)

 - 성수동 팝업거리에 인구가 몰리다 보니 퇴근 시간에 지하철 줄이 길며, 압사사고 발생할 수 있다는 사회적 이슈가 있음       (해결방안 고민)

 

 

(2) 해결방안

 - 현재 진행 중인/진행 예정인 팝업스토어의 장소와 시간 정보를 알려준다.

 - 예약시스템(현장 방문 예약)을 도입하여 현장 대기 시간을 줄이며 동시에 지하철 문제도 해결 가능 

- 굿즈를 미리 알려줌

 

 

(3) 어플리케이션 서비스

- 진행 중/진행예정인 팝업스토어의 정확한 장소와 시간 정보 제공

- 팝업스토어 진행 사항을 간략하게 포스터 제작

- 원격 줄서기 시스템 or 혼잡도 확인 시스템(색깔, 시간)

- 기다리는 시간이 지루하지 않도록 주변 핫플레이스 추천_소품샵 추천

- 팝업스토어별 굿즈 정보 제공

- 현재 인기 팝업스토어 (요즘뜬 , hot 100)

- 원하는 분위기의 팝업스토어 추천

(데이트, 지나가다 들리는 사람들에게 추천, 필터링 서비스, 공포, 데이트 인생샷, 동물, 크리에이터, 드라마, 애니...)

- 팝업스토어 방문자의 후기 피드(꿀팁 전수, 인생샷 자랑 등)

- 불편사항 개선  

- 팝업스토어 카테고리별로 적립 스태프 부여해서 리워드 제공<?> (추후 어떻게 할지 다시 논의)

 

[소풉샵] 차차 생각해보기

 

 

[2교시]

 

 

 

 

[3교시]
 스타일 적용
너비 100px

높이 200px

배경색 red

con2 클래스 div
배경색
너비 100
높이 100

아이디 선택
특정한 아이디
id 이름 1개로 지정
#아이디명

stlye 스타일에 쓰는거 css에도 사용 가능 

아이디, 클래스
연습을 할 때 간단히

의미를 부여

contents-left-box
contents-left-text
contents-r-img

.a1 tab 누르면  <div class="a1"></div>
alt+shift+방향키_복제
영어 쓰고 tab눌러
a1 red
h 20
a2 blue
h 100
bf


div 5개 id a1 a2 a

class a

박스= html에서 해라


div  클래스 b 아이디는 b1,b2, b3

[4교시]

h200px

밑보다 ID가 더 우선이다.