Tiara Contracting came to me needing a professional online presence built from the ground up, and I handled the entire website creation cycle myself, from securing the domain and setting up hosting, through design and development, all the way to launch and ongoing management. This was a true end-to-end build where I owned every stage of the process.

The project started with the client’s vision. I worked directly with Tiara Contracting to understand their brand, their services, and the impression they wanted to make on potential customers. From there I designed a custom layout tailored to a contracting business, clean, trustworthy, and built to turn visitors into leads. Every design decision was made in collaboration with the client to make sure the final result reflected exactly what they had in mind.

I developed the site in WordPress using Advanced Custom Fields (ACF), building custom, reusable content blocks so the client can update their content, text, images, services, and calls to action, directly from the dashboard without touching any code. All of the styling and layout logic was handled at the development level, so their team can manage the site confidently without ever worrying about breaking the design.

Beyond design and development, I took care of the technical foundation, including registering and configuring the domain, setting up and managing hosting on WP Engine, and handling launch and post-launch maintenance. Because I manage the site directly on WP Engine, I’m able to keep it fast, secure, and up to date long after the initial build.

Beacon is a multi-tenant SaaS platform for agencies and dev shops to estimate, manage, and bill client project work — from the first quote to the final payment.

Small software agencies juggle clients, project estimates, tasks, developer time, and invoicing across a mess of disconnected tools. Beacon unifies all of it into one platform. A company signs up, invites its team, and runs the entire delivery lifecycle in one place: clients → projects → tasks → estimates → tracked time → payments, with built-in team chat and notifications.

The Problem

The people doing agency work rarely have a single source of truth. Estimates live in spreadsheets, tasks live in one tool, time tracking in another, chat in a third, and invoicing somewhere else entirely. Context is constantly lost in the gaps between those tools, and nobody can see the whole picture of a project from quote to payment.

The Solution

Beacon gives each organization one isolated workspace that covers the full delivery lifecycle. An admin self-registers, chooses a plan, and invites teammates by email; from there the team manages clients, spins up projects and tasks, estimates the work, tracks time against it, and gets paid — without ever leaving the app. Team chat and notifications are built in, so conversations stay attached to the work they are about.

Core Features

• Multi-tenant workspaces — every organization is fully isolated; one company’s data can never leak into another’s.
• Role-based access — Admin, Manager, and Developer roles with per-organization permissions.
• Onboarding by invitation — the admin registers and picks a plan, then invites teammates by email. Invitees follow a secure tokenized link to set their own password under the company — no shared credentials.
• Clients, Projects & Tasks — with three task views: a grouped List, a drag-and-drop Kanban Board, and a planning Calendar (drag tasks onto days, with due-date handling).
• Estimations workflow — developers submit hour/cost estimates; managers approve or reject; time is logged against approved estimates, or directly to tasks and projects.
• Time tracking — start/stop timers with a live countdown in the browser tab, plus manual entries and one-click “log time” straight from task rows and cards.
• Payments — developer payment calculation derived from tracked time and estimates.
• Team chat — direct messages and group chats, including groups attached to a client, project, or task; image attachments, edit/delete, unread badges, and full-text message search that jumps you to the exact matching message.
• Notifications — deadline reminders and activity alerts with read/unread state synced live across the app.
• Subscription billing — seat-based Stripe subscriptions with a free trial. When a trial lapses without payment, a paywall gate locks access while preserving all data; paying restores everything instantly.
• Deep customization — a drag-and-drop sidebar builder (reorder tabs, group them into dropdowns, hide any), dark mode, table density, per-user timezone, and notification preferences.

Tech Stack

• Language: TypeScript, end to end.
• Backend: Node.js + Express, Prisma ORM, PostgreSQL.
• Frontend: React 18 + Vite + Tailwind CSS, with GSAP for interface animation.
• Auth: JWT + bcrypt.
• Infrastructure: Supabase (managed Postgres), Render (hosting), Stripe (billing), Cloudflare R2 / S3 (file storage), Resend (transactional email).

Engineering Highlights

