Mohammed Al-Madhoun

• Enhanced a static Webflow website by facilitating content updates and migration to WordPress, eliminating the need for manual code editing.

• Collaborated closely with the client to assess existing content and devised a structured sitemap for improved organization.

• Streamlined the project by creating wireframes to provide a clear visual representation of the website's new structure.

• Leveraged Figma to design a user-centric UX/UI, offering both desktop and mobile versions for client approval (view designs: https://bit.ly/vsrf-figma).

• Implemented pages using Elementor Pro and Dynamic Content for Elementor – Add-ons, harnessing Elementor Loop Items Templates for foundational website elements, and customized loop queries to create tailored experiences.

• Crafted 8 distinct loop items, including single posts, archives, a popup, header, and footer templates.

• Ensured a flawless outcome with pixel-perfect precision, allowing the client to independently adjust website designs and content as needed, granting them full autonomy over their online presence.

• Created a robust multisite network with 300+ websites, integrating data from the Hitobito database (https://www.puzzle.ch/de/loesungen/hitobito) by Puzzle ITC (https://www.puzzle.ch/).

• Implemented multilanguage support using WPML for both network and standalone websites.

• Developed two custom plugins from scratch: one for seamless data integration from Hitobito to WordPress, utilizing custom post types and Advanced Custom Fields for multilingual support, and the other for auto content synchronization between network websites.

• Enabled content translation and seamless connections between translations programmatically within the plugins.

• Developed two versions of the main theme – a full version and a light version – to cater to varying client needs.

• Effectively addressed the client's challenge of centralizing and managing data across a vast network of websites, enhancing efficiency and user experience.

• Leveraged skills in WordPress development, custom plugin creation, and WPML for multilingual support to meet project requirements.

• Collaborated closely with the client to ensure that the final solution aligned with their specific needs and objectives.

• I recently completed a project that involved working with the Houzez theme, Elementor, Advanced Custom Fields, and other essential tools.

• My primary task was to tailor the Houzez theme to align seamlessly with the client's specific requirements and vision.

• To address a specific need, I created a custom "Investment Calculator" feature for properties listed for sale on the website. This tool can be accessed when viewing the details of any property, such as this example: https://www.jacbon.eu/property/luxury-3-room-house-for-sale-in-centrum-denia-in-costa-blanca/

• The "Investment Calculator" was meticulously crafted using Vue.js, allowing for dynamic interaction with all the fields. Users can control and adjust values effortlessly through intuitive sliders.

• This project not only showcased my expertise in WordPress development but also demonstrated my proficiency with Vue, a key technology in delivering this innovative feature that enhanced the website's functionality and user experience.

• Empowered a dynamic media startup incubator using a tech stack that included Divi builder, LearnDash, BuddyBoss, BuddyPress, BuddyForms, and HubSpot.

• Seamlessly integrated BuddyForms registration forms with HubSpot, ensuring smooth data flow, with user information effortlessly populating the HubSpot contacts database, encompassing custom fields.

• Streamlined the client's BuddyBoss theme by extracting and relocating custom code snippets to a child theme, allowing seamless updates to the parent theme.

• Enhanced the homepage by customizing it to feature the latest NewsFeed and incorporate specialized events into the feed.

• Successfully resolved comment management challenges by exporting comments from the OneAll LoudVoice Comments service via the OneAll LoudVoice Comments API. Developed a custom plugin to import comments into the WordPress database, preserving comment hierarchy and vital information such as author details and comment dates.

• Expertly addressed issues stemming from BuddyBoss theme updates, ensuring compatibility with custom code snippets and maintaining website stability.

• Demonstrated proficiency in web development, API integration, and problem-solving to meet and exceed client expectations.

The UX/UI of the client's website. I worked with the client to create the UX/UI of their website. I used Adobe XD, and here you can see exported images of the pages: bit.ly/creos-ux-ui. I also worked on the development of the website. I built the website using the Gutenberg editor and used the GeneratePress theme (generatepress.com) as the basic theme because it is a lightweight WordPress theme focusing on speed, stability, and accessibility. In addition, I used the GenerateBlocks (generateblocks.com) plugin to add some basic blocks to Gutenberg. The plugin is a small collection of lightweight WordPress blocks that can accomplish nearly anything.

In addition, I developed ten custom blocks to match the clients' UX/UI designs. The blocks include the Toggle switch, Testimonials, Tabs, Icon Box, Flip Card, Featured Box, Facts Carousel, Counter, Cards Carousel, and Accordion.

I also created a simple, special user manual to help the client manage his website after finalizing the project. Here, you can find a copy of this manual: bit.ly/creos-manual.

• I successfully integrated Gravity Forms with Stripe for donation support on this page:
• https://thevarsitycollective.com/donate/

• I helped fixing several issues with the following form:
• https://thevarsitycollective.com/vbclub/

• I ensured one-time and monthly donation options, with funds sent to separate Stripe accounts based on user choices. Additionally, I enabled automatic receipt generation and resolved layout and responsiveness issues in Gravity Forms.

• I've provided ongoing maintenance for this client's website since 2022.

• The website uses Elementor, LearnDash, ShopEngine, Advanced Custom Fields, and more.

• I integrated Brevo (formerly SendInBlue) for email management and automation.

• Integrated LearnDash Groups with Brevo for email list management.

• Enhanced UI/UX, redesigned Shop and product category pages.

• Customized My Account page sections and added new ones.

• Set up a custom map with video popups on a specific page.

• Optimized Cloudflare for WordPress and WooCommerce.

• Configured "Finale Evergreen Campaigns" plugin.

• Advised on business decisions like cart abandonment and product review plugins.

• Linked hardcover and e-book products using Linked Variations.

• Improving Page Speed Insights score to above 90.

• I developed a B2B sub-site for the client.

I worked with BuildPalestine to complete the following tasks:
• Building custom blocks in Divi to allow them to add complex content based on their designs.
• Helping them set up their Strip account, connect it to Donorbox, and integrate the form on their website.
• Fixing some Divi-related issues, like performance and display.
• Fixing their security issue and installing and setting up Sucuri service.

This website was built using the Divi page builder and the DiviEstate theme. I revamped it using Gutenberg custom blocks, GeneratePress, and GenerateBlocks. I built 20 dynamic Gutenberg blocks with React to make the final result 100% pixel-perfect as the designs. The custom blocks included an advanced property search, property carousels, and custom single property pages with affiliate buttons, galleries, and standout features. Property features were organized with custom taxonomies, improving database response.

Additionally, I used Gutenberg reusable blocks for articles, offering content flexibility. Property locations were structured hierarchically for precise filtering, and customizable property status/types enhanced the front-end display. The revamp improved performance, user experience, and content management, showcasing the power of React and Gutenberg Blocks in web development.

Extended WooCommerce products by adding two custom taxonomies and one custom field that was added to a PDF.

Migrated old product information, images, and variations to the new website with the "WooCommerce Product CSV Import Suite" plugin.

Set the "YITH WooCommerce Request a Quote" plugin so visitors can add products to their request and then send the request to the website admin.

Created an advanced search form that uses all 11 custom fields, the product title, and SKU to filter the products.

Added the FAQ page as accordions.

I created a sticky sidebar for the single project page that sticks to the screen while users scroll down.

Integrated the product zoom plugin with the functionality of popup slideshow images. When users hover on a gallery image, the image will zoom and move based on the mouse movement, and a plus icon will open the image in a popup slideshow.

Customized my account page content, links (endpoints), and the checkout page messages and layout.

Updated the server PHP and MySQL to the latest versions.

Set up the security plugin configuration and the SSL certificate correctly to make the website highly secure.

The old content (products, pages, posts, and custom posts) was migrated to their new website (500+ entries were migrated).

Created a plugin to export products from shop plugin to CSV file, made the data compatible with the WooCommerce Product CSV Import Suite, and stripped all the inline styles from the contents of the products.

Migrated the product categories and tags from the shop plugin to WooCommerce.

Made the following WooCommerce customizations:
• Connected products with specific other products and displayed them on the front end as related products.
• Updated the product gallery to display the product video at the end of the gallery.
• Added a code to filter available shipping methods and if free shipping is allowed based on the address and cart items.

Set up the ticketing system on the website with the Event Calendar plugin and WooCommerce so that the website admin can sell tickets for events based on several locations and dates.

Created an auto-menu filler in the footer.

Fixed several plugin conflict issues that were causing the WordPress control panel to stop working properly.

• I created a plugin to filter the zip codes on the checkout page; if the zip code does not pass the filter, the client email is automatically sent to Mailchimp API.

• The second plugin I created was a cron job that runs every day to check the old orders that remain in specific status for a specific amount of days and automatically create tickets for them on Zendesk using the Zendesk API. The tickets are made once per minute to avoid overwhelming the Zendesk API.

• The third plugin was an update on a ticket creator plugin to allow the users to attach images to their tickets. Here I checked the user email and order ID and used the WordPress nonce field to make the form as secure as possible. The user can create a ticket and attach several images if the order is found.