NAME

NOTALEAN

TYPE

DRINK E-COMMERCE

FROM-TO

2021 - 2021

ROLE

UX/UI DESIGNER & WEB DEVELOPER

SUMMARY

Get ready to sip on the freshest revelation: NOTALEAN! This vibrant concoction blends gin with luscious cranberry juice, boasting a color that practically waves at you. Sip it solo or jazz it up with spirits or tonic. Perfect for gin-based cocktail architecture. Best served chilled, because coolness is its middle name. This project? It's like a wild rollercoaster ride through the world of flavors - young, bold, and utterly fascinating!

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. The main need was a platform to sell the brand's products, grow brand awareness, communicate the vision, and engage with users. WE WANT TO MAKE USERS GO GAGA OVER IT!


PRESSING QUANDARIES AND OUR EXCITING AGENDA:

/ WHO ON EARTH IS notalean?
/ 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

NAME

NOTALEAN

TYPE

DRINK E-COMMERCE

FROM-TO

2021 - 2021

ROLE

UX/UI DESIGNER & WEB DEVELOPER

SUMMARY

Get ready to sip on the freshest revelation: NOTALEAN! This vibrant concoction blends gin with luscious cranberry juice, boasting a color that practically waves at you. Sip it solo or jazz it up with spirits or tonic. Perfect for gin-based cocktail architecture. Best served chilled, because coolness is its middle name. This project? It's like a wild rollercoaster ride through the world of flavors - young, bold, and utterly fascinating!

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. The main need was a platform to sell the brand's products, grow brand awareness, communicate the vision, and engage with users. WE WANT TO MAKE USERS GO GAGA OVER IT!


PRESSING QUANDARIES AND OUR EXCITING AGENDA:

/ WHO ON EARTH IS notalean?
/ 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