A few pieces I’m particularly happy with (the multi-tenant architecture gets its own breakdown below):

• Fail-closed subscription enforcement. Business routes return 402 the moment a trial expires without payment, but auth and billing routes stay open so a locked-out admin can still log in and pay. No customer data is ever deleted on lapse.
• Env-gated integrations. Stripe, email, and object storage are all optional. The app boots and runs in any environment and only lights up the features that are actually configured.
• Real-time-feel chat without WebSockets. Polling combined with an internal event bus keeps state in sync across components, so unread badges, message lists, and the notification/chat state all update together.
• Rich drag-and-drop UIs on native HTML5 DnD. The Kanban board (with precise reordering), the planning calendar, and the sidebar builder all handle drop targets, insertion indices, and optimistic updates carefully.

My Role

Solo full-stack developer. I designed and built the entire product end to end — the data model, the backend API, the multi-tenant architecture, the frontend, the billing integration, and the deployment.

Active Wealth Management needed a professional, trustworthy website befitting a financial services firm, and I handled the complete website creation cycle, domain, hosting, design, development, and client collaboration, from start to finish. As with all of my builds, I owned every stage of the process and delivered a finished, fully managed site.

The build began by working closely with the client to capture their vision and translate it into a design that communicates credibility and professionalism, qualities that matter enormously in the wealth management space. I designed a clean, polished layout and refined it collaboratively with the client until it reflected exactly how they wanted their firm to be perceived.

I developed the site in WordPress using Advanced Custom Fields, creating custom content blocks that let the client manage their messaging and pages without needing to touch code. The result is a flexible, maintainable site with a design system that stays consistent no matter how the content evolves.

What set this project apart was the compliance process. Because wealth management is a heavily regulated industry, the site’s content couldn’t simply be written and published. It had to go through several rounds of edits and review to ensure every claim, disclosure, and piece of language met regulatory compliance standards. I worked through each round patiently with the client, adjusting copy and structure until everything was approved, so the final site is both compelling and fully compliant.

On the technical side, I registered and configured the domain, set up hosting, and manage the site directly on WP Engine, keeping it secure, fast, and maintained well beyond launch.

BuilderVue AI is an AI-powered document intelligence and project management platform for the construction and building industry. I built the entire client-side application, the interfaces that sit on top of the platform’s APIs and AI capabilities.

As the frontend developer, my scope was the whole client application: authentication, role-based navigation, the document and project modules, the real-time AI chat, and every shared UI pattern that ties them together. I did not work on the backend services or the AI models themselves. My focus was designing and building polished, reliable interfaces that consume them.

What I Built

• Full authentication flow. Login, signup, email verification, account activation, and forgot/reset password, with JWT handling through HTTP interceptors and token refresh logic.
• Role-based routing and access control. Route guards for site admin, company admin, and standard user, so navigation and features adapt to the signed-in role.
• Project management module. Project listing, add/edit dialogs, and UI wired to the platform’s REST API through typed Angular services.
• Document management module. A document list with server-driven filtering, upload/add and edit flows, advanced filter dialogs, and models for document source, visibility, and language.
• AI chat interface. A conversational UI for querying documents, with streaming, real-time message updates over SignalR and markdown rendering of AI responses.
• AI agents page. Configuring and interacting with different assistant types.
• Company and people management. Company profiles, team member administration, invitations, and company detail dialogs.
• Subscriptions and billing UI. Plan selection, a pricing page, and payment profile management.
• Admin dashboard. Platform-level administration surfaces.
• Marketing surfaces. Landing page, about, pricing, contact-us, and a carousel.
• Shared UI layer. Reusable confirmation and success dialogs, a global loading-indicator service, centralized error and notification handling, and a base HTTP service pattern that every feature service extends.

Tech Stack

• Framework. Angular 21 with TypeScript and RxJS, using a standalone/module hybrid architecture.
• UI &amp. Styling. Angular Material and Bootstrap 5, with SCSS for custom theming.
• Real-time. SignalR and Socket.IO clients for live updates.
• Libraries. ngx-translate for internationalization, ngx-toastr for notifications, ngx-pagination, ng-select, and marked for markdown rendering.
• Tooling. Vitest for unit testing, with multi-environment build configs for dev, QA, and production.

