NAME

PORTO

TYPE

ART COLLECTIVE'S WEBSITE

FROM-TO

2023 - ON GOING

ROLE

UX/UI DESIGNER & WEB DEVELOPER

SUMMARY

INTRODUCING PORTO, A CREATIVE POWERHOUSE THAT THRIVES ON CULTURE AND BRINGING PEOPLE TOGETHER. WITH IN-DEPTH ARTICLES AND MIND-BLOWING ARTISTIC EVENTS, PORTO AIMS TO BE THE GO-TO DESTINATION FOR ALL THOSE IN NEED OF A CREATIVE SPACE TO FREELY EXPRESS THEMSELVES AND THEIR IDEAS. THEIR NEVER-ENDING QUEST FOR INSPIRATION REVOLVES AROUND THE LOCAL COMMUNITY AND ITS UNIQUE QUALITIES. WE DIG INTO THE PAST TO PAVE THE WAY FOR EPIC CREATIVE HORIZONS, ALL WITH THE NOT-SO-TINY GOAL OF TURNING CULTURE INTO ONE HELLUVA SHARED EXPERIENCE. NOW, LET'S SAIL INTO THE ENGLISH SEAS WITH A TOUCH OF HUMOR, 'CAUSE WHO SAID CULTURE CAN'T BE FUN? PORTO, WHERE CREATIVITY TAKES THE STAGE AND PEOPLE JOIN HANDS (AND PAINTBRUSHES) TO UNLEASH THEIR ARTISTIC SUPERPOWERS! WITH JAW-DROPPING ARTICLES AND MIND-BENDING EVENTS, WE'RE HERE TO MAKE YOUR IMAGINATION GO WILD AND GIVE YOU A SPACE TO SHINE BRIGHTER THAN A DISCO BALL COVERED IN GLITTER. WE'RE ON A MISSION TO TURN CULTURE INTO A DANCE PARTY THAT EVERYONE'S INVITED TO. SO, GRAB YOUR BERET, STRIKE A POSE, AND LET'S CREATE SOME ARTFUL MAGIC TOGETHER!

UX TIME

FIRST

  • BRIEF

  • UNDERSTANDING THE COMPANY / THE BRAND / THE PRODUCT / THE PROBLEM

SECOND

  • GOALS

THIRD

  • RESEARCH

  • PERSONAS

  • COMPETITORS

  • USER JOURNEY

LAST BUT NOT LIST

  • ANALYSIS

  • INSIGHTS

  • DATA

UX TIME - GOING DEEP - IN SHORT

BEFORE I EMBARK ON CREATING THE AWESOME STUFF, LET ME CLEAR THE AIR - I'M NOT AN ARTISTIC GENIUS, BUT A DESIGN GURU. SO, LET'S PLUNGE DEEP INTO THE ABYSS OF THE PROBLEM AND THEN WORK OUR MAGIC TO SOLVE IT IN THE MOST PHENOMENAL WAY IMAGINABLE. We needed a website where the collective could articulate its manifesto, share about the team, the project, and announce past, present, and future events. WE WANT TO MAKE USERS GO GAGA OVER IT!


PRESSING QUANDARIES AND OUR EXCITING AGENDA:

/ WHO ON EARTH IS PORTO?
/ WHO'S OUR CURRENT FAN CLUB?
/ WHAT MAKES THEM TICK?
/ WHAT SETS THEIR HEARTS ABLAZE?
/ WHO DO WE ASPIRE TO HAVE AS OUR FUTURE ADMIRERS? ANY IDEAS?
/ LET'S PLOT THE CUSTOMER JOURNEY LIKE A PIRATE PLUNDERS TREASURE!
/ LET'S SCOPE OUT OUR RIVALS AND AIM FOR THE STARS!
/ IT'S TIME TO TEST THE SITE WITH OUR TARGET AUDIENCE
/ WE'LL SHAKE THINGS UP WITH SOME A/B TESTING TO VALIDATE OR CRUSH OUR BOLD SOLUTIONS!
/ AND HEY, WE CAN'T FORGET TO TEST DRIVE SOME CRUCIAL DECISIONS AND SEE IF THEY STRIKE GOLD!
/ PERFORMANCE CHECKS, FOLKS! LET'S MAKE SURE WE'RE ROCKING THE CHARTS!

