top of page

Administradores

*This project is still in development. Expected release date: January 2021.

ADM.png
OVERVIEW

Administradores is a large portal for business and administration content (5 million single visitors per month). I was hired to work on the new website user experience. The website works as a portal for news and articles. Although there are a lot of famous writers publishing in Administradores, any user can post their own text, after a revision by a specialist. Besides that, the website has a premium area where users can watch courses and workshops with well-known professionals.

USERS

1 - Normal users

2 - Premium users

DESIGN PROCESS

Since the start, the team had weekly meetings with the stakeholders of the company, mainly the CEO and the board. We were aware of the business strategy, ways of monetization, and long-term plans. This was value input for the UX project.

The team started with an in-depth analysis of the website analytics, the Customer Service Department database, and doing a benchmark. This led us to design the user journey, user stories, and proto-personas. These personas were lately validated in user interviews.

Old Website Analysis

Swipe for more screens

Afterward, we started the information architecture. The main challenge was to organize the vast portal thematic portfolio, as shown below.

Sitemap

Information Architecture Thematic Analys

Information Architecture Thematic Analysis

It took a while to solve the portal's intricate net of content. We conducted card sorting sessions, validated the user flow and information hierarchy with users in remote meetings due to COVID-19.

Then, with the information structure ready, we designed the wireframes on Adobe XD.

Wireframes on Adobe XD

Swipe for more screens

In the final design, we refined the visuals for the website development. When the user is on the Administradores free content, the background is bright. The dark mode design is just for the premium content pages.

PerfilADM.png
Recents final.png
homepremium.png
WatchingADM.png
CourseADM.png

Final Interface on Figma

bottom of page