Frontend Engineering Highlights

• Component architecture and reusability. A standalone/module hybrid where shared dialogs, tables, and filter components compose across every feature module instead of being rebuilt per screen.
• Service layer design. A base HTTP service pattern that all feature services extend, keeping API access typed, consistent, and easy to reason about.
• Reactive state with RxJS. Data, real-time updates, and UI state modelled as streams for predictable, composable behavior.
• Real-time UI. SignalR and Socket.IO clients pushing live updates into the interface, from streaming chat messages to notifications.
• Responsive design. Angular Material, Bootstrap 5, and SCSS theming delivering a consistent experience across marketing pages and the application itself.
• Polished UX on top of AI. Streaming responses, markdown rendering, toasts, and global loading states that make the AI features feel fast and trustworthy.

My Role

Frontend developer. I built the entire client-side application, the full authentication and access-control layer, every feature module, the real-time AI chat, and the shared component and service architecture underneath them. The backend services and the AI models were owned by others. My job was to turn those capabilities into a clean, responsive, production-ready interface.

A full accessibility audit and remediation of luckyduck.com, every major page reviewed against WCAG standards, then fixed so the store is compliant and genuinely usable for everyone.

Lucky Duck needed to know where their store stood on accessibility and, more importantly, to fix what was falling short. I audited all of their major pages against the Web Content Accessibility Guidelines (WCAG), documented the issues, and then carried out the remediation, turning a list of problems into a store that meets the standard employers, customers, and regulators expect.

Why It Matters

Accessibility isn’t just a legal checkbox, it’s a better, more inclusive experience for every shopper, and non-compliance carries real risk for a business. The goal here was conformance with WCAG 2.1 at the AA level, the benchmark most organizations are measured against, evaluated across its four core principles: content should be perceivable, operable, understandable, and robust.

What I Did

• Audited every major page against WCAG 2.1 AA success criteria, combining automated checks with hands-on manual testing.
• Documented the issues. Insufficient color contrast, hard-to-read typography, missing or improper semantic structure, unlabeled controls, missing image alt text, weak focus indicators, and keyboard-navigation gaps.
• Fixed color and contrast. Adjusted colors so text and interactive elements met the required contrast ratios, without washing out the brand.
• Improved typography. Refined fonts and sizing for legibility and readability across the site.
• Collaborated with the client. Went back and forth on color and font choices to land on combinations that satisfied WCAG contrast requirements while keeping their brand identity intact.
• Strengthened the markup. Semantic HTML, proper heading structure, labeled controls, visible focus states, keyboard operability, and ARIA where appropriate, so assistive technology like screen readers can interpret the pages correctly.
• Re-tested after changes. Verified each fix against the guidelines to confirm the issues were actually resolved.

Standards & Approach

• Standard. WCAG 2.1, targeting AA-level conformance.
• Principles. Perceivable, operable, understandable, robust (POUR).
• Methods. Automated audits paired with manual review, color-contrast analysis, keyboard-only navigation testing, and screen-reader checks.
• Focus areas. Color contrast, typography and legibility, semantic structure, focus management, labels, and alternative text.

My Role

I ran the audit and carried out the remediation, reviewing the major pages against WCAG, prioritizing the issues, implementing the fixes to fonts, colors, and markup, and working with the client throughout to keep the result both compliant and on-brand.

A set of reward-trip gifting sites for Edward Jones’ top performers, built on one reusable Shopify template that gated access to each trip’s attendees and let them claim their free gifts through a clean, effortless experience.

Edward Jones recognizes its top performers with reward trips around the world, and every trip comes with its own set of branded gifts like sunglasses, hats, bags, and more. Each trip needed its own dedicated site where the people on that trip could choose and claim their gifts, and it all had to be repeatable across many different trips without rebuilding from scratch every time.

The Problem

