top of page
Slide 16_9 - 15.png

Porto app official website

Revamp Website design to increase the usability and visibility of apps

Product Design / Design Improvement / Website design

Brief

Redesign our official website that more seamless and having a good user experience than previously version

Problem Statement

Porto_Mesa de trabajo 1.png

Users find it difficult to login and signup which causes many users to not be able to enter porto

Porto_Mesa de trabajo 1 copy.png

For new users, they don't understand what porto is and also the value of porto because of the structure of the content

Porto_Mesa de trabajo 1 copy 2.png

users and stakeholders feel that the existing website is still not seamless and also has a  good interface

Take a look the old Design

OLD DESIGN.png

Information Architecture

before I start the new design I try to re-audit the information architecture of the website and also focus on the user flows that are problematic in this context is the login and signup user flow. 

IA.png

According to the customer service team, there are around 2000 users who cannot log in and signup on the Porto website. so they have to login and sign up manually by asking the user to send an email and password. this is very risky for Porto, especially in the security aspect

Userflow login & Sign up (New flow)

Userrflow.png

Recalibrate Porto Design System

Porto Products itself doesn't have a design system, that's why I tried to make the first version based on the branding aspect of their logo. starting from the foundations to the components used in the website

Frame 338.png
Frame 339.png
Frame 340.png

New Design Approach

Homepage

Membership Page

bottom of page