2024
OHIL
Audience
Engagement
Accessibility
Design
Code
/* Web Innovation by the Numbers */
Use Your Arrow Keys
In 2024, we transformed how development gets done.
With a client-review sandbox ensuring every project is refined to perfection before launch and a step-by-step SOP covering ticket creation, development, and reviews, we've streamlined efficiency and boosted client satisfaction.
The result? A faster, smoother, and more collaborative process that delivers results.
Expanding
Digital
Horizons
12
Projects
14
Repositories
Set the stage for an extraordinary digital presence.
Our team orchestrated
860,000
lines of code to engage visitors, ensuring each interaction was seamless, impactful, and built to inspire trust.
Audience
With nearly a quarter million views
140,489 in total
spanned from Cheyenne, WY, to Miami, FL, and everywhere in between. This year, visitors invested 257,805 minutes exploring our websites.
Engagement
From Hackathon flyers to in-depth reports, our downloadable resources reached thousands.
OHIL State of Innovation Report
1197
Downloads
Veterans Health Hackathon Agenda
490
Downloads
We're setting the standard for accessibility and inclusivity
We are proud to announce that every site we manage is 100% fully ADA-compliant. With a focus on user-centric design and seamless functionality, we ensure that everyone, regardless of ability, can access and engage with our digital presence effortlessly.
10.01
Design
A Year in Mockups and Components
Our OHIL design process—from ideation and wireframing to high-fidelity mockups and seamless developer handoff—brought ideas to life, delivering innovative and impactful designs that set the standard for excellence.
From Lines of Code to Lasting Impact
// Animate each big-numbers element
document.querySelectorAll(".big-numbers").forEach((element) {
const numberElement = element.querySelector(".big-numbers__number");
if (!numberElement) return; // Safeguard in case the structure is missing
const finalValue = parseInt(numberElement.textContent.replace(/,/g, ""), 10);
// Counting animation
gsap.fromTo(
numberElement,
{ textContent: 0 }, // Start from 0
{
textContent: finalValue,
scrollTrigger: {
trigger: element,
start: "top center", // Start when the element is in the center of the viewport
end: "bottom center", // End when the element leaves the viewport
scrub: true, // Enable reverse animation on scroll up
},
ease: "power1.inOut", // Smooth counting in both directions
snap: { textContent: 1 }, // Snap to whole numbers
onUpdate: function () {
numberElement.textContent = Math.floor(this.targets()[0].textContent).toLocaleString();
},
}
);
// Bounce and fade animations
gsap.fromTo(
element,
{ scale: 0.5, opacity: 0 }, // Start small and invisible
{
scale: 1,
opacity: 1,
scrollTrigger: {
trigger: element,
start: "top center",
end: "bottom center", // Element fades out when it leaves the viewport
scrub: true, // Enable reverse animation on scroll up
},
ease: "power1.inOut", // Smooth scaling in both directions
}
);
});
Github, Lighthouse, JAVASCRIPT, GSAP, Mustache, Google Analytics, Github, Lighthouse, JAVASCRIPT, GSAP, Mustache, Google Analytics
FIGMA, Bootstrap, USWDS, Jekyll, SaSS, GitHub Workflows, FIGMA, Bootstrap, USWDS, Jekyll, SaSS, GitHub Workflows
Cloudfare, Handlebars, Lazyloader, Formtools, TinyPNG, Cloudfare, Handlebars, Lazyloader, Formtools, TinyPNG
The OHIL web dev team leverages cutting-edge technologies, industry-leading tools, and modern frameworks to deliver high-performing, scalable solutions to exceed expectations.
In 2024, we redefined digital excellence with a streamlined development process that prioritized collaboration, efficiency, and client satisfaction.
Across 14 innovative projects and 16 active repositories, our team delivered over 860,000 lines of code through 1,238 commits and 214 pull requests, engaging 249,000 visitors with seamless, user-centric experiences.
Leveraging cutting-edge tools we ensured reliable performance while achieving 100% ADA compliance across all our managed sites. Through meaningful design iterations and forward-thinking innovation, we continue to set the standard for accessible, impactful, and future-ready digital solutions
Looking Ahead
As we close out 2024, we’re excited to carry this momentum into 2025, driving greater innovation, collaboration, and impact for our users.