There wasn’t one trip, there were many, each with a different destination, a different guest list, and a different set of gifts. The business needed a way to launch a new site for each trip quickly, make sure only the people assigned to that trip could get in, and give every attendee a simple way to pick out their gifts for free. Doing that by hand for each trip would have been slow and error-prone.

The Solution

I built a reusable site template that could be reproduced for each new trip and then tailored to that trip’s own design. Underneath, Shopify metafields and JSON drove both eligibility and gifting, defining who was allowed on a given trip and which gifts were available to them, so each new site was data-driven rather than hand-coded. On the front end, the whole experience was designed around making gift selection as easy and pleasant as possible.

What I Built

• A reusable trip-site template. A base build that could be spun up for each new trip and then customized to match each trip’s specific design direction.
• Access control. Each site was restricted so that only the attendees assigned to that trip could access it. Anyone not on the list couldn’t get in.
• Free gift selection. Attendees chose their gifts (sunglasses, hats, bags, and more) at no cost, in a flow built to be as simple as possible.
• A metafields + JSON system. Used Shopify metafields and JSON to model the eligible attendees and each trip’s gift options, keeping the whole setup data-driven and reproducible from one trip to the next.
• Polished UI and UX. A clean, intuitive interface that made browsing and picking gifts quick and effortless across devices.

Tools & Tech

• Platform. Shopify, with theme sections built in Liquid.
• Data. Shopify metafields and JSON to drive eligibility and gift options.
• Front end. HTML, CSS, and JavaScript, focused on a smooth selection experience.

My Role

I designed and built the sites and the system behind them, the reusable template, the access control that kept each trip’s site limited to its attendees, the metafields-and-JSON data model, and the gift-selection experience that made claiming gifts effortless for every guest.

As part of an ongoing commitment to inclusive web experiences, our client at RNT.com underwent a comprehensive accessibility audit conducted by Level Access, a third-party accessibility evaluation platform. The audit identified a range of WCAG compliance issues across the site that required hands-on code-level remediation.

Working directly within the WordPress codebase built on Advanced Custom Fields (ACF) layouts, I reviewed each flagged issue and implemented targeted fixes to bring the site into alignment with accessibility best practices.

Remediation work included adding descriptive aria-label attributes to interactive elements that lacked meaningful context for screen reader users, as well as assigning appropriate ARIA roles to structural and UI components that were not being interpreted correctly by assistive technologies. Images throughout the site were audited for missing or inadequate alt text, with descriptive alternatives written and applied to convey the correct context and intent of each visual element. Additionally, decorative or redundant elements that had been inadvertently exposed to screen readers were corrected using aria-hidden=”true”, ensuring that assistive technologies only surface content that is meaningful and intentional to the user experience.

Several color contrast violations were also identified where foreground text colors did not meet the minimum contrast ratio requirements against their background colors. These issues were resolved by adjusting the color values within the stylesheet to ensure all text remained legible and compliant with WCAG AA standards. Font sizes across various components were also flagged as too small to meet accessibility thresholds and were updated to ensure readability for all users, including those with low vision.

A complete redesign and rebuild of a Shopify skincare storefront — rebuilt on lightweight, native Shopify blocks from a Figma design, without losing a single piece of existing functionality.

Art of Skin Care needed more than a fresh coat of paint. The existing store had accumulated years of heavy, outdated code that was weighing the site down, and the design no longer reflected where the brand wanted to be. The goal was a full redesign and remodel — a modern, cleaner storefront that loaded lighter and faster, built to bring a new Figma vision to life.

The Problem

The original theme was bloated. Over time it had collected unused code and heavy customizations that slowed the site down and made it fragile to work on. On top of that, the store already relied on functionality the business depended on day to day — including a third-party app that manages customer accounts and reward points that shoppers could redeem. Any rebuild had to modernize the look and performance without disturbing what was already working.

The Solution

I rebuilt the storefront from the ground up using lightweight, native Shopify sections and blocks, stripping out the old, unused code that was dragging performance down. Working from a Figma design, I translated that vision into a clean, responsive theme — matching the intended layout, spacing, and styling while keeping the underlying markup lean and maintainable.

