ABOUT

PYXL IS A WEB EXPERIENCE FOR ANYONE INTERESTED IN LOOKING AT THEIR PHOTOGRAPHY THROUGH A NEW LENS. DAILY THEMES GUIDE THE USER'S PHOTO SUBMISSIONS, AND INCENTIVIZE THEM TO ANSWER A FEW QUESTIONS ABOUT THEIR IMAGE. THE SITE WILL GENERATE A DISTORTED VERSION OF THEIR IMAGE IN SEVERAL WAYS BASED ON THEIR RESPONSES AND THEY WILL NOW HAVE A WARPED IMAGE THAT REFLECTS THEIR EMOTIONS, PERCEPTIONS AND MEMORY OF THAT MOMENT IN TIME.

DESIGNED WITH A MONOCHROME, MINIMAL, “PIXEL” THEMED AESTHETIC, THE SITE’S EXPERIENCE HIGHLIGHTS THE PHOTOGRAPHS SUBMITTED BY USERS. YOU CAN EXPLORE OTHER USERS’ MEMORIES THROUGH THE ARCHIVE.

PRODUCTION

SOFTWARE USED-
ADOBE PRODUCTS
AFTER EFFECTS, ILLUSTRATOR, PHOTOSHOP, INDESIGN, AND LIGHTROOM
HOSTED ON VERCEL
ARCHIVE DATA STORED ON SUPABASE
TYPEFACE(S) USED-
HELVETICA NEUE AND SPACE GROTESK
CODING LANGUAGES USED-
JAVASCRIPT, HTML, PYTHON, CSS, AND SQL

RESEARCH

RESOURCE/INSPIRATION-
“GENERATION Z” - NATE HERREHA
EMOSTYLE (EMOTION-AWARE IMAGE MANIPULATION)
“A NEURAL ALGORITHM OF ARTISTIC STYLE”
“BECAUSE THE BLIND” - SOPHIE CALLE
“STANDING, SITTING, WALKING, LOOKING” - LUCAS SAMARAS
“THE MINDS EYE” - HENRI CARTIER-BRESSON
“THE NEGATIVE” - ANSEL ADAMS
“UNDERCOVER” - ALINE SMITHSON
ACRE STUDIO
SUPROMAT

SPECIAL THANKS

CINDY NAKHAMMOUANE
JASMYN SCAVELLA
MARTIN LAUGESEN
ISSA DIZON
PEDRO NEEVES
ROBERT ZOLNA

EXTRA INFO

NOW THAT YOU’VE EXPERIENCED PYXL, YOU MAY HAVE MORE QUESTIONS ABOUT WHY IT WAS CREATED. THIS IS MY UNDERGRADUATE CAPSTONE PROJECT, WHERE I WAS TASKED WITH COMBINING CODE AND DESIGN INTO ANY SUBJECT I WANT. I KNEW RIGHT AWAY THAT A WEBSITE FORMAT AND PHOTOGRAPHY WAS THE DIRECTION I WANTED TO TAKE.

I WANTED TO CREATE SOMETHING THAT I COULD SEE PEOPLE RETURNING TO, WHETHER THAT WAS TO TRY OUT THE NEW WEEKLY THEME, OR JUST TO LOOK THROUGH THE ARCHIVE AND SEE PAST SUBMISSIONS FROM MANY YEARS AGO.

STATISTICS

LONGEST JAVASCRIPT FILE-
{TBD} LINES
LONGEST CSS FILE-
{TBD} LINES
ARCHIVE SUBMISSIONS-
{TBD}
ANONYMOUS SUBMISSION PERCENTAGE-
{TBD}
NAMED SUBMISSIONS-
{TBD}
THEMES ARCHIVED-
{TBD}
INDESIGN CRASHES-
28
CRASHOUTS-
22
SCRAPPED LOGO CONCEPTS-
13

ARTIFACTS

POSTERS X4
WEBSITE X1
PHOTO BOOKLET X1
FLYERS X2
LOGOS X5
VIDEOS X2
ANIMATIONS X4
ICONS X12
GRAPHICS X5

CONTACT

INSTAGRAM-
XAVIER_KANIA
LINKEDIN-
XMAN3939
EMAIL-
XMAN3939@GMAIL.COM

/ BACK TO HOME