Hi! I’m David Hepworth.
I’m a front-end web developer who focuses on user interface design to improve user experiences.
My professional work spans multiple companies in disparate industries, but I’ve managed to remain focused on the creative fields related to web design and development and content coordination across each position. I enjoy being challenged to learn new technology or methods to complete a task. I hope that my portfolio entries listed below prove that I am capable in many fields that support content creation on the internet.
View portfolio entries in:
![A screenshot of Mart Green’s personal website](/img/portfolio/hl/website3_s.jpg)
Personal Website design and development
I was tasked with designing and developing a simple personal website for Mardel’s founder, Mart Green.
Mart’s site is live at martgreen.net.
![An explosion of dust with the text “5 Days” placed within it to advertise an upcoming video release](/img/portfolio/vom/design/facebook14_s.jpg)
IDOP Facebook post
I convinced executives to allow me to attempt to advertise the IDOP campaign on social media in a more aggressive fashion, which included a countdown and other promotional image and video materials. This image uses stock photos of dust that were edited together to build a weeks/days countdown on Facebook.
![Hobby Lobby website](/img/portfolio/hl/website1_s.jpg)
Hobby Lobby site redesign
I worked with Valtech on the Figma design and on the front-end development team at Hobby Lobby that rebuilt the corporate ecommerce site in Next.js and GraphQL.
Hobby Lobby’s site is live at hobbylobby.com.
![An image of a girl crying, accompanied with a quote recorded from her video interview](/img/portfolio/vom/design/facebook12_s.jpg)
IDOP: Victoria Facebook post
VOM contracted with a video producer to visit a village in Africa and record the reactions of victims of religious violence.
RW100: A Church in Chains video
I prepared an animated logo for a commemorative website for the founder of the company. The logo was used on the original version of the site and across its media.
![A photo in the early morning of a headquarters office being built](/img/portfolio/vom/photography/outdoor_s.jpg)
Outdoor photography
I was tasked with photographing the headquarters building construction project.
![A screenshot of a landing page for a newsletter campaign](/img/portfolio/vom/web/website3_s.jpg)
Christmas Care landing page
An advertisement in the company newsletter guided readers to a digital landing page for donations to a Christmas program, where users were presented with a landing page that I designed.
![A portrait of a child, swaddled in a blanket](/img/portfolio/personal/photography/personal6_s.jpg)
Face burrito
I wrapped the face of my son in a blanket. His eyes were stunning in the light.
![A digital facsimile of flags from two countries for use in the “Pray Today” app](/img/portfolio/vom/design/flags_s.jpg)
Country flags
I shot a variety of photos of folded cloth over which I then superimposed distorted images of flags for use across social media posts and the “Pray Today” mobile application.
![A shot of two railroad spikes behind text advertising a book written by VOM staff](/img/portfolio/vom/design/facebook13_s.jpg)
Extreme Devotion Facebook post
The book Extreme Devotion featured railroad spikes on the cover (probably in an attempt to present something similar to ancient nails used for crucifixion) so I found stock images of spikes and edited them to advertise the book on Facebook.
![Screenshot of raw email for Bible material sponsorship campaign](/img/portfolio/vom/email/email2_s.jpg)
Bible materials email campaign
This email was sent to potential donors to encourage them to support paying for religious materials to be sent to children.
![An image of a girl looking pensive, accompanied with a quote recorded from her video interview](/img/portfolio/vom/design/facebook11_s.jpg)
IDOP: Victoria Facebook post
I was given access to the raw footage from the upcoming IDOP video, so I scrubbed through all the archives until I found clear shots from which I could generate stills for promotional images to share on Facebook.
![A photograph of two students looking at a campaign map](/img/portfolio/vom/photography/map_s.jpg)
College outreach program photography
VOM visited a college to campaign for funds and volunteerism, including placing their advertising materials in the foyer of the college hall.
![A cover of an internal organization newsletter](/img/portfolio/vom/design/inside1_s.jpg)
Inside Voice
I took over the design and editing of the company’s internal magazine, which I titled Inside Voice as a play on words for its internal-use-only status.
![The Hobby Lobby website's Weekly Ad page, featuring a digital version of the company's print advertisement](/img/portfolio/hl/weekly-ad_s.jpg)
Weekly Ad
The Hobby Lobby Weekly Ad, an important element in the retail in-store shopping experience, lacked a proper digital representation on the website. I designed in Figma a web layout that digitizes the print advertisement for easier access and readability.
![A large field in front of a farm in Washington, with a hill in the distance](/img/portfolio/personal/photography/personal5_s.jpg)
Farm in Washington
I saw this farm during a drive in Washington and fell in love with the framing.
IDOP: Victoria trailer
I edited a teaser trailer for the short film presented by the company for its annual event.
![Album art for a podcast episode, featuring a small child facing the camera with a neutral expression](/img/portfolio/vom/web/podcast_s.jpg)
Podcast hosting and production
I produced and hosted the Persecution Podcast, VOM’s official audio program. I released the podcast with artwork for each episode on its website and major podcast platforms.
A few samples of the episodes are archived on my SoundCloud page, as the show has since been canceled and replaced with a new host and content strategy.
![Photo of a college concert](/img/portfolio/vom/photography/concert1_s.jpg)
Concert photography
College students performed a concert at a VOM donation drive.
![A quote from Jane Austen’s “Pride and Prejudice”](/img/portfolio/personal/design/facebook1_s.jpg)
Author campaign on Facebook
This image was posted to the social media profile of an author who was using a business account to promote her book. The photo was taken by me years prior.
![Screenshot of Web page for the VOM Adopt a Frontline Worker campaign](/img/portfolio/vom/email/adopt_s.jpg)
Adopt a Front-line Worker campaign
This campaign page was displayed to users who visited a link in an email sent by the company.
![Various input fields arranged in grids and rows in a checkout form](/img/portfolio/hl/inputs_s.png)
Input and select fields
I designed comprehensive input
and select
fields to use across the site. These new input fields offer greater control over the type of text a customer can add, improve error handling, and ensures data conforms to business expectations. Additional features include better keyboard navigation, dropdown searching, and add-ons elements like tooltips and Places Autocomplete from the Google Places API.
![A digital publication shared as bonus content for a VOM newsletter](/img/portfolio/vom/design/magazine_s.jpg)
The Risks of Advancing the Kingdom in Iran newsletter digital bonus
I designed a small publication used as bonus content for the company’s newsletter using stock photos I purchased.
![A screenshot of a site for the official podcast](/img/portfolio/vom/web/vomradio_s.jpg)
Webpage design
The company’s official podcast underwent a format change and a new design and website was required. I designed the logo and the layout, as well as assisting in the content updates post-launch.
![A promotional image for a blog post, bearing the text “Assemblies of God Pastor Arrested”](/img/portfolio/vom/design/facebook10_s.jpg)
Persecution Blog Facebook post
As the company did not wish for its primary site to be seen as a news source, it contracted a writer to maintain a separate blog that was then regularly shared across official social media accounts. This post was shared on Facebook to promote a blog story. The images are stock photos edited together to present a dynamic promotional image.
![Hobby Lobby website](/img/portfolio/motb/collections_s.jpg)
Collections: artifact viewer
The Collections tool’s design was updated in Adobe XD to handle the needs of a new exhibit piece that required both left-to-right and right-to-left text rendering.
While the design of the site and the Collections tool have undergone changes, the fundamental system is still live at museumofthebible.org.
![Hobby Lobby website FAQ page](/img/portfolio/hl/website2_s.jpg)
Frequently Asked Questions webpage
I designed the FAQ pages in Figma and coded it in Next.js. A GraphQL query return was then filtered via the URL to display a single topic or question per page when users visit any specific FAQ entry.
The FAQ page is live at hobbylobby.com.
![Screenshot of Web page for the VOM Bible sponsorship campaign](/img/portfolio/vom/email/email1_s.jpg)
Bible sponsorship campaign
This campaign page was displayed to users who visited a link in an email sent by the company.
![An illustration of a newspaper on the cover of the VOM newsletter](/img/portfolio/vom/design/newsletter1_s.jpg)
Newsletter cover
I designed a illustration for the cover of the VOM newsletter. Most of the covers designed up to this point were of photos with only minimal digital correction applied to them, so this departure from the standard process was seen as a risky choice.
![An advertisement for an excerpt from a book written by staff of VOM](/img/portfolio/vom/design/facebook9_s.jpg)
Extreme Devotion Facebook post
The book Extreme Devotion was regularly mined for content on the internet, and often its material was shared on Facebook. The background image was a composite of photos taken of me from a local bonfire.
![A photo of a small boy, sitting in a field, while wearing a sweater vest](/img/portfolio/personal/photography/personal4_s.jpg)
Son in grass
My first-born son looked too good in a sweater vest to allow the day to conclude without a photo.
![A bust photograph of an executive in a studio environment](/img/portfolio/vom/photography/studio_s.jpg)
Studio photography
An executive within the company requested a photo for work-related content.
![A photo of a backyard outdoor gathering with tables and chairs set up for guests to visit together](/img/portfolio/vom/photography/yard_s.jpg)
Outdoor photography
VOM entertained guests in the backyard of a local residence.
![A screenshot of a newsletter content page from the official website](/img/portfolio/vom/web/website1_s.jpg)
Newsletter content page
A page of content was required each month to act as a digital hub to support the content produced by the company in its printed newsletter. I was tasked to gather the extra digital content and present it in a pleasing fashion to improve the digital footprint of the company.
![A promotional image for the IDOP annual campaign](/img/portfolio/vom/design/facebook8_s.jpg)
IDOP: Victoria Facebook post
A still from raw video footage was heavily edited to use as a promotional image for the year’s upcoming IDOP campaign video.
![A map interface for a museum guide computer screen](/img/portfolio/motb/guide_s.jpg)
Museum installation interface
I built a guide for the mapping tables located in the lobby foyer. The UI used 3D images that had been rendered in advance, as no 3D models was available at time of building the interface.
![Commemorative wall featuring the names claimed to have been killed due to their beliefs](/img/portfolio/vom/photography/wall_s.jpg)
Outdoor photography
A wall of commemorative plaques bearing the names of people who were claimed to have died for their beliefs.
![Museum of the Bible’s technology page](/img/portfolio/motb/techsite_s.jpg)
Museum technology page
A technology page was built in Adobe XD to commemorate the museum’s advancements in technology-first exhibits.
An archived version of the page is available on the Wayback Machine.
![Advertisement for a campaign that interested the oil and gas industry](/img/portfolio/p66/imo_s.jpg)
Internal communications advertisement
This was an image that was used in an internal communications platform to advertise an upcoming event.
![Advertisement for a campaign that interested the oil and gas industry](/img/portfolio/personal/photography/personal10_s.jpg)
Macro photography
This image was used to commemorate the September 11 airplane attacks in New York. The Twin Towers are silhouetted in the reflection in my eye.
#WhyWePray contest page
I designed and developed the page and the video and image assets for a contest that called on aspiring creatives to design a short video containing the content shared on the page.
![An illustration of an abduction on the cover of the VOM newsletter](/img/portfolio/vom/design/newsletter2_s.jpg)
Newsletter cover
I photographed two VOM staff members re-enacting an abduction story for the cover from the VOM newsletter. The photo was taken in the executive parking lot behind the office building, requiring extensive editing to remove traces of its location from the final version.
![A quote from C.S. Lewis](/img/portfolio/personal/design/facebook2_s.jpg)
Author campaign on Facebook
This image was posted to the social media profile of an author who was using a business account to promote her book. The photo was taken by me years prior.
![A photograph of a hand holding a phone running an app](/img/portfolio/vom/web/app_s.jpg)
iOS and Android app design
I designed the interface for the Pray Today app and tested the development build for bugs before its deployment on the App Store and Google Play Store.
![A screenshot of a newsletter content page from the official website](/img/portfolio/vom/web/website2_s.jpg)
Newsletter content page
A page of content was required each month to act as a digital hub to support the content produced by the company in its printed newsletter. I was tasked to gather the extra digital content and present it in a pleasing fashion to improve the digital footprint of the company.
![A skyward photo of clouds, a rainbow, and jets flying by during a July 4 Independence Day celebration](/img/portfolio/personal/photography/personal3_s.jpg)
Independence Day
At the conclusion of a July 4 festival in Bartlesville, Oklahoma, a group of jets flew over the main streets of the city, silhouetted against storm clouds and a rainbow, which appeared just before the jets arrived.
![A photograph of a student looking at a monument](/img/portfolio/vom/photography/monument_s.jpg)
College outreach program photography
VOM visited a college to campaign for funds and volunteerism, which included erecting a temporary monument to their cause in the foyer.
![A vector image of an old-fashioned microphone for use as artwork for a podcast](/img/portfolio/vom/design/vomradio_s.jpg)
Podcast logo layout
I was given specific elements to use but the freedom to lay them out in whatever way I deemed the most pleasing.
![An interface for a museum art installation](/img/portfolio/motb/mayflower_s.jpg)
Museum installation interface
I made a small installation interface to display a document related to the Mayflower ownership.
![A promotional image for a campaign website maintained by the company](/img/portfolio/vom/design/facebook7_s.jpg)
Prisoner Alert Facebook post
A stock image of a dove was used to advertise a campaign website maintained by VOM.
![Interior of decommissioned airplane](/img/portfolio/vom/photography/airplane_s.jpg)
Outdoor photography
A decommissioned airplane was installed behind VOM office headquarters as a showpiece for work the company supports in other countries.
![A stylized “N” logo for the “I Am N” campaign](/img/portfolio/vom/design/ian_s.jpg)
Logo design
The “I Am N” campaign was in need of a new logo, so I designed this stylized character that would reproduce better at various sizes and media with limited color palettes. This logo was eventually used in the cover artwork for the book I Am N, published by David C Cook.
![A screenshot of a WordPress site commemorating the founder of the organization](/img/portfolio/vom/web/rw100_s.jpg)
Commemorative website
The Centennial Celebration website, eventually renamed to the title of the author’s first book, was a commemorative website to celebrate the founder of the VOM organization. The website was built on WordPress and featured graphic, interactive, and video elements that I generated for the site.
![A photo of my pregnant wife, posing in front of a pond while wearing a white dress and teal scarf](/img/portfolio/personal/photography/personal2_s.jpg)
Pregnant wife
My wife permitted me to set up a glamor shot of her at a park during her latter months of pregnancy.
This photo was eventually submitted to a local photography contest and won first place.
![A promotional image for a book published by the company](/img/portfolio/vom/design/wurmbrand_s.jpg)
Facebook post
A digitally edited photo of the husband and wife founders of VOM, paired with a quote from one of the husband’s books.
![An advertisement for a book, containing the title of the book over a grunge background](/img/portfolio/vom/design/facebook6_s.jpg)
Facebook post
This image was used to advertise one of the books written by the founder of the organization. It uses one of my photographs, heavily edited for effect.
![An interface for a museum art installation](/img/portfolio/motb/tolapp_s.jpg)
Museum installation interface
I made a small installation interface to highlight the various hotspots around the tapestries in the Tapestry of Light display.
![The company logo in smoke and fire for a dramatic computer background](/img/portfolio/vom/design/deskback_s.jpg)
Desktop background design
I combined stock images and stylized the company logo to produce a dramatic desktop background.
![A photo of a cross outside VOM headquarters](/img/portfolio/vom/photography/cross_s.jpg)
Outdoor photography
A photo of a cross outside of the VOM headquarters building.
![Podcast logo banner containing a microphone shaped like an oil barrel](/img/portfolio/p66/micdupbanner_s.jpg)
Podcast logo design
A logo and banner image was designed for a corporate internal-only podcast for employee news.
![A stitched panoramic photo of the VOM headquarters property taken from the headquarters building](/img/portfolio/vom/photography/pano_s.jpg)
Outdoor photography
A panoramic photo stitched together from shots taken on the balcony of the VOM headquarters building.
![A screenshot of a website campaigning for funds to support people being targeted by ISIS](/img/portfolio/vom/web/ian_s.jpg)
Website design
I designed the campaign landing site for the “I Am N” campaign. The site was intended as the final stop in a print and digital campaign managed by other parts of the organization.
![A letter seal for author Lisa Anne Nichols](/img/portfolio/personal/design/logo_s.jpg)
Author logo
This letter seal was used as branding on materials for author Lisa Anne Nichols. The border was of my own design, a vector based on my drawing. It was animated for use on video screens at book signing events.
![A halftone pattern of a woman’s face for an awareness campaign](/img/portfolio/vom/design/bibi_s.jpg)
Asia Bibi poster design
To support a campaign to free an imprisoned woman, I only had a low-quality photo taken in the prison as an art asset, so I used a halftone pattern to expand the size of the photo in a stylized way.
![An engaged couple kissing in front of a sunset](/img/portfolio/personal/photography/personal9_s.jpg)
Engagement photo at sunset
I shot this engagement photo at sunset while lens-whacking a Nikon pancake lens on a Canon body.
![A portrait of the founder of the company paired with something he one said](/img/portfolio/vom/design/facebook5_s.jpg)
Facebook post
I digitally restored and edited a photo of the founder of the company and paired it with a quote from one of his recorded speeches.
![A logo for a special campaign website](/img/portfolio/vom/design/rw100_s.jpg)
Logo design
I made a logo for the Richard Wurmbrand Centennial Celebration website.
![A digital version of a billboard sign displayed in Bartlesville, Oklahoma](/img/portfolio/personal/design/churchbanner_s.jpg)
Billboard design
A local church hired me to design an advertisement for a sermon series planned for the near future. The art was displayed on a billboard near downtown Bartlesville, Oklahoma.
![A screenshot of a website built for kids to learn more about the organization](/img/portfolio/vom/web/koc_s.jpg)
Website design and development
I designed, deployed, and maintained the WordPress-based Kids of Courage website.
![A dramatized photo of a woman holding her glowing chest](/img/portfolio/vom/design/facebook1_s.jpg)
Facebook post
I edited an archival photo to match a quote that I was given to share on the company Facebook profile.
![A photo of a concert-goer listening to music](/img/portfolio/vom/photography/concert2_s.jpg)
Concert photography
A photo of a concert-goer listening to music at a VOM event.
![The text “This is why we pray” superimposed over a smoky background](/img/portfolio/vom/design/facebook4_s.jpg)
Facebook post
I designed an advertisement to raise awareness for the #WhyWePray contest.
![A headlight of a classic car](/img/portfolio/personal/photography/personal7_s.jpg)
Classic car show
A closeup of a car headlight from one of the classic autos participating in a local classic car show.
![A screenshot of the Phillips 66 website in 2018](/img/portfolio/p66/website_s.jpg)
Website design support
I worked on the CSS implementation of a Razorfish design of the corporate website.
![A photograph of a purple rose, dried after dying](/img/portfolio/personal/photography/personal1_s.jpg)
Dried rose
I photographed this dead dried rose against a flash photo umbrella on the porch of my apartment.
![A photo of trees and bushes used as a background for a quote from the founder of the company](/img/portfolio/vom/design/facebook2_s.jpg)
Facebook post
I edited a personal photo taken in Washington to match a quote that I was given to share on the company Facebook profile.
![A screenshot of a website campaigning for a commemoration of people who died for their beliefs](/img/portfolio/vom/web/idop_s.jpg)
Website design
I designed a webpage for the annual prayer campaign page. The page began development but personnel issues ended up canceling its release.
![Tapestry of Light exhibit page at Museum of the Bible](/img/portfolio/motb/tolsite_s.jpg)
Tapestry of Light temporary exhibit website
A temporary exhibit at Museum of the Bible was showcased through an Adobe XD design. The development team produced the page, it was approved, but development never completed in time for release.
IDOP promotional video
I designed a teaser video for an annual movie event that used footage from the years of previous videos shared by the company.
![An alley in a small downtown neighborhood](/img/portfolio/personal/photography/personal8_s.jpg)
Alley
A heavily-edited photograph of the rear entrances of a strip of buildings in a small downtown area.
![A representational image of a DVD in a slip cover containing artwork of a woman looking up into the sky](/img/portfolio/vom/design/facebook3_s.jpg)
Facebook post
An advertisement for a free DVD was needed for a Facebook post, so I prepared a digital facsimile of the DVD.