Once upon a time there lived JetStyle and ETV. One day the ETV guys decided to change their site, make it cool, trendy and convenient for reading long articles. And JetStyle was happy to help!
We want a killer website for long articles!
We’ve studied a whole lot of examples to get inspired by media market trends. Do people just look through or read them? Short articles or long ones? Serious or with a bit of humor?
We’ve been looking... and looking... a finally found the colors! And fonts! And all that jazz!
Hours of Work
The art director
frazzle out the designer big time made the designer create a bold and convenient grid.
And then it was the designer’s turn to
torture nice and slow make sure HTML coders stick to the grid.
We ended up with a really dope design. Color battles sank in all right: the result was an awesome contrasting template that helps concentrate user’s attention on the main information. The website now has its own face that we and the clients and readers find attractive.
A lively progress bar and appealing flat buttons:
A unique set of icons:
Widgets and animated elements:
...Some cute switches:
One of the main site schticks is «heads», which were inspired by The Guardian. What’s more important, you can shoot them without spending a fortune on a studio, you only need an iPhone and a swivel chair.
Finally, the style and homepage are ready! Now interior pages are at gunpoint. All this splendor can be used on different page types, whether it be the news, long articles or broadcast.
We analyzed the way broadcast works together with the ETV guys. It holds a special place in the project and has three states:
The broadcast page invites the spectators before, carries away during and makes them happy after the broadcast.
Find out when an interesting broadcast begins
Watch and comment a broadcast in real time
Watch the recorded broadcast if you failed to watch it live
of secondary pages
So how do you manage such a website? It is very important to think out a really convenient content management system for media editors, because ETV people, like journalists, editors, traffic managers or someone else, need different sets of functions, meaning they need different sections of the panel.
To figure out all the roles and not to miss anything out we used a good old method of drawing a table on a dry-erase board.
Then we cleared it through with the client and drew up a customized dashboard, where you can select a separate set of widgets and controls at quick access.
All content follows the route journalist — editor — editor-in-chief. That’s exactly why it is very important for ETV to have it as WYSIWYG (What You See Is What You Get), and to see its actual state at any given stage of work.
To keep gadget users busy while
commuting by tram or something
we drew a mobile version design.
Project Supervisor and
Good for the client! And for us, too! Everyone’s happy!