What I Did

• Full storefront rebuild — reconstructed the site on lightweight, native Shopify blocks and sections instead of heavy legacy code.
• Figma to storefront — brought a Figma redesign to life as a responsive, on-brand Shopify theme.
• Performance cleanup — audited and removed old, unused code and bloat that was slowing the site down, leaving a leaner, faster-loading store.
• Functionality preservation — made sure every piece of existing functionality kept working through the redesign, from browsing and cart to checkout and customer accounts.
• Third-party integration — kept the external rewards app that controls customer accounts and redeemable points fully intact and functioning after the rebuild.
• Careful, incremental rollout — rebuilt and tested methodically so nothing broke on a store the business actively relies on.

Tools & Tech

• Platform: Shopify, with native theme sections and blocks built in Liquid.
• Front end: HTML, CSS, and JavaScript, kept lightweight and maintainable.
• Design: Figma, as the source of the redesign.
• Integrations: a third-party rewards/points app for customer accounts and redemptions, preserved through the rebuild.

My Role

I led the redesign and rebuild end to end — turning the Figma design into a lightweight Shopify theme, clearing out the legacy code that was slowing things down, and making sure the store came out of the process faster, cleaner, and with all of its existing functionality intact.

For Hanwha Vision America, I led the redesign and redevelopment of the homepage with a focus on performance, flexibility, and long-term content control. The objective was to modernize the visual experience while giving the internal team a powerful but simple system to manage content without compromising design integrity.

The homepage was rebuilt using a modular layout system powered by Advanced Custom Fields (ACF). Instead of hardcoded sections or rigid templates, I created custom, reusable content blocks that allow the client to update headlines, imagery, CTAs, featured products, and promotional sections directly from the WordPress dashboard. Each section was structured with predefined layout rules and styling constraints to ensure visual consistency across the site.

The goal was to eliminate the need for the client to think about spacing, padding, typography, or alignment. All styling decisions were handled at the development level, so their workflow is focused entirely on content. They can add or rearrange sections, swap images, and update messaging without ever touching CSS or worrying about breaking the design.

Tingley Rubber, a leading manufacturer of protective workwear and rubber footwear, needed a stronger and more content-rich presence on their Shopify storefront. Working as part of the agency team, the focus was on growing the site’s depth and improving the experience for both customers and the internal team managing content day-to-day.

A significant portion of the work involved building out new pages across the site, from product-focused landing pages to informational content, each constructed using the Shopify CLI to develop custom sections. This approach gave the client’s team full flexibility to edit and update content directly through the Shopify backend without touching any code, making the site far more maintainable going forward.

The homepage received targeted improvements, including the integration of a new hero image module, giving the brand a more polished and visually compelling first impression. Alongside the site work, a series of HTML emails were developed to support ongoing marketing campaigns, built to render consistently across major email clients while staying aligned with Tingley’s brand standards.

A complete, conversion-focused redesign of Buffy’s Shopify product page, a pixel-perfect build from a Figma design, extended across the site theme, with custom animated sections, redesigned tabs and swatches, and a sticky add-to-cart tuned for both desktop and mobile.

Buffy set out to redesign their product page with one clear goal: give shoppers a better experience and convert more of them. The new direction came from a Figma design, and my job was to bring it to life faithfully, a pixel-perfect implementation of the product page and the surrounding theme, built to feel just as polished on a phone as on a desktop.

The Goal

The product page is where the buying decision happens, so the redesign had to do more than look good, it had to guide shoppers toward adding to cart. That meant a cleaner, more engaging layout, clearer product options, and a purchase path that stayed within reach as customers scrolled, all while matching the Figma design exactly across every screen size.

The Solution

I rebuilt the product page and updated the site’s header and footer to match the new design pixel for pixel. Beyond static layout, I built custom Shopify sections with dynamic movement, redesigned the product tabs and variant swatches to feel more tactile and intuitive, and added a sticky add-to-cart so the purchase action is always one tap away. Every piece was carefully tuned for both desktop and mobile.

