Skip to content
BranchesTags

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

18 Commits
A_typographic_scale_with_different_fonts.png
A_typographic_scale_with_different_fonts.png
 
 
Applying Color Styles.png
Applying Color Styles.png
 
 
Color Styles.png
Color Styles.png
 
 
Completely designing an use case - The shopping cart.png
Completely designing an use case - The shopping cart.png
 
 
Design Systems.png
Design Systems.png
 
 
README.md
README.md
 
 
app_teardown_3_final.pdf
app_teardown_3_final.pdf
 
 
app_teardown_3_starter.pdf
app_teardown_3_starter.pdf
 
 
cinematic_1_final.pdf
cinematic_1_final.pdf
 
 
cinematic_2_final.pdf
cinematic_2_final.pdf
 
 
designing-the-movie-list-and-details-screen-p1.png
designing-the-movie-list-and-details-screen-p1.png
 
 
designing-the-movie-list-and-details-screen-p2.png
designing-the-movie-list-and-details-screen-p2.png
 
 
designing-the-movie-list-and-details-screen-p3.png
designing-the-movie-list-and-details-screen-p3.png
 
 
transition_animation.mp4
transition_animation.mp4
 
 
transition_animation_improved.mp4
transition_animation_improved.mp4
 
 
use case - tearing down & wireframing the shopping cart.png
use case - tearing down & wireframing the shopping cart.png
 
 
use case - The shopping cart prototype.mp4
use case - The shopping cart prototype.mp4
 
 
use case - the shopping cart - part 1.png
use case - the shopping cart - part 1.png
 
 
use case - the shopping cart - tearing down.png
use case - the shopping cart - tearing down.png
 
 
user_flows.png
user_flows.png
 
 
user_flows_improved.png
user_flows_improved.png
 
 
wireframing_cinematic_final.png
wireframing_cinematic_final.png
 
 
wireframing_cinematic_start.pdf
wireframing_cinematic_start.pdf
 
 

Repository files navigation

The Movie Tracking App

The app allows users to view trending & top-rated movies & make a list of movies they wish to watch. Link on Figma: https://www.figma.com/file/4NttLehQLVgCxcSfObQqLj/cinematic?node-id=0%3A1

A Synopsis of each stage as a preview of what to expect:

  1. App Preview
  2. App Teardown
  3. Wireframing & Screen layout
  4. Reusable elements & data
  5. Typography
  6. Colors
  7. Transitions & Animations
  8. Feedback & Testing
  9. Design Systems & Visual language
  10. Use Case 1: The Shopping Cart

Assumptions about the audience:

Someone with no prior design experience or training; or no familiarity with specialized design tools like PS, Sketch or Figma

Importance:

This project is based on learning material. Therefore, I am not responsible for any copyright issues if you put them on these mobile application markets: Google Play Store or Apple Store.

About

The Skeuomorphic Design: "Try to mimic the real-world objects".

Topics

design-mattersdesign-systemsdesign-thinkingdesign-toolsfigmafigma-designuiux-designux-ui

Resources

Readme
Activity

Stars

5 stars

Watchers

1 watching

Forks

0 forks
Report repository

Releases

Packages

Contributors