Camilla Vieira

PT

|

EN

Camilla Vieira

PT

|

EN

menu

arrow_back

BACK

arrow_back

BACK

TabNews

TabNews

Blog

Blog

Forum

Forum

iOS

iOS

Type of Project: UI/UX

Items: Interface Redesign, Research, Prototype

Software Used: Figma

Team: Camilla Vieira, Fausen Cauã and Poliana Muniz (UI/UX Design)


person_pin
My role in the project

Manage the project and its processes, helping the team develop the best product. From the research to the final prototype, I coordinated and also built strategically and visually for the website. I also designed the visual identity.



center_focus_strong
The Challenge

Creating a new app for TabNews, aiming for a good experience, taylor-made for mobile.


The current scenario

TabNews is a website that offers free content for developers. Its experience was not completely designed for mobile screen, so it needed to improve its mobile experience.


Users

Students and software developers. The platform is used for learning and sharing content about technology and development.



search
Research

We sought to understand what were the pain points of the product, what people needed as an update. We contacted real users of TabNews and asked about their needs, besides of some benchmarking to understand what already exists and could be applied to our product.


Heuristic Evaluation

A heuristic evaluation was made to better understand what needed improvement in the original mobile website.


Type of Project: UI/UX

Items: Interface Redesign, Research, Prototype

Software Used: Figma

Team: Camilla Vieira, Fausen Cauã and Poliana Muniz (UI/UX Design)




person_pin
My role in the project

Manage the project and its processes, helping the team develop the best product. From the research to the final prototype, I coordinated and also built strategically and visually for the website. I also designed the visual identity.




center_focus_strongcenter_focus_strong
The Challenge

Creating a new app for TabNews, aiming for a good experience, taylor-made for mobile.


The current scenario

TabNews is a website that offers free content for developers. Its experience was not completely designed for mobile screen, so it needed to improve its mobile experience.


Users

Students and software developers. The platform is used for learning and sharing content about technology and development.




searchearch
Research

We sought to understand what were the pain points of the product, what people needed as an update. We contacted real users of TabNews and asked about their needs, besides of some benchmarking to understand what already exists and could be applied to our product.


Heuristic Evaluation

A heuristic evaluation was made to better understand what needed improvement in the original mobile website.


Information Architecture

We rearranged the flows and brought new structure to the product. Now it is built as an app, so it is designed to be mobile.

 



Priorization
We defined some new possible features for the project after our research. Considering the users' needs and our goals, we built a Prioritization Matrix to trace what we would focus on.

We applied some interface improvements, considering UX heuristics. We changed the spacing, grouping and white space of the elements, bringing out clearer pages.

We brought new features asked by the users,

prioritizing their experience.


phone_iphone
Prototype

We produced all the perceived needs we could, focusing on rearranging information and bringing interfaces that work properly for mobile devices.



Usability Test

Our team conducted a usability test to ensure our new prototype was good. As it is expected from tests, we could notice what was working properly, what the users enjoyed, and also what was lacking in the product. We discovered some points of improvement to bring into the new version.

Bringing out users needs and transforming them into a functionality allows an app to be really useful.