Loading...
Home 2018-05-18T20:31:50+00:00

ABOUT

COHESIVE, BEAUTIFUL WEB DESIGN

OPTIMIZED FOR SPEED | ULTIMATE COMPATIBILITY

I graduated from Reed College, B.A. Physics 2015, where I began my career in web development. In addition to my written thesis, I designed an interactive webpage to give my audience and intuitive understanding of what is a relatively obscure mathematical technique. I applied this tool, “computational homology”, to quantify the “naturalness” of reaction-diffusion patterns.

Experience

EXPERIENCE

MULTI-DISCIPLINARY APPROACH

Web development is my passion, and with over 6 years of experience–continuously learning the latest tools and best practices–I’ve made it my career. While earning my physics degree I first learned how to code in Python which I ultimately used to perform complex calculations for my thesis. I focused on data analysis and visualization, taking great pride in the visual components of my work. I honed the skill of displaying complex information as simply as possible as a Data Analytics intern at Puppet (formerly Puppet Labs). There, I used Tableau, as well as a number of other data visualization tools to deliver my findings on critical areas of business performance and usage of resources in the form of keynote presentations given to leading executives (including founder & CEO, Luke Kanies, and then-CFO, Bill Koefoed). My interest in the visual displays of information lead me to focus on front-end web design while maintaining my scientific, data-driven programming background.

With a strong appreciation for beautiful design and aesthetics, I looked to the webpage as my canvas. The webpage is one of the few mediums which demands user engagement, which I exploit in my Internet artwork and continuously work to innovate as computing power and Internet access become more powerful. I adopted JavaScript–the language of the web–as my primary language and found myself applying this knowledge in all my work.

NIKE

COLLABORATION

  • Nike: worked with Man Rev (Jeff Johnson, Emily Polkow, Dave Kelley)
  • Advanced Manufacturing (Mike Jones, Bren Raffaelly)
  • FlyKnit engineers (Eric Graham, Glenna Girtle)
  • Developers (Thaine Allison, Brian Quisling, Travis Davidson)
  • Digital innovation/design (Kristi Wagner, Ryan Coulter)
  • Outsourced design groups (RGA)

INNOVATION

  • Automatic yarn reporting using RFID
  • Ticket dispatching / load balancing
  • Optimized ADS to run in parallel and take advantage of multiple CPU cores
  • Wrote all code as non-blocking, asynchronous. Reduced latency from 3000-5000ms to about 80ms, or fewer

FREELANCE & DEVELOPMENT

CUSTOM WORDPRESS DEVELOPMENT

EXPERIENCE IN NUMEROUS INDUSTRIES

  • Freelance: built websites for non-profits, artists, marketing businesses.
  • Nike: worked with Man Rev (JJ’s team), FlyKnit engineers (Eric Graham), Flex (high level IT executives and machine operators).
  • Reed: worked in IT/computer repair

SUSTAINABLE DEVELOPMENT

STAGING & WEBSITE DUPLICATION

  • Often build locally using MAMP stack with version control, then transfer to remote server.
  • Migrated countless websites to different servers, migrated and corrected SQL databases

DEPLOYMENT WITH PANTHEON

IMPLEMENTING DNS CHANGES, AVOID OUTAGES

  • Manage over 20 websites, some of which use alternative DNS (e.g. Cloudflare).
  • Example: migrated https://mainsuitesllc.com from localhost to 1SEOExpert’s server, including MySQL DB

RESEARCH OF BEST PRACTICES, NEW TOOLS, TECHNOLOGICAL TRENDS

PHP, AJAX, and jQuery

  • Built social networking/dating website entirely based on PHP.
  • Nike Autoticket system & ADS used AJAX, jQuery, and Python to securely transfer data from internal Nike servers and AWS

JAVASCRIPT EXPERIENCE

DIAGNOSIS & TRIAGE OF CLIENT SITES

DESIGN, PLANNING, COMMUNICATION

CONCEPT PLANNING, RESEARCH, GATHERING REQUIREMENTS

  • At Nike, gathered requirements from various groups
  • Always develop in in agile setting–prompt communication with all my clients
  • Nike: often engaged in whiteboard sessions, researched best technologies, proposed technology stacks, created tech. diagrams and documentation.

CREATING OUTLINES, WIREFRAMES

  • Extensive experience with all Adobe CC products, Illustrator, Photoshop, XD, Omnigraffle
  • Written extensive documentation for all my work to encourage further development/comprehension by others

ILLUSTRATION OF CONCEPTS, WIREFRAMES, ROUGH LAYOUTS

  • Most recent example, Modern Adventure (above), in Adobe XD.
  • Used OmniGraffle to create technical diagrams.

DATA ANALYSIS & VISUALIZATION

  • Fluent in data reporting software such as Tableau and MS Excel
  • Performed extensive programmatic analysis and visualization for my undergraduate thesis
  • Developed countless reports on key components of business optimization and manufacturing for Puppet and Nike using Tableau, Excel, and other dashboard tools
  • Presented mathematically complex analysis to chief executives in the form of keynote presentations
Work

WORK

RECENT PROJECTS

For more projects of all types, visit my portfolio at joel.fm or personal site, joelhawkins.info. Also see my netart site, jpng.info.
FULL PORTFOLIO AT JOEL.FM
Skill

SKILLS

FULL STACK DEVELOPMENT

I have vast experience with all sorts of web development tools including server configuration (Apache, Nginx), database management/architecture, design tools (Adobe), project management, and more.
JAVASCRIPT (ES6)
NODE.JS/EXPRESS.JS
REACT.JS
REST API/DATABASE ARCHITECTURE (SQL, NOSQL, JSON)
HTML5/CSS3/BOOTSTRAP
WORDPRESS DEVELOPMENT
PHP
PYTHON
UX/UI DESIGN

My skills are not limited to what’s shown above. Check out these links to find out more about me on the Internet:

For even more fun, visit my social sites in the footer