Personal Portfolio to showcase design projects' processes. Currently constantly upgrading and improving.

• Purpose of the portfolio
  • show design works using user-centered process
• User-friendliness concerns
  • Clean, straightforward
• Add personal style
  • High contrast
  • Borders
  • Types
  • ...

and how these tracking measures can affect design decisions

• visitors' locations
• which page would stay the longest
• which button clicked most
• which project clicked most
• For those who read carefully (stayed on pages for more than 5 seconds), how often would visitors open the modal through clicking on photos? (would they get the magnifying hint)

1. interior robotics - prototype, research, paper
2. wearables for seniors - prototype
3. new interactive technology for financial product - case study / prototype
4. designs for social impact (design, sketch, proposal)

Across the site:

• Navigation bar (top)
• Footer (css different on each page/section)

Homepage

• Navigation bar
• blocks of works
• Footer

Work page

• top large image
• title

Model:

• title
• top image

Contact

View - what's in actual html.
Model - data model
Viewmodel/Vue - connect the two, what view use which data model