E d d i e P o t r o s

Senior Front-End Web Designer/Developer & Digital UI/UX Designer

So basically I'm a creative developer who can design & develop websites, design all print & graphic materials, UI/UX Design & provide multimedia servics including Photography, Audio/Video & Motion Design with 2D/3D Animation.

Eddie Potros

About Me

The web & technology evolve so fast that us developers have to constantly upgrade our skills to keep up and this is something I actually enjoy doing to be on top of it all.

Making clean designs but also mixed with textures, gradients, and simple shapes coupled with great typography is something I look forward to each day and converting these designs to awesome inspirational interactive & accessible web experiences just makes my day that much better. I basically love to CODESIGN!

I believe my diverse set of skills enables me to work and be creative while maintaining clean code and fast loading websites. Just another reason why I'm very good at what I do!

In my spare time, I like to play soccer, drums, guitar, and spend time with my wife and two girls. I think great ideas come while you're in the shower :)

I got Skills

  • Website design & development
  • Hand code front-end HTML, CSS Pre-processors (SCSS), JavaScript (jQuery)
  • Strong proficiency with UI / UX Design
  • Wireframe & prototype with Adobe XD and Figma
  • Build accessible web applications & always test browser/platform compatibility issues
  • Design, build, and send email marketing templates
  • Create beautiful animated or static banner ads
  • Working with SaaS UI and data visualization.
  • Familiar with and use PHP, React, NextJS, Svelte, JSON, XML, XSLT, MySQL, GraphQL, MongoDB
  • Built many WordPress templates & other CMS websites (such as Webflow, Shopify, & Joomla)
  • Use & familiar with automated build tools for a faster and more complete workflow (Gulp, Grunt, NPM, Yarn, and Webpack)
  • Graphic design for all print materials (small and large format)
  • Brand development as a Digital Designer creating unique visual identities
  • Typography & type design with understanding of character sets
  • Create & modify custom built mock-ups to for client presentations
  • Search engine optimization (SEO) knowledge
  • Experience developing responsive HTML emails with marketing & call to actions on mind
  • Experienced building and debugging complex systems in a small & large team environment
  • Have manually completed emails and hosting migration from one hosting to another for multiple client & personal websites
  • Knowledge/experience and setup A/B testing using different tools
  • Create & maintain social media presence on YouTube, Instagram, Facebook and other social media platforms
  • Photography & photo editing and restoration
  • Organizational & communication skills
  • Lead & train junior creatives to enhance their skills
  • Build reusable UI components and maintain a consistent design system
  • Detailed QA testing and analysis for emails/website layouts and code
  • Leverage Google Analytics GA4 for UX and conversion improvements
  • Time & project management with the ability to handle multiple projects simultaneously
  • Quick learner with a thirst for knowledge
  • I am very creative, work fast and well even under pressure, very dependable, have strong work ethic, and very friendly.
  • Document solutions (even in code) and make notes/comments to make sure others follow projects easily
  • Design & built landing pages using static HTML/CSS/JS or WordPress based on project requirements
  • Follow responsive web standards & implement web accessibility guidelines such as WCAG and AODA and other compliance needed
  • Audio production, mixing, & editing
  • Video editing
  • VFX
  • Motion design
  • 2D & 3D animation
  • Compositing
  • Art direction
  • Color harmony & correction
  • 3D & visual design
  • Non-destructive workflow
  • Procedural workflow
  • Lighting
  • Storyboarding
  • Drawing
  • Up to date with latest tech and love learning new tools such as Python

