Welcome to Bentknuckle!

You have arrived to an experimental/work-in-progress portfolio. Please enjoy and check back for iterations at your leisure...

Preview Image of R.Keyboards.com

Musician Site

Preview Image of rockingtheroadforacure.org

Nonprofit Site

Preview Image of DGIM759

Course Site

Я.KEYBOARDS WEBSITE

DESCRIPTION: Single Page scroll website featuring Long Island-based musician. Client wanted a place for target groups to view his performance schedule/location, read through band histories, view past musical performances and photos, plus contact information.

Hero Image of Raul Keyboards Homepage HERO: Digital Illustration of RKeyboards as a Digital/Classical Piano/Keyboard Hybrid (Adobe Illustrator). LOGO: Client brand identity is a marriage of the intense color of Red (On indicator), simple angle for the "r", a crescendo symbol + a few synthasizer keys for the "k", and Я glyph to show appreciation for international language tones & MENU BUTTON ICONS: Created SVG menu buttons, mimicking keyboard dials, to jump to different locations on the page.

Events Calender Image - Raul Keyboards Homepage CALENDER: Adopted Style and layout from a depricated interactive concert calendar plugin. Used jQuery to program buttons to display events by month or list all gigs (present - past). Used SVG animation to digitally shocase "RAUL LIVE".

Gig Videos - Raul Keyboards Homepage VIDEO: Created video grid with preview clips. Created play icons (displayed on hover-desktop). Customized Jack Moore Colorbox jQuery plugin colors, button icons, and autosizing.

Gig Videos - Raul Keyboards Homepage PHOTOS: Created photo grid. Created view icons (displayed on hover-desktop). Customized Jack Moore Colorbox jQuery plugin colors, button icons, and autosizing.

Gig Videos - Raul Keyboards Homepage ABOUT: Bio sensation copy. Soundbyte clip and icon. SVG animations. Style/Color indicators for band lists and links. Embedded third-party/Reverb Nation song media.

Gig Videos - Raul Keyboards Homepage CONTACT: Client wanted all communication through social media. Inclusion of bands and recording studio links.

Visit Website

ROCKING THE ROAD FOR A CURE WEBSITE

DESCRIPTION: WordPress Sungit Lite Theme Modification for Breast Cancer Nonprofit. Client wanted a place for target groups to view/purchase tickets for fundraising events, read articles, donate, and become aware of free services for patients diagnosed with breast cancer residing in Queens and Long Island New York.

Hero Image of Raul Keyboards Homepage HERO: Digital Illustration of RKeyboards as a Digital/Classical Piano/Keyboard Hybrid (Adobe Illustrator). LOGO: Client brand identity is a marriage of the intense color of Red (On indicator), simple angle for the "r", a crescendo symbol + a few synthasizer keys for the "k", and Я glyph to show appreciation for international language tones & MENU BUTTON ICONS: Created SVG menu buttons, mimicking keyboard dials, to jump to different locations on the page.

Visit Website

DIGITAL IMAGING WEBSITE

DESCRIPTION: This is NYIT's Digital Imaging Course. In this course students learned to manipulate and create images in Adobe Photoshop, created a web mockup, and designed/published a website using HTML, CSS, and jQuery syntax.

Hero Image of Raul Keyboards Homepage This website served as a repository for administrative course information, class and homework assignment listings, step-by-step instruction notes, video tutorials, and student portfolios.

Visit Website