Portfolio: Web Developer

Website Portfolio of Peter Bockenthien. I specialize in MODX and MODXcloud due to its superior performance and flexibility. Both allow me unfettered latitude to create websites unique to you.

Portfolio: Web Developer

I use only MODX on the MODXcloud in order to assure my clients that they have the best possible search engine rankings. Each of these website uses a single Template that's been customized for the client; the exception is Windsor Dairy because they like plain, fast-loading websites. Google does, too, as fast loading sites are the first criteria Google looks at.

Proficient with HTML5, Boostrap 5.x, CSS3, Flexbox, PageSpeed metrics.


Destination Forever Ranch & Gardens

World-class botanist Jan Emming relies heavily on his website to deliver the best plants and services. This is the website to learn more about the cacti you love and locate the hard-to-find plants that you want for your collection.

Copywriting editing.

Extensive editing without losing Jan’s distinctive voice.

Technologies

HTML, CSS, JavaScript, MODX CMS, Custom TVs and TPLs.

https://dfranch.com/
Destination Forever Ranch & Gardens

Highland Honey

I collaborated with owner Tim Brod to solve his most pressing and stressful issue: how to ensure that his customers have contingency plans without calling Tim.

The reason that's important is because Tim can't take phone calls while driving hundreds of hives across the Western United States each Spring. I used Foxy.io to create a legally binding custom checkout page. The best part of that solution was it was so easy due to Foxy's flexibility.

Copywriting

Extensive copywriting and editing.

Technologies

HTML, CSS, Foxy.io, JavaScript, MODX CMF, Custom Template Variables.

Tim is one of the most knowledgeable bee keepers around. Try one of his herbal honeys! You will not be disappointed.

Link: https://highlandbees.com/

I've learned every aspect of beekeeping, learned how Tim creates his herbal honeys and can vouch for the quality. If the honey you buy doesn't crystalize then it is of little value, and has been heated to pour easily. Tim never takes shortcuts. Use the code "BUZZ" to get 15% off your order.

Highland Honey

Creative Schick

Peter Schick is one of the most creative, forward thinking human beings I've ever met.

We collaborated on this design. I gave him the template and a few tips so that he could tell me what he wanted. What hasn't Peter designed.

Technologies

HTML, CSS, JavaScript, MODX CMF, Custom Template Variables (TVs) and TPLs (sectional Templates). Each portfolio item contains several TVs. The bottom part of the template grabs the thumbnail.TV from the Portfolio items and their respective link using custom mini-Templates.

Link: https://creativeschick.com/
Creative Schick

Windsor Dairy

Arden and Meg bring you the science!

We collaborated on this design. I gave him the template and a few tips so that he could tell me what he wanted. What hasn't Peter designed.

Technologies

HTML, CSS, JavaScript, MODX CMF, Custom Template Variables (TVs) and TPLs (sectional Templates).

The code for these slideshows demonstrates my can do ability and problem solving using my extensive Apple computer background.

Here's the workflow:

  1. Export the PowerPoint slides to jpeg
  2. Open Apple's Automator's custom workflow, convert jpeg to webp format.
  3. Copy the webp file names
  4. Paste into Sublime Text editor.
  5. Change the alt tag to reflect the slideshow's name.

My knowledge of Automator and Sublime Text editor are what allow me to convert this to a Bootstrap Carousel in 15 minutes, which includes proofing the HTML and SEO.

Link: https://windsordairy.com/
Windsor Dairy

Other websites

GreenerGables.org - Volunteer

As one of the Sustainable Neighborhood Leaders coming up with ideas for new events, I hosted, planned and updated this website. This was built on the MODX CMS with some custom functionality such as a newsletter signup form, an events page, social media links and a hero carousel.

MeristemDesign.com - Developer

Working with the Owner, I designed and developed multiple websites for small businesses and non-profit organizations. Meristem created SEO-friendly websites for better search rankings for these businesses. I offered training and consulting to their clients to allow them to update the website content on their own.

RangeFuels.com - Project Management/Design

While working on a very short timeline, created a website to attract investors to promote renewable energy. In addition, high search rankings and easy to find information with a nice design.

Technologies: HTML, CSS, JavaScript, MODX.

Other websites
Top