The brief was to rethink the blog and search interface pages of uncube, combining them into a new intuitive, easy navigable and attractive format.
The blog page is now more navigable, through a series of filters. It's also possible to see more articles per page, making the navigation more accessible. As for the search page, now called "archive", more complex filters can now be applied and both the blog and the magazine articles are listed and searchable. On both pages, a list view option was introduced.
Sometime after I started the redesign, the magazine project was closed down, so not all the new features were actually developed.
creative direction and UI&UX redesign
Diana Portela
original UI&UX design
client
year
2016
↓
↓
thumbnail view
list view
filtering settings
default:
menus closed
default settings when open
filtering example
article page
thumbnail view
list view
filtering settings
default:
menus closed
default settings when open
filtering example
filtering example: thumbnail view
filtering example: list view
The brief was to rethink the blog and search interface pages of uncube, combining them into a new intuitive, easy navigable and attractive format.
The blog page is now more navigable, through a series of filters. It's also possible to see more articles per page, making the navigation more accessible. As for the search page, now called "archive", more complex filters can now be applied and both the blog and the magazine articles are listed and searchable. On both pages, a list view option was introduced.
Sometime after I started the redesign, the magazine project was closed down, so not all the new features were actually developed.
ui&ux
creative direction and UI&UX redesign
Diana Portela
original UI&UX design
client
year
2016
↓
↓
thumbnail view
list view
filtering settings
default:
menus closed
default settings when open
filtering example
article page
thumbnail view
list view
filtering settings
default:
menus closed
default settings when open
filtering example
filtering example: thumbnail view
filtering example: list view
↑
previous clinifátima