What I Built

• Pixel-perfect product page. Rebuilt the product page to match the Figma design exactly, on both desktop and mobile.
• Theme updates. Redesigned the site’s header and footer to align with the new look across the storefront.
• Custom sections with dynamic movement. Built bespoke Shopify sections with custom animation and motion to make the page feel alive and engaging.
• Redesigned tabs and swatches. Reworked the product information tabs and variant swatches into a cleaner, more intuitive interface.
• Sticky add-to-cart. Added a persistent add-to-cart section that keeps the purchase action in reach as shoppers scroll.
• Responsive across devices. Made sure the entire experience held up and felt polished on both desktop and mobile.

Tools & Tech

• Platform. Shopify, with custom theme sections built in Liquid.
• Front end. HTML, CSS, and JavaScript, with custom motion and interaction.
• Design. Figma, as the source for the pixel-perfect build.

My Role

I handled the front-end implementation end to end, translating the Figma design into a pixel-perfect product page and theme, building the custom animated sections, tabs, swatches, and sticky add-to-cart, and making sure the whole experience was smooth and consistent across desktop and mobile.

I build custom automation workflows using n8n to streamline repetitive tasks, reduce manual effort, and connect disconnected systems into efficient, reliable pipelines. These automations are designed to operate quietly in the background while improving operational speed and consistency.

My n8n workflows integrate platforms such as WordPress, email marketing tools, CRMs, form builders, Google Sheets, and external APIs. Rather than relying on one-size-fits-all automation templates, I structure each workflow around a specific business process and build logic that reflects real-world use cases.

Examples of automations I’ve built include:

• Automatically capturing form submissions and pushing them into CRM systems
• Syncing WordPress user or order data with email marketing platforms
• Trigger-based notifications for new leads or purchases
• Scheduled data exports and reporting workflows
• API-to-API data transfers with filtering and conditional logic
• Content publishing and update triggers across platforms

Each automation includes structured error handling, conditional branching, and data formatting to ensure reliability. I focus heavily on making workflows maintainable and easy to adjust, with clear naming conventions and modular design.

An end-to-end website audit of Satya Jewelry’s Shopify store, a full review of the site, a list of design and UX improvements, and then the actual fixes implemented in code and rolled into a new theme.

Satya Jewelry wanted a careful look at their store to find what could be better. I went through the site more or less top to bottom, noting the design and experience issues worth fixing, and then made those improvements directly in the Shopify theme, while making sure their third-party apps kept working and migrating everything onto a new, cleaner theme built for the audit.

The Audit

I reviewed pretty much the entire site, looking for the details that quietly add up to a worse experience: inconsistent spacing, button styles that didn’t match, font sizes that were too small or uneven, and design choices that could be tightened. The goal wasn’t a full redesign, it was to catch and correct the things holding the store’s polish and usability back.

What I Did

• Full-site audit. Reviewed the store end to end and documented the design and UX issues across its pages.
• Identified refinements. Spacing, button styling, font sizes, visual consistency, and general design improvements.
• Implemented the fixes in code. Made the changes directly in the Shopify theme rather than just recommending them, working in Liquid, CSS, and the theme’s sections.
• Third-party app integration. Made sure the store’s third-party apps were wired up and functioning correctly through the changes.
• Theme migration. Moved the store onto a new theme, the one created for the audit, bringing all of the fixes and improvements together on one clean base.

Tools & Tech

• Platform. Shopify, working within the theme’s sections and Liquid.
• Front end. HTML, CSS, and JavaScript for the design and UX fixes.
• Integrations. The store’s existing third-party apps, verified through the migration.

My Role

I ran the audit and carried out the work, reviewing the site, identifying what to improve, implementing the fixes in Shopify code, keeping the third-party apps integrated, and migrating the store to the new theme.

Totem is an idea I had that I wanted to test out. The goal of the totem app is to connect people who go to large crowded events where there is often little to no cellular service, such as music festivals and concerts. Some of these places often have little to no WIFI or cellular service of any kind, and it makes to difficult to find your friends or family if you get separated.

