👋

Hello! I'm Gaddafi Rusli,
a digital product designer
and serial indie maker.

I'm currently leading a product design team in Kuala Lumpur, Malaysia. For the past 10 years, I was involved in designing digital products for several startups across various categories – from news network, rewards platform, mobile payment and many more.

Me

SAYS

2015 UI UX Front-end Rails

SAYS.com is one of the fastest growing news website in Malaysia. Branded as a "Social News Network", it was originally launched in 2012 with a mission to bring the power of the people into news curation and distribution. Being among the first few people who was involved in the first version of SAYS.com, I was glad to be given another opportunity to work on its 4th major redesign.

Says main banner

Objective

The main objective that we were trying to achieve with this redesign is to make it easier for the visitors to discover content from various categories on the site - especially from the homepage. Aside from that, we were also aiming to clean up the interface to be cleaner and less intrusive, as to bring the attention onto the content itself.

Homepage skeleton

The biggest change of the redesign is on the homepage. In order to assist content discovery, we came up with 5 different sections on the homepage:

  • 1

    Pinned stories section shows 3 stories above all of the others - mainly to highlight important or breaking news

  • 2

    Latest stories being published on the website, ordered choronologically

  • 3

    Trending stories section shows a list of popular stories in the past 24 hours

  • 4

    Story columns section is useful to re-surface stories from various columns within the site

  • 5

    Gallery section showcases stories that centers around photos and z`vidoes

Says skeleton

Branded stories

In the previous version of SAYS, there's only 2 types of list item. The first one is a normal story. The second one is a featured updates - where the author can extend an existing story when there's new progress or findings. This is indicated by "Updated from" label in the list item.

Together with the new redesign, we introduced Brand stories, where brands can create their own author profile and push out their own content. This is indicated by their logo and name under the list item - and their own brand profile on the site.

Says list types
Says columns

Columns

In the previous version of SAYS, there's only 2 types of list item. The first one is a normal story. The second one is a featured updates - where the author can extend an existing story when there's new progress or findings. This is indicated by "Updated from" label in the list item.

Says column icons
Says column collage
Says story show