https://sidebyside.tistory.com/ Side by 4ide Disign - 엠마의 포트폴리오 BX디자인 콘텐츠디자인 웹상세페이지 제작 의뢰 ko Tue, 16 Jun 2026 08:24:08 +0900 TISTORY 100 사이드바이사이드 https://tistory1.daumcdn.net/tistory/3039107/attach/f6e31b9394af43d4b812a50148f57fdc https://sidebyside.tistory.com https://sidebyside.tistory.com/41 <p><figure class="imageblock alignCenter" data-filename="모바일_0003_Layer 5.jpg"><span data-url="https://blog.kakaocdn.net/dn/cNVFZ0/btqx9WYtjUm/mGfO2ln456vg8lx5wp8k4K/img.jpg" data-phocus="https://blog.kakaocdn.net/dn/cNVFZ0/btqx9WYtjUm/mGfO2ln456vg8lx5wp8k4K/img.jpg"><img src="https://blog.kakaocdn.net/dn/cNVFZ0/btqx9WYtjUm/mGfO2ln456vg8lx5wp8k4K/img.jpg" srcset="https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FcNVFZ0%2Fbtqx9WYtjUm%2FmGfO2ln456vg8lx5wp8k4K%2Fimg.jpg" data-filename="모바일_0003_Layer 5.jpg" onerror="this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';"/></span></figure> </p> <p>&nbsp;</p> <p>&nbsp;</p> <p><figure class="imageblock alignCenter" data-filename="모바일_프로모션콘텐츠_4.png"><span data-url="https://blog.kakaocdn.net/dn/bVVeIA/btqx9XXnOOm/HR0xiSxdgLWnvFHkT0Hmq1/img.png" data-phocus="https://blog.kakaocdn.net/dn/bVVeIA/btqx9XXnOOm/HR0xiSxdgLWnvFHkT0Hmq1/img.png"><img src="https://blog.kakaocdn.net/dn/bVVeIA/btqx9XXnOOm/HR0xiSxdgLWnvFHkT0Hmq1/img.png" srcset="https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FbVVeIA%2Fbtqx9XXnOOm%2FHR0xiSxdgLWnvFHkT0Hmq1%2Fimg.png" data-filename="모바일_프로모션콘텐츠_4.png" onerror="this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';"/></span></figure> </p> <p>&nbsp;</p> <p><b>모바일 프로모션 콘텐츠</b></p> <p>프로모션: 타임특가 (얼리모닝) &nbsp;</p> <p>포트폴리오 사이즈:&nbsp;1366 &times; 768 px</p> <p>콘텐츠 사이즈:&nbsp;1242 &times; 2208&nbsp;<span style="color: #333333;">px</span></p> <p>&nbsp;</p> <p>본 이벤트는 '타임특가' 라는 주제를 가진 만큼, 낮과 밤이 구분이 확실하도록 노란색, 아침을 상징하는 화사함과 시계를 연출하여 시각적인 효과를 주었습니다. 픽토그램으로 글을 읽지 않아도 유추가 가능하도록 오전 바쁜 시간을 활용하는 분들을 위해 제작되었습니다.&nbsp;</p> 포트폴리오 WGUI/웹콘텐츠 포트폴리오 사이드바이사이드 https://sidebyside.tistory.com/41 https://sidebyside.tistory.com/41#entry41comment Mon, 9 Sep 2019 10:30:15 +0900 https://sidebyside.tistory.com/40 <p><figure class="imageblock alignCenter" data-filename="모바일_0002_Layer 4.jpg"><span data-url="https://blog.kakaocdn.net/dn/yVNTw/btqx7llwsFm/EenqIhTbjxRLKCYFZtfaQ1/img.jpg" data-phocus="https://blog.kakaocdn.net/dn/yVNTw/btqx7llwsFm/EenqIhTbjxRLKCYFZtfaQ1/img.jpg"><img src="https://blog.kakaocdn.net/dn/yVNTw/btqx7llwsFm/EenqIhTbjxRLKCYFZtfaQ1/img.jpg" srcset="https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FyVNTw%2Fbtqx7llwsFm%2FEenqIhTbjxRLKCYFZtfaQ1%2Fimg.jpg" data-filename="모바일_0002_Layer 4.jpg" onerror="this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';"/></span></figure> </p> <p>&nbsp;</p> <p>&nbsp;</p> <p><figure class="imageblock widthContent" data-filename="모바일_프로모션콘텐츠_3.png"><span data-url="https://blog.kakaocdn.net/dn/bTWKkh/btqx7ly3HOF/YZNYZLEq4AsuCJ9QutEXRK/img.png" data-phocus="https://blog.kakaocdn.net/dn/bTWKkh/btqx7ly3HOF/YZNYZLEq4AsuCJ9QutEXRK/img.png"><img src="https://blog.kakaocdn.net/dn/bTWKkh/btqx7ly3HOF/YZNYZLEq4AsuCJ9QutEXRK/img.png" srcset="https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FbTWKkh%2Fbtqx7ly3HOF%2FYZNYZLEq4AsuCJ9QutEXRK%2Fimg.png" data-filename="모바일_프로모션콘텐츠_3.png" onerror="this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';"/></span></figure> </p> <p>&nbsp;</p> <p><b>모바일 프로모션 콘텐츠</b></p> <p>프로모션: 포인트 사용 이벤트&nbsp;</p> <p>포트폴리오 사이즈:&nbsp;1366 &times; 768 px</p> <p>콘텐츠 사이즈:&nbsp;1242 &times; 2208&nbsp;<span style="color: #333333;">px</span></p> <p>&nbsp;</p> <p>B2B , 임직원몰 등에서 활용할 수 있는 포인트몰 포인트활용 프로모션 입니다.&nbsp;</p> <p>B2B, 임직원몰의 특성상 복잡하지 않고 가시성이 돋보이는 깔끔한 레이아웃과 쿠폰을 나열한 디자인입니다.&nbsp;</p> 포트폴리오 WGUI/웹콘텐츠 포트폴리오 사이드바이사이드 https://sidebyside.tistory.com/40 https://sidebyside.tistory.com/40#entry40comment Mon, 9 Sep 2019 10:20:58 +0900 https://sidebyside.tistory.com/39 <p>&nbsp;</p> <p>&nbsp;</p> <p><figure class="imageblock alignCenter" data-filename="모바일_0001_Layer 3.jpg"><span data-url="https://blog.kakaocdn.net/dn/c739CG/btqx8A3nAve/M3XiwUu1F9jp5zlWkyksYk/img.jpg" data-phocus="https://blog.kakaocdn.net/dn/c739CG/btqx8A3nAve/M3XiwUu1F9jp5zlWkyksYk/img.jpg"><img src="https://blog.kakaocdn.net/dn/c739CG/btqx8A3nAve/M3XiwUu1F9jp5zlWkyksYk/img.jpg" srcset="https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2Fc739CG%2Fbtqx8A3nAve%2FM3XiwUu1F9jp5zlWkyksYk%2Fimg.jpg" data-filename="모바일_0001_Layer 3.jpg" onerror="this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';"/></span></figure> </p> <p>&nbsp;</p> <p>&nbsp;</p> <p><figure class="imageblock widthContent" data-filename="모바일_프로모션콘텐츠_2.png"><span data-url="https://blog.kakaocdn.net/dn/H04re/btqx8pgIaxO/CStf2X3lPgFhj0Kak46rk1/img.png" data-phocus="https://blog.kakaocdn.net/dn/H04re/btqx8pgIaxO/CStf2X3lPgFhj0Kak46rk1/img.png"><img src="https://blog.kakaocdn.net/dn/H04re/btqx8pgIaxO/CStf2X3lPgFhj0Kak46rk1/img.png" srcset="https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FH04re%2Fbtqx8pgIaxO%2FCStf2X3lPgFhj0Kak46rk1%2Fimg.png" data-filename="모바일_프로모션콘텐츠_2.png" onerror="this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';"/></span></figure> </p> <p>&nbsp;</p> <p><b>모바일 프로모션 콘텐츠</b></p> <p>프로모션: 회전판 이벤트&nbsp;</p> <p>포트폴리오 사이즈:&nbsp;1366 &times; 768 px</p> <p>콘텐츠 사이즈:&nbsp;1242 &times; 2208&nbsp;<span style="color: #333333;">px</span></p> <p>&nbsp;</p> <p>11** 가의 십일절데이를 표현한 디자인으로 남녀노소가 11** 이벤트임을 확인하는 동시에 빠르게 참여할 수 있도록&nbsp;</p> <p>모바일 콘텐츠 페이지를 한 화면에 담고, 아래 스크롤바로 이벤트 혜택, 오늘의 혜택 등 다양한 이벤트 프로모션을 달수 있도록 기획하였습니다.&nbsp;</p> <p>&nbsp;</p> <p>11**의 주색과 보조색을 활용했씁니다.&nbsp;</p> <p>&nbsp;</p> <p>&nbsp;</p> <p><br /><br /><br /></p> 포트폴리오 WGUI/웹콘텐츠 포트폴리오 사이드바이사이드 https://sidebyside.tistory.com/39 https://sidebyside.tistory.com/39#entry39comment Mon, 9 Sep 2019 10:10:53 +0900 https://sidebyside.tistory.com/38 <p><figure class="imageblock alignCenter" data-filename="모바일_0000_Layer 2.jpg"><span data-url="https://blog.kakaocdn.net/dn/YhUtB/btqx9Xb0OHj/nQdkhztvUINrxKYv8YkT61/img.jpg" data-phocus="https://blog.kakaocdn.net/dn/YhUtB/btqx9Xb0OHj/nQdkhztvUINrxKYv8YkT61/img.jpg"><img src="https://blog.kakaocdn.net/dn/YhUtB/btqx9Xb0OHj/nQdkhztvUINrxKYv8YkT61/img.jpg" srcset="https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FYhUtB%2Fbtqx9Xb0OHj%2FnQdkhztvUINrxKYv8YkT61%2Fimg.jpg" data-filename="모바일_0000_Layer 2.jpg" onerror="this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';"/></span></figure> </p> <p>&nbsp;</p> <p><figure class="imageblock alignCenter" data-filename="모바일_프로모션콘텐츠_1.png"><span data-url="https://blog.kakaocdn.net/dn/bd6RhX/btqx9zvGpWn/h5NKlCywgjNFs5c4E4du7K/img.png" data-phocus="https://blog.kakaocdn.net/dn/bd6RhX/btqx9zvGpWn/h5NKlCywgjNFs5c4E4du7K/img.png"><img src="https://blog.kakaocdn.net/dn/bd6RhX/btqx9zvGpWn/h5NKlCywgjNFs5c4E4du7K/img.png" srcset="https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2Fbd6RhX%2Fbtqx9zvGpWn%2Fh5NKlCywgjNFs5c4E4du7K%2Fimg.png" data-filename="모바일_프로모션콘텐츠_1.png" onerror="this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';"/></span></figure> </p> <h4>&nbsp;</h4> <h4>&nbsp;</h4> <h4><b>모바일 프로모션 콘텐츠</b></h4> <p>프로모션: 출석 할인쿠폰 이벤트&nbsp;</p> <p>포트폴리오 사이즈:&nbsp;1366 &times; 768 px</p> <p>콘텐츠 사이즈:&nbsp;1242 &times; 2208&nbsp;<span style="color: #333333;">px</span></p> <p>&nbsp;</p> <p>내용: '출석' 이벤트는 하루 한번 낮 또는 밤에 직장인, 유부녀 분들이 가장 쉽게 참여할 수 있는 이벤트 입니다.&nbsp;</p> <p>화려함 보다는 '출석' 하기 이벤트에 대한 강조 문구, 출석보드를 강조하기 위해 보색대비를 선택하였습니다.&nbsp;</p> <p>&nbsp;</p> <p>&nbsp;</p> <hr contenteditable="false" data-ke-type="hr" data-ke-style="style6" /> <p>&nbsp;</p> <p style="font-size: 16px; margin-top: 1px; margin-right: auto; margin-left: auto; line-height: 1.6; caret-color: #333333; color: #333333; font-family: AppleSDGothicNeo-Regular, 'Malgun Gothic', '맑은 고딕', dotum, 돋움, sans-serif;"><b>저작물 사용허가 (CCL) 표기&nbsp;</b></p> <p><figure class="imageblock alignLeft" style="max-width: 100%; height: auto; transition-duration: 0.5s; transition-timing-function: ease; width: 184px;" data-filename="CCL.jpg"><span data-url="https://blog.kakaocdn.net/dn/PsiyF/btqwLBJXdaD/dGJKy08Vt6utiOQen1hnO0/img.jpg" data-phocus="https://blog.kakaocdn.net/dn/PsiyF/btqwLBJXdaD/dGJKy08Vt6utiOQen1hnO0/img.jpg"><img src="https://blog.kakaocdn.net/dn/PsiyF/btqwLBJXdaD/dGJKy08Vt6utiOQen1hnO0/img.jpg" srcset="https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FPsiyF%2FbtqwLBJXdaD%2FdGJKy08Vt6utiOQen1hnO0%2Fimg.jpg" style="max-width: 100%; height: auto; transition-duration: 0.5s; transition-timing-function: ease; width: 184px;" data-filename="CCL.jpg" onerror="this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';"/></span></figure> </p> <p style="font-size: 0.87em;">1. 저작자 표시. 본 저작물은 저작자 이름, 출처 등 저작자에 대한 사항을 반드시 표시해야 함</p> <p style="font-size: 0.87em;">2. 비영리. 저작물을 영리 목적으로 이용할 수 없음</p> <p style="font-size: 0.87em;">3. 2차 변경금지. 저작물을 변경하거나 저작물을 이용한 2차적 저작물 제작을 금지함</p> <p style="font-size: 0.87em;">&nbsp;</p> <p style="font-size: 0.87em;">E-mail: sideby4ide@naver.com</p> <p>&nbsp;</p> 포트폴리오 WGUI/웹콘텐츠 포트폴리오 사이드바이사이드 https://sidebyside.tistory.com/38 https://sidebyside.tistory.com/38#entry38comment Mon, 9 Sep 2019 10:00:24 +0900 https://sidebyside.tistory.com/45 <p>모바일&nbsp;웹페이지&nbsp;/&nbsp;타임특가</p> <p>&nbsp;</p> <p><figure class="imageblock alignCenter" data-filename="Artboard 5.png"><span data-url="https://blog.kakaocdn.net/dn/9aglM/btqyaqLNB6o/Vyo7OVjPUf1elVXHqlGmHk/img.png" data-phocus="https://blog.kakaocdn.net/dn/9aglM/btqyaqLNB6o/Vyo7OVjPUf1elVXHqlGmHk/img.png"><img src="https://blog.kakaocdn.net/dn/9aglM/btqyaqLNB6o/Vyo7OVjPUf1elVXHqlGmHk/img.png" srcset="https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2F9aglM%2FbtqyaqLNB6o%2FVyo7OVjPUf1elVXHqlGmHk%2Fimg.png" data-filename="Artboard 5.png" onerror="this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';"/></span></figure> </p> <p>&nbsp;</p> <p>&nbsp;</p> <p style="font-size: 16px; margin-top: 1px; margin-right: auto; margin-left: auto; line-height: 1.6; caret-color: #333333; color: #333333; font-family: AppleSDGothicNeo-Regular, 'Malgun Gothic', '맑은 고딕', dotum, 돋움, sans-serif;"><b>저작물 사용허가 (CCL) 표기&nbsp;</b></p> <p><figure class="imageblock alignLeft" style="max-width: 100%; height: auto; transition-duration: 0.5s; transition-timing-function: ease; width: 184px;" data-filename="CCL.jpg"><span data-url="https://blog.kakaocdn.net/dn/PsiyF/btqwLBJXdaD/dGJKy08Vt6utiOQen1hnO0/img.jpg" data-phocus="https://blog.kakaocdn.net/dn/PsiyF/btqwLBJXdaD/dGJKy08Vt6utiOQen1hnO0/img.jpg"><img src="https://blog.kakaocdn.net/dn/PsiyF/btqwLBJXdaD/dGJKy08Vt6utiOQen1hnO0/img.jpg" srcset="https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FPsiyF%2FbtqwLBJXdaD%2FdGJKy08Vt6utiOQen1hnO0%2Fimg.jpg" style="max-width: 100%; height: auto; transition-duration: 0.5s; transition-timing-function: ease; width: 184px;" data-filename="CCL.jpg" onerror="this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';"/></span></figure> </p> <p style="font-size: 0.87em;">1. 저작자 표시. 본 저작물은 저작자 이름, 출처 등 저작자에 대한 사항을 반드시 표시해야 함</p> <p style="font-size: 0.87em;">2. 비영리. 저작물을 영리 목적으로 이용할 수 없음</p> <p style="font-size: 0.87em;">3. 2차 변경금지. 저작물을 변경하거나 저작물을 이용한 2차적 저작물 제작을 금지함</p> <p style="font-size: 0.87em;">&nbsp;</p> <p style="font-size: 0.87em;">E-mail: sideby4ide@naver.com</p> <p>&nbsp;</p> 포트폴리오 WGUI/웹콘텐츠(상세페이지) 사이드바이사이드 https://sidebyside.tistory.com/45 https://sidebyside.tistory.com/45#entry45comment Sun, 8 Sep 2019 23:28:51 +0900 https://sidebyside.tistory.com/44 <p>모바일&nbsp;웹페이지&nbsp;/&nbsp;포인트&nbsp;몰&nbsp;이벤트&nbsp;</p> <p>&nbsp;</p> <p><figure class="imageblock alignCenter" data-filename="Artboard 4.png"><span data-url="https://blog.kakaocdn.net/dn/FN0QO/btqx8UG4EU6/hoOrRuEZnxnoXUaOj6CvGK/img.png" data-phocus="https://blog.kakaocdn.net/dn/FN0QO/btqx8UG4EU6/hoOrRuEZnxnoXUaOj6CvGK/img.png"><img src="https://blog.kakaocdn.net/dn/FN0QO/btqx8UG4EU6/hoOrRuEZnxnoXUaOj6CvGK/img.png" srcset="https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FFN0QO%2Fbtqx8UG4EU6%2FhoOrRuEZnxnoXUaOj6CvGK%2Fimg.png" data-filename="Artboard 4.png" onerror="this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';"/></span></figure> </p> <p>&nbsp;</p> <p>&nbsp;</p> <p style="font-size: 16px; margin-top: 1px; margin-right: auto; margin-left: auto; line-height: 1.6; caret-color: #333333; color: #333333; font-family: AppleSDGothicNeo-Regular, 'Malgun Gothic', '맑은 고딕', dotum, 돋움, sans-serif;"><b>저작물 사용허가 (CCL) 표기&nbsp;</b></p> <p><figure class="imageblock alignLeft" style="max-width: 100%; height: auto; transition-duration: 0.5s; transition-timing-function: ease; width: 184px;" data-filename="CCL.jpg"><span data-url="https://blog.kakaocdn.net/dn/PsiyF/btqwLBJXdaD/dGJKy08Vt6utiOQen1hnO0/img.jpg" data-phocus="https://blog.kakaocdn.net/dn/PsiyF/btqwLBJXdaD/dGJKy08Vt6utiOQen1hnO0/img.jpg"><img src="https://blog.kakaocdn.net/dn/PsiyF/btqwLBJXdaD/dGJKy08Vt6utiOQen1hnO0/img.jpg" srcset="https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FPsiyF%2FbtqwLBJXdaD%2FdGJKy08Vt6utiOQen1hnO0%2Fimg.jpg" style="max-width: 100%; height: auto; transition-duration: 0.5s; transition-timing-function: ease; width: 184px;" data-filename="CCL.jpg" onerror="this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';"/></span></figure> </p> <p style="font-size: 0.87em;">1. 저작자 표시. 본 저작물은 저작자 이름, 출처 등 저작자에 대한 사항을 반드시 표시해야 함</p> <p style="font-size: 0.87em;">2. 비영리. 저작물을 영리 목적으로 이용할 수 없음</p> <p style="font-size: 0.87em;">3. 2차 변경금지. 저작물을 변경하거나 저작물을 이용한 2차적 저작물 제작을 금지함</p> <p style="font-size: 0.87em;">&nbsp;</p> <p style="font-size: 0.87em;">E-mail: sideby4ide@naver.com</p> <p>&nbsp;</p> 포트폴리오 WGUI/웹콘텐츠(상세페이지) 사이드바이사이드 https://sidebyside.tistory.com/44 https://sidebyside.tistory.com/44#entry44comment Sun, 8 Sep 2019 23:28:16 +0900 https://sidebyside.tistory.com/43 <p>모바일&nbsp;웹페이지&nbsp;/&nbsp;회전판&nbsp;이벤트&nbsp;</p> <p>&nbsp;</p> <p><figure class="imageblock alignCenter" data-filename="Artboard 2.png"><span data-url="https://blog.kakaocdn.net/dn/H3Sbl/btqx8KScURr/8ylwxrJx9GrAmoQKdG0uP1/img.png" data-phocus="https://blog.kakaocdn.net/dn/H3Sbl/btqx8KScURr/8ylwxrJx9GrAmoQKdG0uP1/img.png"><img src="https://blog.kakaocdn.net/dn/H3Sbl/btqx8KScURr/8ylwxrJx9GrAmoQKdG0uP1/img.png" srcset="https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FH3Sbl%2Fbtqx8KScURr%2F8ylwxrJx9GrAmoQKdG0uP1%2Fimg.png" data-filename="Artboard 2.png" onerror="this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';"/></span></figure> <figure class="imageblock alignCenter" data-filename="Artboard 3.png"><span data-url="https://blog.kakaocdn.net/dn/ls15h/btqx8UmLHcf/XijSIpDrBICboxxqtC0jd0/img.png" data-phocus="https://blog.kakaocdn.net/dn/ls15h/btqx8UmLHcf/XijSIpDrBICboxxqtC0jd0/img.png"><img src="https://blog.kakaocdn.net/dn/ls15h/btqx8UmLHcf/XijSIpDrBICboxxqtC0jd0/img.png" srcset="https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2Fls15h%2Fbtqx8UmLHcf%2FXijSIpDrBICboxxqtC0jd0%2Fimg.png" data-filename="Artboard 3.png" onerror="this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';"/></span></figure> </p> <p style="font-size: 16px; margin-top: 1px; margin-right: auto; margin-left: auto; line-height: 1.6; caret-color: #333333; color: #333333; font-family: AppleSDGothicNeo-Regular, 'Malgun Gothic', '맑은 고딕', dotum, 돋움, sans-serif;">&nbsp;</p> <p style="font-size: 16px; margin-top: 1px; margin-right: auto; margin-left: auto; line-height: 1.6; caret-color: #333333; color: #333333; font-family: AppleSDGothicNeo-Regular, 'Malgun Gothic', '맑은 고딕', dotum, 돋움, sans-serif;">&nbsp;</p> <p style="font-size: 16px; margin-top: 1px; margin-right: auto; margin-left: auto; line-height: 1.6; caret-color: #333333; color: #333333; font-family: AppleSDGothicNeo-Regular, 'Malgun Gothic', '맑은 고딕', dotum, 돋움, sans-serif;">&nbsp;</p> <p style="font-size: 16px; margin-top: 1px; margin-right: auto; margin-left: auto; line-height: 1.6; caret-color: #333333; color: #333333; font-family: AppleSDGothicNeo-Regular, 'Malgun Gothic', '맑은 고딕', dotum, 돋움, sans-serif;"><b>저작물 사용허가 (CCL) 표기&nbsp;</b></p> <p><figure class="imageblock alignLeft" style="max-width: 100%; height: auto; transition-duration: 0.5s; transition-timing-function: ease; width: 184px;" data-filename="CCL.jpg"><span data-url="https://blog.kakaocdn.net/dn/PsiyF/btqwLBJXdaD/dGJKy08Vt6utiOQen1hnO0/img.jpg" data-phocus="https://blog.kakaocdn.net/dn/PsiyF/btqwLBJXdaD/dGJKy08Vt6utiOQen1hnO0/img.jpg"><img src="https://blog.kakaocdn.net/dn/PsiyF/btqwLBJXdaD/dGJKy08Vt6utiOQen1hnO0/img.jpg" srcset="https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FPsiyF%2FbtqwLBJXdaD%2FdGJKy08Vt6utiOQen1hnO0%2Fimg.jpg" style="max-width: 100%; height: auto; transition-duration: 0.5s; transition-timing-function: ease; width: 184px;" data-filename="CCL.jpg" onerror="this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';"/></span></figure> </p> <p style="font-size: 0.87em;">1. 저작자 표시. 본 저작물은 저작자 이름, 출처 등 저작자에 대한 사항을 반드시 표시해야 함</p> <p style="font-size: 0.87em;">2. 비영리. 저작물을 영리 목적으로 이용할 수 없음</p> <p style="font-size: 0.87em;">3. 2차 변경금지. 저작물을 변경하거나 저작물을 이용한 2차적 저작물 제작을 금지함</p> <p style="font-size: 0.87em;">&nbsp;</p> <p style="font-size: 0.87em;">E-mail: sideby4ide@naver.com</p> <p>&nbsp;</p> 포트폴리오 WGUI/웹콘텐츠(상세페이지) 사이드바이사이드 https://sidebyside.tistory.com/43 https://sidebyside.tistory.com/43#entry43comment Sun, 8 Sep 2019 23:27:37 +0900 https://sidebyside.tistory.com/42 <p>모바일&nbsp;웹페이지&nbsp;/&nbsp;출석하기</p> <p>&nbsp;</p> <p><figure class="imageblock alignCenter" data-filename="Artboard 1.png"><span data-url="https://blog.kakaocdn.net/dn/0tuUi/btqx8A3nEQG/29mXfHmO2IKHmdHksOyMVk/img.png" data-phocus="https://blog.kakaocdn.net/dn/0tuUi/btqx8A3nEQG/29mXfHmO2IKHmdHksOyMVk/img.png"><img src="https://blog.kakaocdn.net/dn/0tuUi/btqx8A3nEQG/29mXfHmO2IKHmdHksOyMVk/img.png" srcset="https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2F0tuUi%2Fbtqx8A3nEQG%2F29mXfHmO2IKHmdHksOyMVk%2Fimg.png" data-filename="Artboard 1.png" onerror="this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';"/></span></figure> </p> <p>&nbsp;</p> <p>모바일&nbsp;웹페이지&nbsp;/&nbsp;출석하기</p> <p>&nbsp;</p> <p>&nbsp;</p> <p>&nbsp;</p> <p>&nbsp;</p> <p style="font-size: 16px; margin-top: 1px; margin-right: auto; margin-left: auto; line-height: 1.6; caret-color: #333333; color: #333333; font-family: AppleSDGothicNeo-Regular, 'Malgun Gothic', '맑은 고딕', dotum, 돋움, sans-serif;"><b>저작물 사용허가 (CCL) 표기&nbsp;</b></p> <p><figure class="imageblock alignLeft" style="max-width: 100%; height: auto; transition-duration: 0.5s; transition-timing-function: ease; width: 184px;" data-filename="CCL.jpg"><span data-url="https://blog.kakaocdn.net/dn/PsiyF/btqwLBJXdaD/dGJKy08Vt6utiOQen1hnO0/img.jpg" data-phocus="https://blog.kakaocdn.net/dn/PsiyF/btqwLBJXdaD/dGJKy08Vt6utiOQen1hnO0/img.jpg"><img src="https://blog.kakaocdn.net/dn/PsiyF/btqwLBJXdaD/dGJKy08Vt6utiOQen1hnO0/img.jpg" srcset="https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FPsiyF%2FbtqwLBJXdaD%2FdGJKy08Vt6utiOQen1hnO0%2Fimg.jpg" style="max-width: 100%; height: auto; transition-duration: 0.5s; transition-timing-function: ease; width: 184px;" data-filename="CCL.jpg" onerror="this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';"/></span></figure> </p> <p style="font-size: 0.87em;">1. 저작자 표시. 본 저작물은 저작자 이름, 출처 등 저작자에 대한 사항을 반드시 표시해야 함</p> <p style="font-size: 0.87em;">2. 비영리. 저작물을 영리 목적으로 이용할 수 없음</p> <p style="font-size: 0.87em;">3. 2차 변경금지. 저작물을 변경하거나 저작물을 이용한 2차적 저작물 제작을 금지함</p> <p style="font-size: 0.87em;">&nbsp;</p> <p style="font-size: 0.87em;">E-mail: sideby4ide@naver.com</p> <p>&nbsp;</p> 포트폴리오 WGUI/웹콘텐츠(상세페이지) 사이드바이사이드 https://sidebyside.tistory.com/42 https://sidebyside.tistory.com/42#entry42comment Sun, 8 Sep 2019 23:26:42 +0900 https://sidebyside.tistory.com/37 <p>배너/디자인/자사몰(브랜드)&nbsp;이벤트&nbsp;세컨&nbsp;배너&nbsp;003</p> <p><figure class="imageblock alignCenter" data-filename="sample_배너_4.jpg"><span data-url="https://blog.kakaocdn.net/dn/wCzce/btqxM6WakuN/IGzFRVDhJNUpKKzLHxvzQK/img.jpg" data-phocus="https://blog.kakaocdn.net/dn/wCzce/btqxM6WakuN/IGzFRVDhJNUpKKzLHxvzQK/img.jpg"><img src="https://blog.kakaocdn.net/dn/wCzce/btqxM6WakuN/IGzFRVDhJNUpKKzLHxvzQK/img.jpg" srcset="https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FwCzce%2FbtqxM6WakuN%2FIGzFRVDhJNUpKKzLHxvzQK%2Fimg.jpg" data-filename="sample_배너_4.jpg" onerror="this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';"/></span></figure> <figure class="imageblock alignCenter" data-filename="sample_배너_3.jpg"><span data-url="https://blog.kakaocdn.net/dn/6Zy4o/btqxMt5da2M/3xW0ioediVR530s9vqnqq1/img.jpg" data-phocus="https://blog.kakaocdn.net/dn/6Zy4o/btqxMt5da2M/3xW0ioediVR530s9vqnqq1/img.jpg"><img src="https://blog.kakaocdn.net/dn/6Zy4o/btqxMt5da2M/3xW0ioediVR530s9vqnqq1/img.jpg" srcset="https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2F6Zy4o%2FbtqxMt5da2M%2F3xW0ioediVR530s9vqnqq1%2Fimg.jpg" data-filename="sample_배너_3.jpg" onerror="this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';"/></span></figure> </p> 포트폴리오 WGUI/카드뉴스|SNS|인포그래픽|홍보 사이드바이사이드 https://sidebyside.tistory.com/37 https://sidebyside.tistory.com/37#entry37comment Thu, 29 Aug 2019 00:16:54 +0900 https://sidebyside.tistory.com/36 <p>배너/디자인/자사몰(브랜드)&nbsp;이벤트&nbsp;세컨&nbsp;배너&nbsp;002</p> <p>&nbsp;</p> <p><figure class="imageblock alignCenter" data-filename="sample_배너_2.jpg"><span data-url="https://blog.kakaocdn.net/dn/XS9wA/btqxQo2atuj/gaLRLUTyokjip6YjlkJ8uk/img.jpg" data-phocus="https://blog.kakaocdn.net/dn/XS9wA/btqxQo2atuj/gaLRLUTyokjip6YjlkJ8uk/img.jpg"><img src="https://blog.kakaocdn.net/dn/XS9wA/btqxQo2atuj/gaLRLUTyokjip6YjlkJ8uk/img.jpg" srcset="https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FXS9wA%2FbtqxQo2atuj%2FgaLRLUTyokjip6YjlkJ8uk%2Fimg.jpg" data-filename="sample_배너_2.jpg" onerror="this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';"/></span></figure> </p> 포트폴리오 WGUI/카드뉴스|SNS|인포그래픽|홍보 사이드바이사이드 https://sidebyside.tistory.com/36 https://sidebyside.tistory.com/36#entry36comment Thu, 29 Aug 2019 00:16:25 +0900