The concept combines a small wearable tracker with a mobile app, allowing users to create private groups and locate one another in real time without relying on traditional cellular infrastructure, using UWB technology.

Each user would purchase a Totem tracker that syncs directly with the app. Once connected, friends can form a group before entering an event. When inside the venue, Totem would use alternative communication technology, such as mesh networking or radio-based signals, to maintain device-to-device connectivity, enabling location sharing even when there’s zero signal.

The app uses Supabase as its backend, handling the database and server side logic through PostgreSQL under the hood. User authentication is managed through OAuth 2.0 with Google, giving users a seamless and secure way to sign in. Data communication between the app and the backend is handled through the Supabase client SDK, keeping everything connected in real time.

This project represents my interest in building solutions that extend beyond the browser and into physical environments, combining thoughtful UX with technical experimentation to solve real social coordination challenges.

A complete WordPress website build for Eberhart’s Embroidery, designed and built in Elementor with clean, SEO-first structure baked in from the start.

Eberhart’s Embroidery needed a full website, and this was one of my first complete site builds from the ground up. I built the entire site for the client in WordPress using Elementor, and I treated SEO as part of the build itself rather than an afterthought, so the structure was clean and search-friendly from day one.

The Build

I built every page of the site in Elementor, keeping the layouts clean, consistent, and easy for the client to maintain. The goal was a professional, well-organized site that represented the business well and gave visitors a clear path through its services.

Built for SEO

The part I’m proudest of on this build is the SEO. I set it up properly across the whole site, with a clear heading hierarchy on every page, thoughtful internal linking between related pages, clean metadata, and dedicated pages built to target the terms that matter to the business. It was the full package, done the right way.

What I Did

• Full site build. Designed and built the entire website in WordPress with Elementor.
• Heading hierarchy. Structured every page with a proper H1 to H2 to H3 order so both readers and search engines can follow it.
• Internal linking. Connected related pages with intentional internal links to spread authority and help people navigate.
• Page metadata. Wrote clean page titles and meta descriptions across the site.
• SEO landing pages. Created dedicated pages aimed at the search terms the business wanted to rank for.
• Clean, responsive build. Made sure the site looked and worked well across devices.

Tools and Tech

• WordPress. The platform and CMS for the whole site.
• Elementor. Used to design and build every page.
• On-page SEO. Metadata, heading structure, and internal linking throughout.
• HTML and CSS. For custom touches where they were needed.

My Role

I built the whole thing for the client, from the WordPress setup and the Elementor pages to the SEO structure underneath. As one of my first full site builds, it’s where I locked in the habit of treating SEO as part of the build from the very beginning.

An ongoing, phased set of enhancements to Wellington’s large Shopify furniture store — custom collection behavior, guided product options, price-dependent warranties, and a steady stream of design and functionality changes delivered over several months.

Wellington’s Fine Leather Furniture wanted a wide range of improvements to their store, and rather than one big-bang launch, we planned and shipped them as phases over the course of months. The work spanned how certain collections behave, how customers configure their furniture, how warranties are priced, and dozens of smaller refinements across a big, highly custom site.

What I Built

• Phased delivery — planned and rolled out changes in stages over several months, keeping the store stable while the work progressed.
• Collection-specific behavior — for certain collections (like sectionals), the store hides pricing entirely and replaces the usual buy path with a button that routes the shopper to call the business. Some collections deliberately withhold details like price so customers reach out directly.
• Guided product options — implemented staged selection with swatches so customers can easily pick their leather type, cushion type, finish, and other options as they build their piece.
• Price-dependent warranties — warranty options that scale with the item being purchased, so higher-value furniture carries a proportionally higher warranty price.
• Site-wide refinements — a long list of smaller design and functionality improvements applied across the store throughout the engagement.

The Challenge

The biggest challenge wasn’t any single feature — it was the size of the site. Wellington’s store is large, with a lot of moving pieces and custom functionality built up over time. Getting a full understanding of how it all fit together took real time, and every change had to be made carefully: the priority was making sure a fix or addition in one place didn’t quietly change or break something elsewhere, and that nothing overlapped or conflicted across the site.

