UX Designer

Daily-UI_003_GIF_Cover.gif

Blog

Daily UI 03

Daily UI Challenge 03 - Landing Page

The goal for me for this challenge was to create an immersive experience showcasing the possibilities of what can be created with this unique Bauhaus block set. "Naef" is the actual manufacturer of the toy, and I treated this as if it was a landing page on their site promoting this product.

The "floating" colored blocks used in Bauhaus art were just asking to be animated and creating a parallax experience for this page felt like the perfect thing to do. This one was especially fun to do as I got to get my kids involved in creating some models for me as well.

Tools:
Principle - prototype
Sketch - layout
iPhone X - photography
Photoshop - GIF

Daily-UI_003.gif
IMG_3716.png

Check out more on my dribbble page.

Joel Judal
Daily UI 02

For my 2nd Daily UI challenge, I was to create a credit card checkout screen.

The main goal here for me was to minimize scrolling and to keep the product summary visible during the whole checkout process. I really liked how some competitors outlined the checkout process in steps in order to put users more at ease. I only introduced forms when needed to reduce visual noise, and allow for a "tidy" interface.

_Daily-UI_002.gif

Software used: 
Sketch - layout 
Principle - prototype 
Photoshop - GIF

Checkout my other pieces on my dribbble.

Joel Judal
Daily UI 01

So I had recently started the Daily UI Challenge which basically entails 100 days of UI design challenges in order to keep your design chops up. The first challenge was to create a login screen. My idea for this was a digital periodical of some sort, whose branding drew from traditional printing techniques, hence the name “Letterpress”. For the experience, I imagined an overprinted block of colored ink transforming into whatever form field or card the user would need to interact with at the time.

Daily-U1-001.gif

Check my other work out on dribbble.

Joel Judaldailyui, ui, ux
Principle Day 17

Learning Principle has been fun and challenging. Aside from screaming at the computer a few times when I got stuck on an animation, I think the UI is very intuitive and unique which made using it an enjoyable experience. So after immersing myself into Principle for 17 days, check out where I’m at. I’m pretty satisfied and confident in my skills with the tool now, but there is still so much to learn. Here are a few interactions from my Centerpiece project:

Selection detail page.

Selection detail page.

First time user experience.

First time user experience.

For more detail on this project, visit my case study here.

Hip-Hop Taught Me How to be a Designer

DJ-ing for a crowd is essentially a usability test. You’re constantly feeding off the vibe of the crowd and adjusting your composition in real time responding to that feedback. If you aren’t processing the data correctly, you’ll end up losing the audience and never be invited back to play that venue ever again!

As a DJ, I can equate creating music to composing a visual design. The space in between each beat is your white space. The tempo is your grid. Graphics and color are your instruments, and words and typography are your lyrics. It’s a carefully composed and curated process.

Though my DJ-ing days are rare nowadays, it’s influenced me so much in becoming the designer that I am today. These two pieces were created eons ago, but I hope you enjoy them nonetheless.

Joel Judal
Mural Session with Romali Licudan and Steve Ha

A few years back, before I had my daughter and had all the time in the world, I had bought a DSL camera with the ambitions of creating video content for our small clothing brand a few of us had started. This was the last video I was able to film and edit before my life got consumed with being a father.

On this day I documented the execution of a collaborative mural by friends Romali Licudan (romali_habitat2) and Steve Ha (flavorinnovator). The soundtrack is produced by my friend Joe Bernal (jo_def).

My first day using Principle...

So today I had my first try at using Principle. When I first saw what the software was capable of doing, I knew that it was something I had to learn. The software is fun to use, and my experience with video editing software and keyframes made things easy to acclimate to.

For this first day I experimented with the actions for the “Login Flow” for my Centerpiece project. Stay tuned to watch my progress.