Profile
I am a full-time web developer at Vans headquarters in Costa Mesa, CA.
I am currently open to freelance and contract work.
I have over 12 years of professional experience working as a front end web developer, working closely with designers and marketing teams to produce high fidelity and responsive designs, and back end programmers to produce dynamic front end templates that work with back end applications.
I work with git for version control, Jira and Asana for task management, and Agile methodologies for project management. I have over a decade working professionally with content management systems such as WordPress, Magento, and Shopify.
I am accustomed to using Slack / Scrum / TeamViewer / Zoom Meeting for communication, and I am an effective communicator who believes strongly in actions that produce measurable results. I am always striving to learn more and expand my skill set as a web developer.
I have many professional references that are available upon request.
I have built many projects with various agencies throughout the years, and some of the projects are protected by non-disclosure agreements
If you wish to see a showcase of certain platforms or coding languages, please contact me. Thank you.
Projects for Vans.com
All projects are available for review upon request on Github private repositories
Breast Cancer Awareness visit site
Breast Cancer Awareness project – this page had an aggressive deadline and I was able to meet it. The entire page was built by me from the ground up, including the “Boob Check 101” section card flip animations. The “Boob Check 101” section is used across Vans retail stores country wide on iPads. The entire page was coded by me, working closely with an UI/UX designer who provided the design assets to me in Sketch and Adobe Photoshop
- Work directly with UI/UX designers to create responsive and interactive web pages
- Work with HTML / PUG for layout, CSS / SASS for styling
- Use Vanilla JavaScript / ES6 / jQuery / GreenSock libraries such as TweenMax and TimelineMax to create interactive animations that bring page designs to life
- Use Gulp, NodeJS and NPM for development and compilation
- Work with TypeScript, RequireJS, and LintJS
- Git for version control
Hi Standard visit site
Utilize multiple animations with JavaScript / CSS, the entire page was coded by me from the ground up, working closely with an UI/UX designer who provided the design to me in Sketch
- Work directly with UI/UX designers to create responsive and interactive web pages
- Work with HTML / PUG for layout, CSS / SASS for styling
- Use Vanilla JavaScript / ES6 / jQuery / GreenSock libraries such as TweenMax and TimelineMax to create interactive animations that bring page designs to life
- Use Gulp, NodeJS and NPM for development and compilation
- Work with TypeScript, RequireJS, and LintJS
- Git for version control
Vans.com Homepage Takeover visit site
This is the Vans.com home page I build for the Vivienne Westwood product line. The slideshow was built from scratch using JavaScript and is responsive across all devices. The Vans.com home page gets replaced with new product launches frequently so I used Waybackmachine.com to showcase the archived version of the home page.
- Work directly with UI/UX designers to create responsive and interactive web pages
- Work with HTML / PUG for layout, CSS / SASS for styling
- Use Vanilla JavaScript / ES6 / jQuery / GreenSock libraries such as TweenMax and TimelineMax to create interactive animations that bring page designs to life
- Use Gulp, NodeJS and NPM for development and compilation
- Work with TypeScript, RequireJS, and LintJS
- Git for version control
Featured Projects
JACQUIE AICHE visit site
Custom Shopify theme development
High fidelity template development from Photoshop / Sketch design files
Responsive Design for mobile devices
Custom image / video gallery templates
Custom collection templates
Custom product page templates
Custom information page templates
Custom blog templates
Worldwide store locator function
Implemented custom fields in the admin section for ease of content modifications by the client
Softwares: Photoshop + Sketch + Atom + Shopify Theme App
Languages: HTML + CSS + Javascript + jQuery + Liquid markup
THIS IS JUST A TEST visit site
Custom WordPress theme development
High fidelity theme development from Photoshop design files
Responsive Design for mobile devices
Custom portfolio thumbnails section with mansory grid layout
Thumbnails magnification and layout change function
Vimeo video fetch via Ajax
Image slideshow function embedded within jQuery .load() function
One page scroll function
Advanced custom fields in admin section for ease of content modifications by the client
Softwares: Photoshop + Atom
Languages: HTML + CSS + jQuery + PHP
THE KITCHY KITCHEN visit site
Custom WordPress theme development
High fidelity theme development from Photoshop design files
Responsive Design for mobile devices
Multiple custom post types + custom archive templates
Pop-up modal log in / register function + Facebook log in feature
Video gallery with automatic YouTube / Vimeo thumbnails generation
Custom video search function and template
Advanced custom fields in admin section for ease of content modification by the client
Softwares: Photoshop + Illustrator + Atom / Notepad++
Languages: HTML + CSS + jQuery + PHP
Recent Projects
- Filters:
- All
- Ecommerce
- Information
-
Sweet Laurel Blog
-
Rewilder
-
Aquafuzion Blog
-
Sweatless Hands
-
Aquatek of California
-
Bring Me Hope
-
HiGoodbye 2 (Development)
-
Modern Life Nutrition
-
Glohomestay
-
HiGoodbye 1 (Development)
-
Top Blue Jean
-
Luxe-Case Mailchimp Newsletter
-
Urban Design Furnishings
-
Inlight Lighting
-
iHeartWireless
-
Echou Makeup
-
Norman Cousins Sasaromi Law
-
MEGUMI•O
-
Lily of Angeles
-
The Haute Bridal Boutique
-
RCC-Builders
-
MultiAutoPerformance eBay
-
Holistic Life Nutrition
-
Luxe-Case eBay Store + Template
-
Bully Liner
-
Aquafuzion
-
Luxe-Case Facebook Page
-
Aristocracie Facebook Page
-
LaloFitness Facebook Page
-
Maca-Trim Facebook Page
-
Professional Styling Source
-
Elegante Beauty Discount Center