Tools & Tech

• Platform: Shopify, working within a large custom theme in Liquid.
• Front end: HTML, CSS, and JavaScript for the option selectors, conditional collection behavior, and warranty logic.
• Data: Shopify metafields to drive collection-specific rules and product configuration.

My Role

I carried out the work across every phase — learning the existing custom store in depth, then implementing the collection behavior, the swatch-based product options, the price-dependent warranties, and the many smaller changes, all while protecting the rest of the site from unintended side effects.

A fully playable 2D platformer game developed from scratch using Python and the Pygame library. This project was built to deepen my understanding of game development principles while demonstrating core programming skills in a fun and interactive way.

The game features smooth player movement and physics, including jumping, gravity, and acceleration. Levels are designed with hand-crafted platforms and obstacles that challenge the player to time their movements carefully. A scrolling camera system keeps the player centered as they move through each stage, and a collision detection system handles interactions between the player, platforms, enemies, and collectibles.

On the technical side, the project is structured around a clean game loop with organized sprite groups and scene management. Sprite sheets were used to handle character animations, bringing the player and enemies to life with fluid movement cycles. Sound effects and background music were integrated using Pygame’s audio mixer to enhance the overall experience.

This portfolio was built as a fully custom WordPress theme, developed locally and then exported to a production environment. The project reflects my approach to building scalable, performance-focused websites without relying on page builders or pre-made themes.

The site was developed primarily using PHP, HTML, and CSS, with a clean, structured theme architecture. Instead of modifying an existing framework, I created a custom theme to maintain full control over layout structure, performance optimization, and long-term maintainability.

To manage content efficiently, I implemented custom post types for projects. This allows each portfolio piece to be structured with consistent fields and formatting while remaining easy to update through the WordPress dashboard. The goal was to separate content from design, ensuring that new projects can be added without disrupting layout or styling.

On the front end, I integrated GSAP to create smooth, scroll-based animations and subtle motion effects that enhance the user experience without overwhelming it. These animations are performance-conscious and designed to guide attention rather than distract from content. Lottie animations were also incorporated to add lightweight, scalable vector-based motion elements that maintain visual polish without sacrificing load speed.

I regularly build custom WordPress websites, focusing on clean design, clear messaging, and practical functionality that reflects the needs of the client, or, in this case, mock projects designed to simulate real-world small business scenarios.

As part of my portfolio, I created five different mock sites locally, each with unique branding and content goals, and then hosted them to showcase fully functional, end-to-end development. This process gave me hands-on experience with custom theme development, including structuring templates, building reusable components, and managing dynamic content through ACF layouts.

Working on these mock sites reinforced my existing experience with custom ACF layouts and helped me deepen my understanding of how themes are built from scratch, including:

• Creating clean, organized template files for various page types
• Structuring custom fields to make content management intuitive
• Designing responsive layouts with practical UX for different devices
• Implementing styling and scripts in a way that supports both flexibility and maintainability

This project is a custom analytics dashboard designed to connect directly to a website’s Google Analytics account and transform raw performance data into a cleaner, more intuitive reporting experience. The goal is to simplify how site owners understand their traffic without forcing them to navigate complex GA menus or interpret overwhelming data tables.

The dashboard integrates with the Google Analytics API to securely pull key metrics such as users, sessions, bounce rate, average engagement time, traffic sources, device breakdown, geographic data, and conversion events. Instead of replicating the Google Analytics interface, the system restructures this information into a focused, visual-first layout built around clarity and decision-making.

The UI prioritizes:

• Clear KPI cards for high-level performance snapshots
• Interactive charts for traffic trends over time
• Visual breakdowns of acquisition channels
• Device and location insights in simplified formats
• Conversion tracking displayed in goal-oriented views

Rather than presenting every available metric, the dashboard is structured to highlight what actually matters to business owners: growth trends, marketing effectiveness, and user behavior patterns.