Responsive Web Application

Design Process

conceptualizing
I brainstormed ideas, which might benefit my portfolio, leading towards data visualization and responsive design.

Research
For this project I used Human Interface Guideline and wrote down many notes.

Ideas
I wrote many thought and then kept the best in order to solve a problem I set for myself, which was to cross analyze 2 companies information and to create a responsive design showing specific information.

Responsive design
I designed mobile first and moved up from tablet to desktop.

Style Tile + other things
I then create a sort of brand to go by, which I kept throughout the design and kept to the same color scheme and text size indicated from HIG. I read about Lightning Design System and worked with that in mind as well.

Sketching + grid
Sketching was done after writing down the flow and the grid was created with a sketch, somewhat and then finalized in illustrator.

Designing
I wanted the design to have much white space and a great user experience, so I mad the design clean and easy to follow.

Prototyping
This is a step I am currently on.