Stay up to date on the newest developments on Veboli and get insights into the workings behind the screen.

Responsive and interactive design

2015-06-01 16:34

Over the past year I have completed my linguistics bachelor and developed an improved way of calculating the strength of each football country, which I am currently writing about in my blog, Wisano.

But I've also been busy with Veboli this year. Today that comes to fruition as a new design. I have, as good as I can alone, given Veboli a responsive and interactive design. Responsive design is a fancy term for a design that adjusts to the size of your screen; interactive design is a fancy term for a design that reacts to what you do.

Underneath, I have three three screenshots of the landing page at different widths:

900 pixels: on a computer you'd mostly see Veboli like this.

Design 5: screenshot of the new homepage for large screens. The dominant colors are light shades of gray and muted shades of dark blue, with orange being used to accent important elements.

650 pixels: on smallers screens such as tablets and horizontal smartphones you'd mostly see Veboli like this.

Design 5: screenshot of the new homepage for medium screens. The dominant colors are light shades of gray and muted shades of dark blue, with orange being used to accent important elements.

400 pixels: on smartphones and other small screens you'd mostly see Veboli like this.

Design 5: screenshot of the new homepage for small screens. The dominant colors are light shades of gray and muted shades of dark blue, with orange being used to accent important elements.

Look to the links and buttons to see the interactivity. When you hover of them with the mouse the color changes a bit to let you know you're about to trigger an action.

What is Veboli?

Veboli provides personal movie advice, so you can easily choose the right movie to watch. Learn more

Stay up to date?

Read the Veboli blog

Instagram
Instagram
LinkedIn
Twitter

Got a question?

Send us a message

English