WordPress Development Projects in Belvedere ParkWordPress Development Projects in Belvedere Park
Projects
People
Cover image for The International Society of Hair
The International Society of Hair Restoration Surgeons was my first large client at my first role as a Front End Developer. The organization has been around for decades, and is a platform for hair surgeons to connect with patients in their area, release new findings, and be a resource for patients dealing with hair loss. I was quite green when taking on this project. I was just of age to start going to bars and have had no experience hair loss of any kind. That being said, it is a slowly traumatizing and identity changing experience for many who go through it. I kept this in mind when drafting their new website. It was for the patients as much as it was for the doctors, and I carried that empathy throughout the process. After asking the directors of the ISHRS what inspired them, how they wanted to bring their website into the current year, and what they want for the future, I came up with wireframes that week and passed them off to my higher ups to present. They said to go ahead, and after I presented them with their high resolution mockups, they gave us the green light for the project. As my first foray into Wordpress and UX/UI design, I think back to this project often it is a bedrock experience for me. I am proud of the fact they the organization still uses my design all of these years later.
0
25
Cover image for I love WordPress projects that
I love WordPress projects that require ditching plugins for the smallest details. Client brief: add a custom on-brand icon to each nav item that swaps on hover. Simple enough in theory. In practice? Sure, there's a plugin for that. But why bloat the site when a few lines of CSS can do the job? The challenge: Elementor's nav widget owns the ::before pseudo-element internally. Every approach kept breaking: • ::before hijacked by Elementor's styles — rendering a broken image box with a red background • ::after collapsed entirely due to Elementor injecting padding-right: 0px • !important declarations losing to Elementor's scoped widget styles • Tablet nav runs on a separate DOM structure (.elementor-nav-menu--dropdown) — desktop CSS didn't carry over • Submenu items under .elementor-sub-item needed their own selectors The fix: ditch pseudo-elements entirely. Use the anchor tag's own background-image property instead. No conflicts, no interference. One consolidated CSS block. Zero JavaScript. Clean icon swap across every breakpoint. That's the job.
2
4
174