2230 fomina natalia - memo tickets - des509-magee j-crit-03
-
Upload
natalia-deszsign -
Category
Design
-
view
84 -
download
1
Transcript of 2230 fomina natalia - memo tickets - des509-magee j-crit-03
![Page 1: 2230 fomina natalia - memo tickets - des509-magee j-crit-03](https://reader031.fdocuments.in/reader031/viewer/2022030402/587a6df01a28ab8a2a8b71a1/html5/thumbnails/1.jpg)
MEMOTICKET
Webapp prototype MAJOR PROJECT 2016
NATALIA FOMINA
http://deszsign.com/memoticket/index.html
![Page 2: 2230 fomina natalia - memo tickets - des509-magee j-crit-03](https://reader031.fdocuments.in/reader031/viewer/2022030402/587a6df01a28ab8a2a8b71a1/html5/thumbnails/2.jpg)
COLORS
COLORS & OPACITY
![Page 3: 2230 fomina natalia - memo tickets - des509-magee j-crit-03](https://reader031.fdocuments.in/reader031/viewer/2022030402/587a6df01a28ab8a2a8b71a1/html5/thumbnails/3.jpg)
INTERACTION
![Page 4: 2230 fomina natalia - memo tickets - des509-magee j-crit-03](https://reader031.fdocuments.in/reader031/viewer/2022030402/587a6df01a28ab8a2a8b71a1/html5/thumbnails/4.jpg)
TESTING MODALS
![Page 5: 2230 fomina natalia - memo tickets - des509-magee j-crit-03](https://reader031.fdocuments.in/reader031/viewer/2022030402/587a6df01a28ab8a2a8b71a1/html5/thumbnails/5.jpg)
CUSTOM GOOGLE MAP
![Page 6: 2230 fomina natalia - memo tickets - des509-magee j-crit-03](https://reader031.fdocuments.in/reader031/viewer/2022030402/587a6df01a28ab8a2a8b71a1/html5/thumbnails/6.jpg)
Sepia CSS filter :-webkit-filter: sepia(80%) contrast(1) opacity(0.8);
filter: sepia(80%) grayscale(1) contrast(1) opacity(0.8);
mix-blend-mode: multiply;
![Page 7: 2230 fomina natalia - memo tickets - des509-magee j-crit-03](https://reader031.fdocuments.in/reader031/viewer/2022030402/587a6df01a28ab8a2a8b71a1/html5/thumbnails/7.jpg)
Memoticket prototype (fixed size) http://deszsign.com/memoticket/ticket-flexbox-prototype/index.html
![Page 8: 2230 fomina natalia - memo tickets - des509-magee j-crit-03](https://reader031.fdocuments.in/reader031/viewer/2022030402/587a6df01a28ab8a2a8b71a1/html5/thumbnails/8.jpg)
![Page 9: 2230 fomina natalia - memo tickets - des509-magee j-crit-03](https://reader031.fdocuments.in/reader031/viewer/2022030402/587a6df01a28ab8a2a8b71a1/html5/thumbnails/9.jpg)
BLOG
https://medium.com/@deszsign
![Page 10: 2230 fomina natalia - memo tickets - des509-magee j-crit-03](https://reader031.fdocuments.in/reader031/viewer/2022030402/587a6df01a28ab8a2a8b71a1/html5/thumbnails/10.jpg)
SVG ASSETS ANIMATION
https://medium.com/@deszsign
![Page 11: 2230 fomina natalia - memo tickets - des509-magee j-crit-03](https://reader031.fdocuments.in/reader031/viewer/2022030402/587a6df01a28ab8a2a8b71a1/html5/thumbnails/11.jpg)
ALCHEMY ALBUM ILLUSTRATIONST-SHIRT and PICKER DESIGN
ADOBE ILLUSTRATOR
![Page 12: 2230 fomina natalia - memo tickets - des509-magee j-crit-03](https://reader031.fdocuments.in/reader031/viewer/2022030402/587a6df01a28ab8a2a8b71a1/html5/thumbnails/12.jpg)
RESPONSIVE MUSICAL PARALLAX
http://deszsign.com/memoticket/webapp-flexbox-prototype/alchemy/index.html
![Page 13: 2230 fomina natalia - memo tickets - des509-magee j-crit-03](https://reader031.fdocuments.in/reader031/viewer/2022030402/587a6df01a28ab8a2a8b71a1/html5/thumbnails/13.jpg)
‘ALCHEMY’ ALBUM
ADOBE PHOTOSHOP / INDESIGN
![Page 14: 2230 fomina natalia - memo tickets - des509-magee j-crit-03](https://reader031.fdocuments.in/reader031/viewer/2022030402/587a6df01a28ab8a2a8b71a1/html5/thumbnails/14.jpg)
‘ALCHEMY’ ALBUMADOBE PHOTOSHOP
14 ILLUSTRATIONS AND COVER DESIGN FOR ‘ALCHEMY’ ALBUM
![Page 15: 2230 fomina natalia - memo tickets - des509-magee j-crit-03](https://reader031.fdocuments.in/reader031/viewer/2022030402/587a6df01a28ab8a2a8b71a1/html5/thumbnails/15.jpg)
Design Goals Achieved
• Consistency
• Responsiveness (tested & adjusted)
• Shallow Design Interaction (HTML/CSS/javaScript)
• Service Design data implementation
• Preproduction phase (WebApp)
• MemoTicket prototype
• Blog (project creation process - step by step documentation)
• Assets