Как сделать ваш продукт красивым без дизайнера
TRANSCRIPT
![Page 1: Как сделать ваш продукт красивым без дизайнера](https://reader038.vdocuments.site/reader038/viewer/2022102901/556148b6d8b42a8a7d8b48a8/html5/thumbnails/1.jpg)
Как сделать ваш продукт красивым без дизайнера
Евгений НевгеньКреативный директор
![Page 2: Как сделать ваш продукт красивым без дизайнера](https://reader038.vdocuments.site/reader038/viewer/2022102901/556148b6d8b42a8a7d8b48a8/html5/thumbnails/2.jpg)
Background
![Page 3: Как сделать ваш продукт красивым без дизайнера](https://reader038.vdocuments.site/reader038/viewer/2022102901/556148b6d8b42a8a7d8b48a8/html5/thumbnails/3.jpg)
![Page 4: Как сделать ваш продукт красивым без дизайнера](https://reader038.vdocuments.site/reader038/viewer/2022102901/556148b6d8b42a8a7d8b48a8/html5/thumbnails/4.jpg)
![Page 5: Как сделать ваш продукт красивым без дизайнера](https://reader038.vdocuments.site/reader038/viewer/2022102901/556148b6d8b42a8a7d8b48a8/html5/thumbnails/5.jpg)
![Page 6: Как сделать ваш продукт красивым без дизайнера](https://reader038.vdocuments.site/reader038/viewer/2022102901/556148b6d8b42a8a7d8b48a8/html5/thumbnails/6.jpg)
Редизайн приложения – стресс для активных пользователей
![Page 7: Как сделать ваш продукт красивым без дизайнера](https://reader038.vdocuments.site/reader038/viewer/2022102901/556148b6d8b42a8a7d8b48a8/html5/thumbnails/7.jpg)
Не бойтесь использовать готовые
решения
![Page 8: Как сделать ваш продукт красивым без дизайнера](https://reader038.vdocuments.site/reader038/viewer/2022102901/556148b6d8b42a8a7d8b48a8/html5/thumbnails/8.jpg)
Чем проще – тем лучше
![Page 9: Как сделать ваш продукт красивым без дизайнера](https://reader038.vdocuments.site/reader038/viewer/2022102901/556148b6d8b42a8a7d8b48a8/html5/thumbnails/9.jpg)
Проект состоит из
• landing page• public site• blog• application
![Page 10: Как сделать ваш продукт красивым без дизайнера](https://reader038.vdocuments.site/reader038/viewer/2022102901/556148b6d8b42a8a7d8b48a8/html5/thumbnails/10.jpg)
Выбор цветовой схемы
kuler.adobe.com
![Page 11: Как сделать ваш продукт красивым без дизайнера](https://reader038.vdocuments.site/reader038/viewer/2022102901/556148b6d8b42a8a7d8b48a8/html5/thumbnails/11.jpg)
Inspiration
dribbble.com
![Page 12: Как сделать ваш продукт красивым без дизайнера](https://reader038.vdocuments.site/reader038/viewer/2022102901/556148b6d8b42a8a7d8b48a8/html5/thumbnails/12.jpg)
Западные тренды в дизайне через пол года
приходят в СНГ
![Page 13: Как сделать ваш продукт красивым без дизайнера](https://reader038.vdocuments.site/reader038/viewer/2022102901/556148b6d8b42a8a7d8b48a8/html5/thumbnails/13.jpg)
![Page 14: Как сделать ваш продукт красивым без дизайнера](https://reader038.vdocuments.site/reader038/viewer/2022102901/556148b6d8b42a8a7d8b48a8/html5/thumbnails/14.jpg)
Flat UI. Отказ от скевоморфизма
![Page 15: Как сделать ваш продукт красивым без дизайнера](https://reader038.vdocuments.site/reader038/viewer/2022102901/556148b6d8b42a8a7d8b48a8/html5/thumbnails/15.jpg)
![Page 16: Как сделать ваш продукт красивым без дизайнера](https://reader038.vdocuments.site/reader038/viewer/2022102901/556148b6d8b42a8a7d8b48a8/html5/thumbnails/16.jpg)
Для чего нужна Launching Soon Page?
• объяснить для чего приложение• привлечь пользователей• собрать фидбек• продвижение
![Page 17: Как сделать ваш продукт красивым без дизайнера](https://reader038.vdocuments.site/reader038/viewer/2022102901/556148b6d8b42a8a7d8b48a8/html5/thumbnails/17.jpg)
Launching soon page
launchrock.com
![Page 18: Как сделать ваш продукт красивым без дизайнера](https://reader038.vdocuments.site/reader038/viewer/2022102901/556148b6d8b42a8a7d8b48a8/html5/thumbnails/18.jpg)
Landing page inspiration
• land-book.com• launchsoon.com/gallery.php• onepagelove.com
![Page 19: Как сделать ваш продукт красивым без дизайнера](https://reader038.vdocuments.site/reader038/viewer/2022102901/556148b6d8b42a8a7d8b48a8/html5/thumbnails/19.jpg)
![Page 20: Как сделать ваш продукт красивым без дизайнера](https://reader038.vdocuments.site/reader038/viewer/2022102901/556148b6d8b42a8a7d8b48a8/html5/thumbnails/20.jpg)
![Page 21: Как сделать ваш продукт красивым без дизайнера](https://reader038.vdocuments.site/reader038/viewer/2022102901/556148b6d8b42a8a7d8b48a8/html5/thumbnails/21.jpg)
Icons and pictograms
iconfinder.com
![Page 22: Как сделать ваш продукт красивым без дизайнера](https://reader038.vdocuments.site/reader038/viewer/2022102901/556148b6d8b42a8a7d8b48a8/html5/thumbnails/22.jpg)
Fonts
google.com/fonts
![Page 23: Как сделать ваш продукт красивым без дизайнера](https://reader038.vdocuments.site/reader038/viewer/2022102901/556148b6d8b42a8a7d8b48a8/html5/thumbnails/23.jpg)
![Page 24: Как сделать ваш продукт красивым без дизайнера](https://reader038.vdocuments.site/reader038/viewer/2022102901/556148b6d8b42a8a7d8b48a8/html5/thumbnails/24.jpg)
![Page 25: Как сделать ваш продукт красивым без дизайнера](https://reader038.vdocuments.site/reader038/viewer/2022102901/556148b6d8b42a8a7d8b48a8/html5/thumbnails/25.jpg)
Зачем нужен блог
• генерация через блог трафика органического трафика
• освещение новостей• удержание имеющейся аудитории
![Page 26: Как сделать ваш продукт красивым без дизайнера](https://reader038.vdocuments.site/reader038/viewer/2022102901/556148b6d8b42a8a7d8b48a8/html5/thumbnails/26.jpg)
Wordpress Themes
themeforest.net
![Page 27: Как сделать ваш продукт красивым без дизайнера](https://reader038.vdocuments.site/reader038/viewer/2022102901/556148b6d8b42a8a7d8b48a8/html5/thumbnails/27.jpg)
Sitemap
• Features• Pricing• About us• Blog – ссылка на блог• Login – ссылка на приложение• Sign up – ссылка на приложение
![Page 28: Как сделать ваш продукт красивым без дизайнера](https://reader038.vdocuments.site/reader038/viewer/2022102901/556148b6d8b42a8a7d8b48a8/html5/thumbnails/28.jpg)
Wireframe and Mockup Applications
moqups.com proto.io
![Page 29: Как сделать ваш продукт красивым без дизайнера](https://reader038.vdocuments.site/reader038/viewer/2022102901/556148b6d8b42a8a7d8b48a8/html5/thumbnails/29.jpg)
CSS Frameworks
![Page 30: Как сделать ваш продукт красивым без дизайнера](https://reader038.vdocuments.site/reader038/viewer/2022102901/556148b6d8b42a8a7d8b48a8/html5/thumbnails/30.jpg)
Twitter Bootstrap• getbootstrap.com
Customize:• twitter.github.io/bootstrap/
customize.html
Bootstrap themes:• bootswatch.com• wrapbootstrap.com
![Page 31: Как сделать ваш продукт красивым без дизайнера](https://reader038.vdocuments.site/reader038/viewer/2022102901/556148b6d8b42a8a7d8b48a8/html5/thumbnails/31.jpg)
![Page 32: Как сделать ваш продукт красивым без дизайнера](https://reader038.vdocuments.site/reader038/viewer/2022102901/556148b6d8b42a8a7d8b48a8/html5/thumbnails/32.jpg)
Grid system
Demo:• grids.heroku.com
![Page 33: Как сделать ваш продукт красивым без дизайнера](https://reader038.vdocuments.site/reader038/viewer/2022102901/556148b6d8b42a8a7d8b48a8/html5/thumbnails/33.jpg)
![Page 34: Как сделать ваш продукт красивым без дизайнера](https://reader038.vdocuments.site/reader038/viewer/2022102901/556148b6d8b42a8a7d8b48a8/html5/thumbnails/34.jpg)
А что дальше?
![Page 35: Как сделать ваш продукт красивым без дизайнера](https://reader038.vdocuments.site/reader038/viewer/2022102901/556148b6d8b42a8a7d8b48a8/html5/thumbnails/35.jpg)
Наймитедизайнера ;)