I use Tools

  • Hand Code HTML, SCSS (CSS preprocessor), JS (JavaScript & jQuery)
  • Use web animation tools such as GSAP, Framer Motion, Locomotive Scroll, Lottie, AOS, AnimeJS, and more
  • Used UI frameworks where necessary such as Bootstrap, Tailwind, Bulma, AntDesign, Foundation
  • Intermediate knowledge in Component-based JavaScript frameworks React, NextJS, and Svelte
  • Experience with PHP, .Net, MySQL, GraphQL, MongoDB, and some APIs
  • Use local development tools such as WAMP, XAMP, and more modern approaches with NPM
  • Use Vercel & Netlify for automatic deployment
  • Experience with source or version control management using command-line or GUI tools such as GIT/GitHub/Bitbucket
  • Obviously, experience debugging with Chrome/Firefox/Edge developer tools as well as BrowserStack & LambdaTest
  • Headless CMS (with Jamstack) such as Strapi, Contentful, Netlify CMS, Ghost, Sanity
  • SSG (Static Site Generators) such as Next.JS, SvelteKit
  • Used custom proprietary CMS (Content Management Systems) to manage website data
  • Worked with many organizational & management tools such as Monday.com, ASANA, Jira, Clockify)
  • Theme design & Customization for CMS & e-commerce systems such as WordPress, WooCommerce, Webflow, Shopify
  • Implement & automate front-end performance enhancements (lazy loading, optimized bundles, code splitting)
  • Automation & workflow build tools like Gulp, Grunt, NPM, Yarn, Webpack, NodeJS, Markdown, PUG, JSON, XML, XSLT
  • VS Code & Visual Studio as well as other text editors (online/offline) and FTP & AWS
  • Love using Emmet abbreviations and custom keyboard shortcuts for ultra-fast coding/designing
  • AI tools for different uses such as code and images generation/modification as well as text content and in some cases video/animation/3D
  • Figma
  • Adobe Photoshop
  • Adobe Illustrator
  • Adobe InDesign
  • Adobe XD
  • Adobe Lightroom
  • Adobe After Effects
  • Adobe Premiere Pro
  • Adobe Adobe Animate/Flash
  • Adobe Adobe Character Animator
  • Adobe Dreamweaver
  • Adobe Flash
  • Cinema 4D
  • Arnold & Octane renderers
  • Ableton
  • Audition
  • Cubase
  • Microsoft Office Suite
  • Excitedly learning Three.js, WebGL, Rive, Svelte, Spline3D, Unreal Engine, Blender and always strengthening my creative techniques

My Portfolio

Full portfolio is being updated but please check some selected works.

Health Store Corporate

Fast loading static site (scored 100% on GTmetrix & 97% on Google PageSpeed)

Tech

HTML

SCSS

GSAP

JavaScript

Gulp

NodeJS

Canada Pharmacy

Full e-Commerce website where I created the brand, UI/design & full front-end code

Tech

HTML

SCSS

jQuery

UI

UX

Branding

Design

Motion Design Portfolio

Motion Graphics, 2D/3D Animation, and video shooting/editing portfolio with selected projects

Tech

HTML

SCSS

JavaScript

FIGMA

Branding

Design

Sky Security BC

Branding Design & Development including Logo & a WordPress website

Tech

Branding

Design

AI

WordPress

CSS

JavaScript

Mr Mustache Barbershop Academy

WordPress theme with beautiful animations and custom branding elements

Tech

WordPress

CSS

JavaScript

Branding

Design

AI

Zenabis

Custom HTML & WordPress site where I created custom graphics / 3D images / product photography

Tech

HTML

SCSS

jQuery

GSAP

WordPress

3D

Photography

Seed & Stone

eCommerce & Info site built using Webflow with custom JS/CSS animations

Tech

HTML

SCSS

jQuery

JavaScript

Webflow

World Pet Express

A fully custom e-commerce website I designed & built from scratch including some illustrations

Tech

HTML

SCSS

jQuery

JavaScript

Design

Illustrations

Healthstore

Very large site built using React. I Worked on many different React pages / components

Tech

HTML

SCSS

Headless CMS

React

Say Hello!
Email Icon

Download My Resume
I'm all over the place
Contact Me

I am currently looking for a full-time position in Michigan and/or remote (preferred). If you are interested in working with me, please feel free to contact me via the form below or my email.

Back to top