UX TIME > GOING TOWARD UI

PROTOTYPE

WIREFRAME

LAYOUTS

COMPONENTS

TEST

VALIDATE

REPEAT

UI TIME

STYLE RESEARCH

INSPO

TOKENS / VARIABLES / ASSETS

DESIGN SYSTEM

FINGER-LICKIN' GOOD DESIGN

ANIMATED / INTERACTIVE MOCKUPS

RESULTS - BORING PART

ONCE I WRAPPED UP THE ENTIRE PROJECT, I CRAFTED AN AWESOME ANIMATED MOCKUP (USUALLY WITH VIDEOS CREATED IN AFTER EFFECTS) AND THEN PROUDLY SHOWED OFF TO THE CUSTOMER HOW EPIC THE FINAL OUTCOME TURNED OUT TO BE. TOGETHER, WE ENSURED THAT EVERYTHING WAS SPOT-ON. IF THAT'S THE CASE, AND THE CUSTOMER ISN'T BOTHERING, WE MOVE FULL STEAM AHEAD INTO DEVELOPMENT. AND IN THIS PROJECT, GUESS WHAT? I TOOK THE REINS OF DEVELOPMENT TOO, BECAUSE, HEY, I'M A MULTI-TALENTED WIZZ!

RESULTS - COOL PART

LINK

IF YOU'RE NOT LAZY, YOU'VE COME THIS FAR,
YOU ONLY NEED ONE LAST THING: COFFEE BREAK!

NO I'M JOKING, GO VISIT THE WEBSITE ONLINE, IT DESERVES THE CLICK

VISIT WEBSITE

NAME

PORTO

TYPE

ART COLLECTIVE'S WEBSITE

FROM-TO

2023 - ON GOING

ROLE

UX/UI DESIGNER & WEB DEVELOPER

SUMMARY

INTRODUCING PORTO, A CREATIVE POWERHOUSE THAT THRIVES ON CULTURE AND BRINGING PEOPLE TOGETHER. WITH IN-DEPTH ARTICLES AND MIND-BLOWING ARTISTIC EVENTS, PORTO AIMS TO BE THE GO-TO DESTINATION FOR ALL THOSE IN NEED OF A CREATIVE SPACE TO FREELY EXPRESS THEMSELVES AND THEIR IDEAS. THEIR NEVER-ENDING QUEST FOR INSPIRATION REVOLVES AROUND THE LOCAL COMMUNITY AND ITS UNIQUE QUALITIES. WE DIG INTO THE PAST TO PAVE THE WAY FOR EPIC CREATIVE HORIZONS, ALL WITH THE NOT-SO-TINY GOAL OF TURNING CULTURE INTO ONE HELLUVA SHARED EXPERIENCE. NOW, LET'S SAIL INTO THE ENGLISH SEAS WITH A TOUCH OF HUMOR, 'CAUSE WHO SAID CULTURE CAN'T BE FUN? PORTO, WHERE CREATIVITY TAKES THE STAGE AND PEOPLE JOIN HANDS (AND PAINTBRUSHES) TO UNLEASH THEIR ARTISTIC SUPERPOWERS! WITH JAW-DROPPING ARTICLES AND MIND-BENDING EVENTS, WE'RE HERE TO MAKE YOUR IMAGINATION GO WILD AND GIVE YOU A SPACE TO SHINE BRIGHTER THAN A DISCO BALL COVERED IN GLITTER. WE'RE ON A MISSION TO TURN CULTURE INTO A DANCE PARTY THAT EVERYONE'S INVITED TO. SO, GRAB YOUR BERET, STRIKE A POSE, AND LET'S CREATE SOME ARTFUL MAGIC TOGETHER!

