ABOUT
ME

Hi, my name is Colin Gastelle.

I am a

I am a dynamic and results-driven professional with experience in delivering high-impact web solutions, translating design concepts into responsive and user-friendly interfaces, and enhancing user experience through cutting-edge technologies and pixel-perfect coding. Demonstrated expertise in optimizing website performance and ensuring cross-browser compatibility. Proactive problem-solver with a keen eye for detail and a passion for staying abreast of emerging trends in front-end development.
PORTFOLIO
Acuo Admin Portal 1.8 Home ScreenAcuo Admin Portal 2.0 Dashboard

Dashboard Creation

I was responsible for designing and implementing a new product dashboard as part of a new version release of the product Acuo Admin Portal. This dashboard was to replace the previous home page. My goal was to make it as informative, and engaging as possible. I researched various charting libraries and landed on ChartJS to implement the line and pie chart, while the speedometer was created via the D3 library.
The previous home page largely acted as a navigational component, so a left hand column of quick links was added for users who liked to have a one click method of navigating the site.

Framework Updates

Throughout my time working on Acuo Admin Portal, I was responsible for a number of high visibility/high impact updates. One of which was updating the entire product's CSS library from Bootstrap 3 to 4, and eventually 5.
This update has enabled the team to more easily utilize modern features added to the library such as flexbox. Since the product has over 20 modules, this change required a very large amount of browser compatibility checking and attention to mobile responsiveness. I used Browserstack to ensure the content would appear correctly on different devices and screen resolutions.
Bootstrap 5 Page Example
Study History WireframeStudy History Production

New Features

I reinvented the process of adding new features to Acuo Admin Portal by introducing a more design focused strategy that included wireframes created via Balsamiq, a mockup phase, and implementation phase. Each of these were documented in Jira and allowed stakeholders more opportunities for comment and a closer association with the design process.

Twitter Clone

In an effort to stay current with new and emerging web technologies, I like to take courses, read newsletters, and follow tutorials from various sources on the web.
The latest example of this effort has been completing a Twitter Clone project using the T3 stack (Next.js, React, Tailwind, Prisma, and TypeScript). This tutorial is presented by Web Dev Simplified on YouTube and introduces users to T3 stack syntax and fantastic tools such as PlanetScale (for database hosting/management) and Vercel (to host and ship the website).
This project allows any user with an active Discord account to login, follow other users, make posts, and like posts.
Twitter Clone Homepage
REFERENCES
RESUME
Work History
Programming Skills
Projects
Education
Interests

Hyland

09/2021 - 07/2023
Developer II
  • Contributed towards collaborative design efforts by reviewing creative proposals, participating in scoping discussions, and delivering feedback on digital assets.
  • Optimized user experience and functionality by redesigning layouts to meet performance standards.
  • Ensured the security and reliability of the web application by updating dependencies in accordance with industry best practices.
  • Revitalized product capabilities through dependency upgradation, 'dark mode' integration, and the implementation of an advanced site search feature.
  • Upgraded existing charts for improved clarity and impact by instituting a new data visualization library.
Developer I
11/2020 - 09/2021
  • Ensured the delivery of high-quality and error-free products by identifying, documenting, and resolving software bugs with the QA team.
  • Converted UX and business requirements into refined code solutions, which resulted in enhanced user experiences and streamlined business functionalities.
  • Maximized individual capacities by staying abreast with trending and emerging web technologies.
Web Delivery Specialist
02/2016 - 11/2020
  • Provided adept technical support to website users and the Education Services department while ensuring timely updates and enhancements to site content.
  • Streamlined "Self-Paced" course administration by overseeing tasks like Virtual Machine creation, certificate generation upon completion, and automated Virtual Machine disposal post-course.
E-Learning Specialist
07/2015 - 02/2016
  • Optimized eLearning recordings through coaching of on-screen performers for clarity, engagement, and adherence to guidelines.
  • Automated Salesforce updates for efficient record-keeping and accurate achievement tracking.
JavaScript
TypeScript
React
AngularJS
HTML5
CSS3
Bootstrap
SASS
Photoshop
Illustrator
RESTful APIs
Responsive Design

Acuo Admin Portal

2020-2023
Technologies Used: AngularJS, C#, PostgreSQL, Elasticsearch, Bootstrap
A web application which assisted administrators in managing large amounts of medical images, and their associated data.
I engineered a product reporting dashboard, using Elasticsearch and Chart.js for streamlined data visualization and informed decision-making. Heightened coding standards by conducting bi-weekly team programming sessions in collaboration with developers. Elevated product interface with a modernized CSS framework (Bootstrap), enhancing visual aesthetics.

Training.Hyland.com

2016-2020
Technologies Used: Sitecore, HTML, CSS, JavaScript, Salesforce
An eLearning website which offered video based courses (either free or requiring subscriptions), as well as the opportunities it purchase in-person Instructor-led courses.
I developed cross-platform features for mobile and desktop interfaces through the utilization of HTML, CSS, and JavaScript. Teamed up with Education Services department to craft a product roadmap with clear feature deployment timelines.

Frostburg State University

2007 - 2011
Bachelor of Fine Arts: Graphic Design

University of Wollongong

Spring 2010
Study Abroad with "AustraLearn"

Middletown High School

2003 - 2007

Hiking / Trail Running

Living in Golden provides me with breathtaking scenery, challenging terrain, and a vibrant trail-running community. I am thrilled to be a part of this community to share experiences and conquering challenging trails together.

Skateboarding

Skateboarding has offered me a creative outlet in many ways, from self-expression to skateboard creation and design. It additionally offers life lessons such as falling and getting back up, persevering through challenges, and learning to embrace failure as part of the learning process.

Puzzles / Problem solving

I love an opportunity to solve problems creatively, explore alternative approaches and arrive at an efficient and sustainable solution. I find these challenges greatly rewarding whether they are in the form of games or business solutions.

Learning

Being a lifelong learner is a mindset and a commitment to continuous personal and professional development which I find greatly fulfilling. The web development industry requires such a mindset to stay current with emerging trends and technologies.

Unable to display PDF file. Download instead.