Web Development

For MbraceRx, I had the full responsibility of developing their website from scratch using WordPress and Elementor, ensuring pixel-perfect replication from the provided Adobe XD files. This project involved creating an engaging and interactive online presence that effectively showcases the company’s offerings.

Key Aspects of the Project:

  • Pixel-Perfect Development: I meticulously translated the multiple Adobe XD files into a fully functional website, ensuring every element matched the design specifications precisely.
  • Parallax and Animated Elements: The website features several parallax animated images that move as the user scrolls, creating a dynamic and interactive experience. Additionally, animated texts and graphs were incorporated to showcase data in a visually appealing manner.

Results:

The final website for MbraceRx is a visually engaging and highly interactive platform that captures users’ attention and effectively communicates the company’s message. The use of parallax animations, animated texts, and graphs creates a dynamic experience, while the well-organized content and interactive features ensure easy navigation and information accessibility. The custom solutions implemented for the About Us and news pages demonstrate my ability to combine technical expertise with creative design, resulting in a robust and user-friendly website. This project highlights my commitment to achieving pixel-perfect development and delivering high-quality, interactive web solutions.

Technologies

WordPress | Elementor | Pixel-Perfect | Advanced Custom Fields | Custom Post Types | JavaScript | jQuery | CSS | Adobe XD | SEO

Advanced Content Organization

For the About Us page, I utilized Advanced Custom Fields (ACF) and Custom Post Types to organize team members by their field of expertise. Their bios are displayed using Elementor’s native popup mechanism, providing an intuitive and clean way to present detailed information.

Interactive News Page

The news page includes a custom CSS dropdown that filters posts by category using Ajax, allowing users to seamlessly browse through different topics. This functionality was implemented with Vanilla JS and integrated into Elementor, enhancing the user experience.