UX TIME

FIRST

  • BRIEF

  • UNDERSTANDING THE COMPANY

  • UNDERSTANDING THE BRAND

  • UNDERSTANDING THE PRODUCT/SERVICE

  • UNDERSTANDING THE PROBLEM

SECOND

  • GOALS

THIRD

  • RESEARCH

  • PERSONAS

  • COMPETITORS

  • USER JOURNEY

  • BRIEF

LAST BUT NOT LIST

  • ANALYSIS

  • INSIGHTS

  • DATA

UX TIME - GOING DEEP - IN SHORT

BEFORE I EMBARK ON CREATING THE AWESOME STUFF, LET ME CLEAR THE AIR - I'M NOT AN ARTISTIC GENIUS, BUT A DESIGN GURU. SO, LET'S PLUNGE DEEP INTO THE ABYSS OF THE PROBLEM AND THEN WORK OUR MAGIC TO SOLVE IT IN THE MOST PHENOMENAL WAY IMAGINABLE. We needed a website where the collective could articulate its manifesto, share about the team, the project, and announce past, present, and future events. WE WANT TO MAKE USERS GO GAGA OVER IT!


PRESSING QUANDARIES AND OUR EXCITING AGENDA:

/ WHO ON EARTH IS PORTO?
/ WHO'S OUR CURRENT FAN CLUB?
/ WHAT MAKES THEM TICK?
/ WHAT SETS THEIR HEARTS ABLAZE?
/ WHO DO WE ASPIRE TO HAVE AS OUR FUTURE ADMIRERS? ANY IDEAS?
/ LET'S PLOT THE CUSTOMER JOURNEY LIKE A PIRATE PLUNDERS TREASURE!
/ LET'S SCOPE OUT OUR RIVALS AND AIM FOR THE STARS!
/ IT'S TIME TO TEST THE SITE WITH OUR TARGET AUDIENCE
/ WE'LL SHAKE THINGS UP WITH SOME A/B TESTING TO VALIDATE OR CRUSH OUR BOLD SOLUTIONS!
/ AND HEY, WE CAN'T FORGET TO TEST DRIVE SOME CRUCIAL DECISIONS AND SEE IF THEY STRIKE GOLD!
/ PERFORMANCE CHECKS, FOLKS! LET'S MAKE SURE WE'RE ROCKING THE CHARTS!

UX TIME > GOING TOWARD UI

PROTOTYPE

WIREFRAME

LAYOUTS

COMPONENTS

TEST

VALIDATE

REPEAT

UI TIME

STYLE RESEARCH

INSPO

TOKENS / VARIABLES / ASSETS

DESIGN SYSTEM

FINGER-LICKIN' GOOD DESIGN

ANIMATED / INTERACTIVE MOCKUPS

RESULTS - BORING PART

ONCE I WRAPPED UP THE ENTIRE PROJECT, I CRAFTED AN AWESOME ANIMATED MOCKUP (USUALLY WITH VIDEOS CREATED IN AFTER EFFECTS) AND THEN PROUDLY SHOWED OFF TO THE CUSTOMER HOW EPIC THE FINAL OUTCOME TURNED OUT TO BE. TOGETHER, WE ENSURED THAT EVERYTHING WAS SPOT-ON. IF THAT'S THE CASE, AND THE CUSTOMER ISN'T BOTHERING, WE MOVE FULL STEAM AHEAD INTO DEVELOPMENT. AND IN THIS PROJECT, GUESS WHAT? I TOOK THE REINS OF DEVELOPMENT TOO, BECAUSE, HEY, I'M A MULTI-TALENTED WIZZ!

RESULTS - COOL PART

LINK

IF YOU'RE NOT LAZY, YOU'VE COME THIS FAR,
YOU ONLY NEED ONE LAST THING: COFFEE BREAK!

NO I'M JOKING, GO VISIT THE WEBSITE ONLINE, IT DESERVES THE CLICK

VISIT WEBSITE