I'm a front-end developer with a design background. I've been designing and building websites for several years.
I've used various tools throughout my experience including HTML, CSS, JavaScript, React, Sass, and I'm always learning more. Check out some of my work examples.
This is a demo travel agent website with several flashy JavaScript elements on the page. The page uses jQuery and Bootstrap, but there are custom buttons, ticker element, animated background, and a modified Bootstrap carousel.
This is a demo landing page for a medical company with a prominent form element. The page was built in React and uses Bootstrap styling. The form is set up to demo a return upon use.
This is a demo API page for searching adoptable pets. It hooks into the Petfinder API via their JavaScript SDK. The page was built in React and uses Bootstrap styling. Use the search field to look up a zip code or city and state to get results.
After an extensive audience analysis on our landing pages it was identified that Cerebral had the potential to capture more of the male audience base. We did a deep dive into what our services offered this audience and how we could present a landing page to them. We ultimately came up with two personas and built two pages targeting these persons. After a few weeks in A/B testing this persona based on those currently going through a crisis won out with better performance. I was also able to use some of the same photography in a set of social media ads so that the imagery of the ad matched that of the landing page.
In looking at the performance of key words used in our search advertising we noticed that value based terminology was becoming more successful. Taking that cue we created a page based around the value Cerebral offered pushing our insurance coverage forward above the fold. The result was a very successful landing page that we were able to place in different channels. This screenshot is the culmination of a few A/B tests on layout, style, and copy where we took the winning results to improve the page even more.
Cerebral already had a PTSD landing page with good performance but we hypothesized that we could improve it with a more targeted landing page. We came up with a newer style and with more comprehensive information on the page. After a few weeks we noticed that we had two audiences coming to the page, one was middle-age women and the other were men. The original page had a younger woman above the fold in its imagery so we updated the image and then duplicated the page and created a male focused version to specifically target that audience. This is the male duplicate page. Ultimately the newer pages performed better.
Combing through some more of our performance data we saw that there was an opportunity to market to insomnia and sleep deprivation audiences. I created this page based on successful components of other pages such as having more diverse imagery on the page. We launched this page against our generic landing page and saw an immediate increase in our conversion rates within the audience.
When Viz.ai went through a website migration to Webflow they took the opportunity to restyle and rebrand their website. The About Page was retooled as a resource for those interested in the company, potential employees or investors. Highlighting prime achievements and the strong leadership props up the company.
When Viz.ai added a new product to their suite of apps they needed to make a webpage that their target audience understood. Highlighting the features that hospitals care about, like improving time to care and activity statistics for all hospitals in a system, gives prospective customers the needed information they need to become a marketing qualified lead. Working as a team, marketing was able to create a webpage that captures lead generation successfully.
This is an announcement email for Viz.ai's new product, ICH (Intracranial Hemorrhage). The images and text are designed to be visible and readable regardless of dark or light mode. Working with an FDA approved medical device requires the strict following of FDA rules. You'll notice citations for each medical claim and the data on the phone is not real patient data.
This was a print ad placed in Endovascular Today promoting Viz.ai's LVO product (Large Vessel Occlusion). Using the branded Viz.ai blue as the background created a high saturation contrast from the other pages and ads in the magazine. Working with an FDA approved medical device requires the strict following of FDA rules. You'll notice the data on the phone is not real patient data.
The Security Solution page was created as a series of Noggin Solution pages. The hero image is an HTML animation that activates on mouse over and illustrates the ease of Noggin's wizard. Designed by a talented coworker but built by me. It is in the HubSpot CMS.
The Noggin Careers page features an unobtrusive video hero that features a recruitment video. The video is a smaller edited version of the recruitment video and has no sound. The user can play the video themselves to see the full video. Designed by a talented coworker but built by me. It is in the HubSpot CMS.
The agenda page from the Noggin UC website. This page was created with day filters so the attendee can toggle between the first or second day of the conference. I made the page completely responsive so an attendee could use it while at the event on their mobile device. I designed and built the page myself. It is in the HubSpot CMS.
The Noggin Newsletter was made in HubSpot with dynamic elements in mind for anybody to customize and use. The header is changeable so it can be a "Crisis Newsletter" or a "Safety Newsletter" simply by changing the text. The Format for additional content can be formatted for 3 or 4 resources. Any image slot can be changed out to use what ever image is needed. HTML, CSS, and HubL was used. This is the 3 resource email.
The Poll Everywhere Newsletter was made to be a template for a higher impact emails. Each section can be was easily altered to fit what ever content is needed. Animated gifs were used frequently to display moving elements of the software. HTML and CSS were used to hand code this email and was sent out using Mailchimp.
This is a variant on the templated Poll Everywhere Newsletter. HTML and CSS were used to hand code this email and was sent out using Mailchimp.
A generic two-page flyer going over the basic benefits of Poll Everywhere. This was used ad the template for more specific flyers later on.