Web + Brand Identity Design:
Drøm Peppercorns
Role:
- Conceptualize identity and branding, from logo through all visual assets
- Modify Shopify Liquid code and SCSS to match preliminary visual proposal. View moodboard (PDF)
- Skills and Technologies used: HTML5, CSS3, SASS, Adobe Photoshop CC, Adobe Illustrator CC, Shopify Liquid markup
InVision Mockup
JavaScript Coding I + UI/UX:
Pixel Art Maker
- Code a jQuery, web based app that allows the user to create pixels and change their colors
- Optimize for desktop and tablets 1020px and up
- Project submission for Udacity Front End Web Development Nanodegree
- View project specs on Github
- Skills and Technologies: HTML5, CSS3, jQuery/JavaScript, UI/UX, syncing my left and right brain hemispheres
Play App
Web + Brand Identity Design:
Liquid Lab
Role:
- Code from scratch landing page for fictitious company "LiquidLab"
- Conceptualize identity and branding. View Design Process
- Responsive and mobile first
- Invent graphic icons, UI buttons and patterns
- Skills and Technologies: HTML5, CSS3, jQuery, Photoshop, Illustrator
View Live Prototype
Web Page Design + UI/UX:
I Love Math Campaign
Role:
- Create visuals through competition research for member acquisition landing page
- Delight users with engaging, fun UI
- Optimize visual/graphic assets for multiple endpoints, from Twitter through Instagram, to t-shirts and large scale banners
- Skills and Technologies: HTML5, CSS3, UI/UX, CMS, Bootstrap, Illustrator CC
Visit Live Page
Web Page Design + UI/UX:
NCTM Holiday 2017 Campaign
Role:
- Design visual assets and web page layout to promote NCTM's holiday and Cyber Monday sales
- Animate gifs via Illustrator, After Effects and Photoshop to suggest the festive experience associated with the holidays
- Skills and Technologies: HTML5, CSS3, Bootstrap, UI/UX, CMS, Adobe Illustrator CC, Adobe After Effects CC
Visit Live Page
Web Page Design + UI/UX:
Leaders in Math Education
Role:
- Research, conceptualize and design layout, typography and color heirarchies for landing page marketing NCTM membership benefits
- Retouch, resize and optimize visual graphic assets using Photoshop
- Skills and Technologies: HTML5, CSS3, Bootstrap, UI/UX, CMS, Adobe Photoshop
Visit Live Page
JS Coding II:
Memory Game
- Udacity Nanodegree Project
- Apply intermediate JavaScript/jQuery skills learnt to develop UI/UX behavior of a basic memory game
- View project specs on Github
- *** PROJECT UNDERWAY ***
Coming Soon
JS Coding III:
Arcade Game Clone
- Udacity Nanodegree Project
- Apply JSON, functional classes, JavaScript concepts learnt to refactor a 'frogger' arcade game
- View project specs on Github
- *** FUTURE PROJECT ***
Coming Soon