Branding and web design for a news media organization

A showcase of works from 2016—2020

As an employee of the Radio Free Europe / Radio Liberty (RFE/RL), I had a wide range of duties related to radio's online and offline presence. I was taking care of branding management, graphic materials and public facing websites plus I was collaborating on many projects with various radio's departments as well as with journalists from many countries.

Branding

Designers at RFE/RL have to deal with more than 20 journalistic services and other departments with their own customs, possibilities and needs. That's why working on branding in RFE/RL is maybe more about dialogue, explanation, analysis, strategy and dealing with technical issues, than visual design. Nevertheless, here are some examples of my graphic output to get a rough idea of what I was working on.

Branding website

In 2017, I worked on a project of a new online branding guide. Based on my research about online brand management tools I decided to build my own solution, as we needed something easy to use for non-tech people. I designed & coded the website, and I was helping to define some parts of the content. Primarily, I'm responsible for creation of a color palette. In 2019, we reused my website template for television Current Time branding guide.

  • Information Architecture
  • UX/UI design
  • Content (partly)
  • HTML, CSS, Bootstrap and JavaScript with a help of my colleague

After more than three years, I can say that the branding website was definitely worth the effort since the page became pretty popular and knowledge about branding in the company increased significantly. Now, in 2020, I wouldn't go the same way as in 2017. I would most likely make use of Webflow or Catalog to make updates on the website easier and I would choose a different approach to color palettes as I know more about color theory.

Graphics & templates

During the last four years, I have been responsible for creating radio's stationery, merchandise, promotional materials and graphic materials for the building. Also, I spent a significant amount of time working on simple graphics for journalists, such as responsive banners, static maps or social media graphics. Sometimes, I had to deal with company wide graphics that needed to be translated into all the 27 languages. To make our design team's life easier, I was also creating graphic templates for our team, journalists, external graphic designers and various departments.

  • HTML & CSS, Codepen
  • Powerpoint, Outlook, Word
  • Photoshop, Illustrator, Indesign
  • Canva (online)
slide0
slide1
slide3
Mapa_01_Tatar_16q9
billboard_smaller-2
facebook_post

Anniversary branding

In 2020, I got the opportunity to dress RFE/RL on the occasion of two important anniversaries. I not only made the anniversary logos, but also social media graphics, framed photos and postcards, email signature templates, tram banners and special section page on the press site.

  • Logo design
  • Graphics for web & print
  • Web design
70and25_logos_for_portfolio_Kreslicí-plátno-1-1
70and25_logos_for_portfolio_moldova-1
tram_smaller
70and25_logos_for_portfolio-02-1

Hackathon and media labs branding

In 2019, my close colleague initiated the first RFE/RL media hackathon. As a core hackathon team member, I helped to make all the graphics materials and the website. Following the hackathon, the RFE/RL Labs platform was launched, including two other initiatives, the hackX incubator which helps selected hackathon projects to develop and Lab talks which helps to spread ideas about the intersection of technology and news media. I was naturally asked for help with the new sub-brands.

  • Logo design
  • Graphics for web & print
  • Web design
70and25_logos_for_portfolio-03-2
Social-media-lab-1
70and25_logos_for_portfolio-04-2
hackathon_photo-3

Web design

Doing web design for RFE/RL means many things. But above all, it's about making updates and new features on award-winning, yet already bit dated news websites built on a tremendously big design system. The design system is used by almost 50 RFE/RL websites plus by websites of other entities like Voice of America or Radio Martí. This means that the designer has to keep in mind many design variants and even more – often exotic – languages.

Incremental design of news websites

The case of a search

One of the assignments I enjoyed the most was redesign of a search. Prior to my intervention, there were only simple search results sorted by a date. The new search is based on a decent research about how it's done elsewhere, on interviews with power users and on almost never-ending discussions with backend developers about technical difficulties and limitations. The result is therefore a compromised solution which, however, satisfies most of the user needs and can stand comparison with search pages of other big media companies. In terms of UX, I especially value a lesson learned that pagination – if it's done properly – is not as easy component as it seems! 

  • Design system scaling
  • UX/UI design
rferlsearch

Website design & development within the design system

The case of the Pressroom site

In 2016, I was asked to transform a press section of RFE/RL's English website to a brand-new site which would provide a better way how to present PR related content and solve internal workflow issues. I closely collaborated with a communication department to help them newly organize their content structure and designed & developed new header as well as sections of the site, including interactive map based on Mapbox API. The project successfully solved the internal issues and increased traffic. Today, the website has its own life and it's managed by non-designers, so it is difficult to keep a certain level of professionalism regarding the usability, typography and design.

  • Information architecture
  • UX/UI design
  • HTML & CSS
  • Mapbox API
  • Pattern Lab

Independent website design & development

The case of RFE/RL Labs

In July 2019, I created a first hackathon website under the very tight deadline which I managed to meet only thanks to the Webflow tool, a dream come true for modern web designers. Since then – when it comes to brochure websites – I no longer take a hand coding as an option. That's why in September 2020, when I was asked to make a concept of RFE/RL Labs website, it was clear from the beginning that this one will be developed in Webflow as well.

  • Web design
  • Webflow development
pixel
hackathon_prage-2

Design overhaul of RFE/RL website

In the spring of 2016, I made a following concept of RFE/RL website redesign as a part of my application process. Even though the result doesn't fully reflect my current view on web design and on RFE/RL's brand, I'm still quite proud of what I've done back then. If you're interested, you can read an explication on my old portfolio website.

  • UX/UI design
pixel