portfolio review
TRANSCRIPT
![Page 1: Portfolio Review](https://reader030.vdocument.in/reader030/viewer/2022020123/55a459701a28ab791b8b469e/html5/thumbnails/1.jpg)
DAVID LYP O R T F O L I O R E V I E W
![Page 2: Portfolio Review](https://reader030.vdocument.in/reader030/viewer/2022020123/55a459701a28ab791b8b469e/html5/thumbnails/2.jpg)
What do I do as a designer?
![Page 3: Portfolio Review](https://reader030.vdocument.in/reader030/viewer/2022020123/55a459701a28ab791b8b469e/html5/thumbnails/3.jpg)
I make people think less and do more.
What do I do as a designer?
![Page 4: Portfolio Review](https://reader030.vdocument.in/reader030/viewer/2022020123/55a459701a28ab791b8b469e/html5/thumbnails/4.jpg)
Presentation WidgetP R O T O T Y P E
Prototype a widget that syncs a lecturer with images, questions, text and videos.
![Page 5: Portfolio Review](https://reader030.vdocument.in/reader030/viewer/2022020123/55a459701a28ab791b8b469e/html5/thumbnails/5.jpg)
GOAL
Make a lecture more interactive and less boring.
![Page 6: Portfolio Review](https://reader030.vdocument.in/reader030/viewer/2022020123/55a459701a28ab791b8b469e/html5/thumbnails/6.jpg)
CHALLENGES
One night to finishLess Than 800px x 600pxActionscripting, yes!
![Page 8: Portfolio Review](https://reader030.vdocument.in/reader030/viewer/2022020123/55a459701a28ab791b8b469e/html5/thumbnails/8.jpg)
Platform RedesignU I D E S I G N
Front-end revamp of learning platform used by online degree programs at USC, Georgetown, and UNC-Chapel Hill.
![Page 9: Portfolio Review](https://reader030.vdocument.in/reader030/viewer/2022020123/55a459701a28ab791b8b469e/html5/thumbnails/9.jpg)
Original Design
![Page 10: Portfolio Review](https://reader030.vdocument.in/reader030/viewer/2022020123/55a459701a28ab791b8b469e/html5/thumbnails/10.jpg)
It made users THINK MORE and DO LESS.
![Page 11: Portfolio Review](https://reader030.vdocument.in/reader030/viewer/2022020123/55a459701a28ab791b8b469e/html5/thumbnails/11.jpg)
FIRST GOAL
Design an interface that allows for brand customization.Design an interface that allows users to think less and do more.
![Page 12: Portfolio Review](https://reader030.vdocument.in/reader030/viewer/2022020123/55a459701a28ab791b8b469e/html5/thumbnails/12.jpg)
FIRST GOAL
Design an interface that allows for brand customization.
Design an interface that allows users to think less and do more.
![Page 13: Portfolio Review](https://reader030.vdocument.in/reader030/viewer/2022020123/55a459701a28ab791b8b469e/html5/thumbnails/13.jpg)
SECOND GOAL
Design an interface that allows users to think less and do more.
Design an interface that allows for brand customization.
![Page 14: Portfolio Review](https://reader030.vdocument.in/reader030/viewer/2022020123/55a459701a28ab791b8b469e/html5/thumbnails/14.jpg)
Redesign
![Page 15: Portfolio Review](https://reader030.vdocument.in/reader030/viewer/2022020123/55a459701a28ab791b8b469e/html5/thumbnails/15.jpg)
PROBLEMS
Confusing Navigation
Inconsistent UI
Lacking Visual Design
![Page 16: Portfolio Review](https://reader030.vdocument.in/reader030/viewer/2022020123/55a459701a28ab791b8b469e/html5/thumbnails/16.jpg)
![Page 17: Portfolio Review](https://reader030.vdocument.in/reader030/viewer/2022020123/55a459701a28ab791b8b469e/html5/thumbnails/17.jpg)
![Page 18: Portfolio Review](https://reader030.vdocument.in/reader030/viewer/2022020123/55a459701a28ab791b8b469e/html5/thumbnails/18.jpg)
PROBLEMS
Confusing Navigation
Inconsistent UI
Lacking Visual Design
![Page 19: Portfolio Review](https://reader030.vdocument.in/reader030/viewer/2022020123/55a459701a28ab791b8b469e/html5/thumbnails/19.jpg)
Consistent Buttons
![Page 20: Portfolio Review](https://reader030.vdocument.in/reader030/viewer/2022020123/55a459701a28ab791b8b469e/html5/thumbnails/20.jpg)
Consistent Toggles
![Page 21: Portfolio Review](https://reader030.vdocument.in/reader030/viewer/2022020123/55a459701a28ab791b8b469e/html5/thumbnails/21.jpg)
Consistency allows users to THINK LESS.
![Page 22: Portfolio Review](https://reader030.vdocument.in/reader030/viewer/2022020123/55a459701a28ab791b8b469e/html5/thumbnails/22.jpg)
PROBLEMS
Confusing Navigation
Inconsistent UI
Lacking Visual Design
![Page 23: Portfolio Review](https://reader030.vdocument.in/reader030/viewer/2022020123/55a459701a28ab791b8b469e/html5/thumbnails/23.jpg)
Simple Icons
![Page 24: Portfolio Review](https://reader030.vdocument.in/reader030/viewer/2022020123/55a459701a28ab791b8b469e/html5/thumbnails/24.jpg)
Logical grouping of elements
![Page 25: Portfolio Review](https://reader030.vdocument.in/reader030/viewer/2022020123/55a459701a28ab791b8b469e/html5/thumbnails/25.jpg)
Customizable Themes
![Page 26: Portfolio Review](https://reader030.vdocument.in/reader030/viewer/2022020123/55a459701a28ab791b8b469e/html5/thumbnails/26.jpg)
Before
![Page 27: Portfolio Review](https://reader030.vdocument.in/reader030/viewer/2022020123/55a459701a28ab791b8b469e/html5/thumbnails/27.jpg)
After
![Page 28: Portfolio Review](https://reader030.vdocument.in/reader030/viewer/2022020123/55a459701a28ab791b8b469e/html5/thumbnails/28.jpg)
SOLUTIONS
Logical Navigation
Consistent UI
Simple + Customizable Visual Design
![Page 29: Portfolio Review](https://reader030.vdocument.in/reader030/viewer/2022020123/55a459701a28ab791b8b469e/html5/thumbnails/29.jpg)
What do I do as a designer?
![Page 30: Portfolio Review](https://reader030.vdocument.in/reader030/viewer/2022020123/55a459701a28ab791b8b469e/html5/thumbnails/30.jpg)
I make people think less and do more.
What do I do as a designer?
![Page 31: Portfolio Review](https://reader030.vdocument.in/reader030/viewer/2022020123/55a459701a28ab791b8b469e/html5/thumbnails/31.jpg)
DAVID LYP O R T F O L I O R E V I E W