Get in touch with me now

You’ve arrived at my super secret contact form! If you’d rather email me directly, my address is johnludena@gmail.com.

Success!

Expect to hear back from me within 24 hours. Thanks!

Creative
Front-End Developer for a Better WWW.

A little about yours truly

Click on my happy face to learn a random fact about me.
TMI may be involved. You’ve been warned.

Hi there, I'm John.

I’m a designer and front-end developer with over 8 years of professional experience building websites and web applications for a wide range of companies; from small startups to massive Fortune 500 corporations.

I’m currently looking for new and exciting opportunities where I can help build highly-polished user-interfaces using my unique talent of being an experienced front-end developer with a keen eye for great UI design.

Interested in finding how I can help you build your perfect UI vision? Let's have a friendly chat. I can guarantee you will not regret it.

My bread and butter skills

(Looking for a PDF resume? Download one here.)

Front-end Development

This is where I get to transform image mockups into pixel-perfect user interfaces with the power of HTML, CSS & Javascript.

Responsive Design

I'm a veteran of responsive design and making the best possible user experience on any and all screen sizes.

Ecommerce &
Online Payments

I have a strong ecommerce background and have worked with a variety of different shopping cart platforms and payment APIs like Shopify, Bigcommerce, WooCommerce, Stripe, and others.

Wordpress Development

Tinkering with Wordpress is how I first got my start in the world of web development. I still use Wordpress today for certain projects where clients need a popular and extensible platform to quickly start a new presence online.

Project Samples

  • PizzaBot

    Chatbot interface powered by Artificial Intelligence

    A personal project to learn more about the world of A.I. and challenge myself to code a highly-polished user-interface with transitions and animations using the latest ES6 version of React.

    • Chatbot interface built from the ground up without the use of CSS frameworks or additional libraries other than pure React.js
    • Integration with DialogFlow's API; Google's own Artificial Intelligence platform (formerly api.ai)
    • Fully responsive for the best experience on both web and mobile browsers
    • Use of React's latest ES6 version
    • Deployed to Netlify for maximum performance

    Tech build summary: HTML5, CSS3, React.js, DialogFlow API, Netlify

    View live demo View source code

  • Javascript for Designers

    Blog for teaching designers who want to learn Javascript for UI/UX development.

    A small passion project where I share everything I learned in my journey of going from visual designer to front-end developer and how others can do the same and help their own teams cross that tricky bridge between design and development.

    • Original articles and tutorials written by yours truly
    • CodePen interactive demos to show others how a lesson is implemented in a real-world, practical situation
    • YouTube video tutorials (coming very soon!)

    Tech build summary: HTML5, CSS3, Jekyll, Github Pages, CodePen, Mailchimp

    View live demo View source code

  • Drumpfsy

    An Trump-themed Etsy shop.

    An ecommerce "shell" that uses the Etsy API to show hand-made goods inspired by the current Republican Presidential candidate President of the United States: Mr. Donald J. Trump.

    • React.js for building the site's user interface
    • Backbone.js used for creating home/single-page routes and and creating data models
    • Fetching Etsy API data for displaying humorous current markeplace items related to our dear President

    Tech build summary: HTML5, Sass, React.js, Backbone.js, Etsy API, Heroku

    View live demo View source code

  • Blue Leaf

    Ecommerce website with gift registry software integration.

    Blue Leaf is a trendy lifestyle store in the heart of Houston. After being in business for a few years, they decided to jump into the ecommerce space and start selling their goods online.

    • UPS & USPS shipping carrier integration for live-pricing quotes
    • Integration with Registry Valet, a third party registry software
    • Use of the Wordpress CMS for easy product catalog maintenance, page updates, and customer order management
    • Training different members of the Blue Leaf sales team to use the new website and manage & ship customer orders
    • Mobile-responsiveness for optimal user experience

    Tech build summary: HTML5, CSS3, Wordpress, WooCommerce, Registry Valet integration with custom PHP coding.

    View live demo

Some kind words from some amazing people...

  • "John produces great results no matter how big the project or how tight the schedule. He stays up-to-date with the latest developments in technology and makes excellent suggestions to improve the performance and functionality of websites. I highly recommend him for your next project.”.Rick Naylor, Marketing Director at PreCash
  • "Working with John is not only very easy and effective, but also a pleasure! He is very skilled and keeps educating himself to learn new things he later applies to your projects. He is reliable, hard working, very fairly priced, and someone you can completely trust – especially when dealing with delicate information.”.Renzo Bolivar, Account Manager at Lopez Negrete Communications
  • "John not only has excellent design skills but is extremely knowledgeable at digital production and solving web issues. John adds talent and value to any project.”Wes Weaver, Owner of W-Squared Marketing
  • "John is flexible and easy to work with. He listens and then focuses on solving your website challenge with a solution that works and is aesthetically pleasing. He is a great member of the team.”Nick Pantazis, President of WilsherCo, Inc.

Featured Medium Article

Javascript for Designers 101: The DOM (An Illustrated Guide)

Published on Jan 13th, 2018

Learn all about the mythical DOM: What the heck it is, and why it's so important when you are getting started in your Javascript journey as a designer.

Read this post on Medium.com

Ready to build something special together?

Hit that button below and let’s start a friendly chat. I promise you won’t regret it.

Get in touch with me