V7 Product Updates Blog

View website
Product Design
Web Design
V7 needed a better way for presenting product updates, improved user experience and updated UI. So the idea of redesign came up. Read more in the case study :)


How did it start?

V7 had a changelog page and changelog documentation at the same time. The page was used for marketing purposes (added to a newsletter). However, this way of presenting updates wasn’t very convenient and got messy, so it was decided to redesign both the experience and design.

The main problems were:

  1. The updates were stored on one page randomly
  2. No filtering functionality. The topics presented are very different so it was hard to navigate and find something that you want
  3. No sorting options (by release date, for example)
  4. No search functionality
  5. An outdated design that was not aligned with current product branding


The first step in the process was research as usual

Competitors research

I have reviewed many different products with various experiences in presenting updates and information in general. Not only software products were researched but also various blogs, news, and newspaper websites to have a broad understanding of the topic.

Talking to team members

I spoke to different team members and teams inside the company to understand their needs around the redesign and their goals towards the clients.

Research outcome

Through the research process, the idea to design a blog experience for product updates was formed, to enable users to navigate easily through the massive amount of information easily and fast.

Competitors research (indirect)
Information architecture
Wireframes with different UX
Prototyping, final UI/UX

Design phase

Low-fidelity wireframes

2 iterations of this process have been done. First I have designed 6 different versions for user experience so we can discuss with the team, test, and choose the best one to go for. We chose 3 for which I built designs with higher fidelity, and after testing and discussion with the team, the final one was chosen.

No items found.


Final UI Design
  1. High-fidelity UI was built
  2. Desktop, mobile, tablet, and widescreen breakpoint adaptations
  3. Filtering, sorting, and search functionality for smaller screens (mobile and tablet) adaptation
  4. Prototypes for all breakpoints
  5. Components with prototyping
  6. The design system is updated after the components are designed
  7. Handing over the design to a developer and further communication with him before the launch
  8. QA of the developer’s work to make sure everything works properly as it’s supposed to
No items found.