self-intro.github.io/experience.html at main · rainysky1020/self-intro.github.io · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
<!DOCTYPE html>
<html lang="ko">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta
      name="description"
      content="의상 디자이너 이서아의 주요 경력 — 메종 드 서울, 어반베이스, 아틀리에 루나에서의 컬렉션 기획 및 디자인 성과"
    />
    <title>경력 — 이서아</title>
    <link rel="preconnect" href="https://fonts.googleapis.com" />
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
    <link
      href="https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,600;1,400&family=Inter:wght@400;500;600&display=swap"
      rel="stylesheet"
    />
    <link rel="stylesheet" href="css/styles.css" />
  </head>
  <body data-page="experience">
    <header class="site-header" id="site-header"></header>

    <main>
      <section class="page-hero" aria-label="경력 소개">
        <div class="container reveal">
          <p class="eyebrow">Case Studies</p>
          <h1>주요 경력 및 성과</h1>
          <p class="lead">
            유명 브랜드에서 쌓아 온 컬렉션 기획, 디자인 개발, 생산 디렉션
            경험입니다.
          </p>
        </div>
      </section>

      <section aria-labelledby="work-heading">
        <div class="container">
          <div class="section-header reveal">
            <p class="eyebrow">Featured Work</p>
            <h2 id="work-heading">브랜드별 경력</h2>
          </div>

          <div class="project-grid">
            <article class="project-card reveal">
              <div class="project-card__image">
                <img
                  src="assets/images/brand-a.jpg"
                  alt="메종 드 서울 시즌 컬렉션 — 옷걸이에 정렬된 의류 라인"
                  width="1200"
                  height="900"
                  loading="lazy"
                />
              </div>
              <p class="project-card__meta">Maison de Seoul · Fashion Design</p>
              <h3 class="project-card__title">메종 드 서울</h3>
              <p class="project-card__period">
                의상 디자이너 · 2016.03 – 2019.08
              </p>
              <ul class="project-card__list">
                <li>
                  시즌 컬렉션 <strong>48벌</strong> 기획·디자인, 시그니처
                  라인 <strong>Soft Structure</strong> 신규 제안 및 채택
                </li>
                <li>
                  원단 개발팀과 협업하여 독자 소재 <strong>3종</strong> 적용
                </li>
                <li>
                  베스트셀러 <strong>울 블렌드 오버코트</strong> 디자인 참여 —
                  출시 후 <strong>시즌 판매 목표 132% 달성</strong>
                </li>
                <li>
                  샘플 디렉션 및 생산 공정 피드백으로
                  <strong>불량률 18% 감소</strong>
                </li>
              </ul>
            </article>

            <article class="project-card reveal">
              <div class="project-card__image">
                <img
                  src="assets/images/brand-b.jpg"
                  alt="어반베이스 캐주얼 라인 — 다양한 의류가 걸린 옷장"
                  width="1200"
                  height="900"
                  loading="lazy"
                />
              </div>
              <p class="project-card__meta">Urban Base · Senior Design</p>
              <h3 class="project-card__title">어반베이스</h3>
              <p class="project-card__period">
                시니어 디자이너 · 2019.09 – 2023.02
              </p>
              <ul class="project-card__list">
                <li>
                  캐주얼·아우터 카테고리 담당, 시즌당
                  <strong>32스타일</strong> 디자인 리드
                </li>
                <li>
                  글로벌 트렌드 리서치 기반 컬러·실루엣 방향 제안 및 팀 내
                  디자인 가이드 수립
                </li>
                <li>
                  협력 업체와의 원가·품질 협상으로
                  <strong>목표 원가율 42% 이내</strong> 제품 개발
                </li>
                <li>
                  주니어 디자이너 <strong>2명</strong> 멘토링, 시즌 컬렉션
                  퀄리티 일관성 유지
                </li>
              </ul>
            </article>

            <article class="project-card reveal">
              <div class="project-card__image">
                <img
                  src="assets/images/brand-c.jpg"
                  alt="아틀리에 루나 캡슐 컬렉션 — 에디토리얼 패션 룩북"
                  width="1200"
                  height="900"
                  loading="lazy"
                />
              </div>
              <p class="project-card__meta">Atelier Luna · Collection</p>
              <h3 class="project-card__title">아틀리에 루나</h3>
              <p class="project-card__period">
                디자이너 · 2023.03 – 2026.01
              </p>
              <ul class="project-card__list">
                <li>
                  브랜드 리뉴얼 시기 신규 실루엣·디테일 언어 개발에 참여
                </li>
                <li>
                  캡슐 컬렉션 <strong>Luna Edit 01</strong> 기획 — 한정 출시
                  <strong>완판</strong> 및 후속 라인 확대 제안
                </li>
                <li>
                  온·오프라인 채널별 니즈를 반영한 듀얼 라인업 디자인 경험
                </li>
              </ul>
            </article>
          </div>
        </div>
      </section>

      <section class="cta-section" aria-label="다음 단계">
        <div class="container cta-section__inner reveal">
          <p class="eyebrow">Next</p>
          <h2>디자인 철학이 궁금하시다면</h2>
          <p class="lead">
            어떤 기준으로 옷을 만드는지, 입사 후 어떻게 기여하고 싶은지
            확인해 보세요.
          </p>
          <div class="btn-group" style="justify-content: center">
            <a href="philosophy.html" class="btn btn--filled">철학 보기</a>
            <a href="index.html" class="btn">소개로 돌아가기</a>
          </div>
        </div>
      </section>
    </main>

    <footer class="site-footer" id="site-footer"></footer>

    <script src="js/main.js"></script>
  </body>
</html>