Web Design & UX

Here you will find a collection of web design layouts and screenshots from some of the web applications I have developed from concept to production.

My philosophy is simple; necessary information should be easy to find - my information architecture approach involves a process of personal research and AB testing. My designs for web tend to be designed with a mobile-focus, and I prioritize readability and accessibility to seamlessly blend functionality and form.

Many images in this gallery lead to the original source page.

LMS Sample Website UX UI Mobile — A mock mobile wireframe for the “PIE LMS” landing page

LMS Sample Website UX UI Mobile Dark Mode — A mock dark mode mobile wireframe for the “PIE LMS” landing page

Sample Mobile Wireframe UX UI User Path — A mock wireframe for a “view profile bio” user path

Slide Deck PowerPoint or Keynote Presentation UX UI User Path — A slide deck template used to showcase the user experience process.

BPO Elks History Project Landing Page — The Elks History Project - a decades old project given a new lease with a UI overhaul and Bootstrap integration.

See Case Study

BPO Elks National Foundation Scholarship Programs Landing Page — The Elks National Foundation Scholarships Portal - most of the site is for members only.

BPO Elks Grand Lodge Officers Committees Directory — I have permission to post this otherwise hidden page and a number of others - giving access to the Grand Lodge’s Officers and Committee Pages. ( (unavailable to non-members)

BPO Elks Virtual Home Page Example Chicago Northshore Lodge 1316 — A multi-page site template which is used by over 2,000 Elks Lodges nationwide - this is an example of how its fields can be filled.

BPO Elks Virtual Home Page Edit VHP Banner Menu — Lodge staff can use this page to select a banner background, and the header text will automatically populate. (unavailable to non-members)

BPO Elks Virtual Home Page Editable HTML Container Example Annapolis Lodge 622 — My updated version of the Elks’ Custom Coldfusion tag which allows Lodge Staff to safely construct their own page layouts with isolated HTML code. (unavailable to non-members)

BPO Elks Digital Lodge Pin Exalted Ruler Redesign Web Application — An interactive Digital Lodge Pin Assembly tool that I helped design and implement (Coldfusion, React.js). (unavailable to non-members)