Oranx – Product Designer Personal Portfolio Elementor Template Kit

Oranx is an Elementor Template Kit crafted specifically for Product Designer Personal Portfolio websites built in WordPress. Leveraging the power of Elementor’s intuitive drag-and-drop builder and the flexibility of WordPress, Oranx allows you to create a stunning, fully customizable portfolio without writing a single line of code. Whether you’re showcasing UX case studies, UI mockups, or product prototypes, Oranx ensures seamless editing, rapid deployment, and ongoing scalability.

Designed with Product Designer Personal Portfolio professionals in mind, Oranx boasts a lead-generation-optimized layout, strategically placed call-to-action buttons, and one-click “Back to Top” navigation for superior user engagement. With clean typography and optimized breakpoints, your work shines on every device—desktop, tablet, or smartphone—while maintaining pixel-perfect consistency across major browsers and versions.

Featuring 22+ total pages—including dedicated Portfolio, Resume, and Case Studies sections—Oranx helps you tell your professional story with clarity and impact. Built on a robust design system, each component is thoroughly tested for cross-browser compatibility, ensuring your personal brand always looks its best. Elevate your online presence and convert visitors into clients with Oranx’s fully customizable, high-performance framework.

Suitable For:

• Freelance UX/UI Designers
• Product Design Agencies
• Design Consultants

Features:

• Unique & Clean Design
• Modern design based on design system
• 22+ ready to use templates
• Unlimited colors
• More than 900 ready fonts
• Fully Responsive Layout
• Fully Customizable
• Click to Go To Top
• Cross Browser Compatibility: Chrome, Firefox, Safari, Opera
• Dedicated Portfolio, Resume & Case Studies Pages

Templates Include:

• Global Theme Style
• Design Guideline
• Homepage
• Subscribe Blog Form
• Subscribe Form
• Review Form
• Contact Us
• Coming Soon
• 404
• Single Post
• Blogs
• Awards
• FAQ
• Podcast
• Testimonial
• Resume
• Pricing
• Portfolios
• Case Studies
• Contact Form
• Services
• About
• Footer
• Header

Required Plugin(included):

• Elementor
• The Plus Add-on
• ElementsKit Lite
• Gum Elementor Kit
• Metform

How to Use Template Kits:
This is not a WordPress Theme. Template kits contain the design data for Elementor only and are installed using the envato Elements plugin for WordPress or directly through Elementor.

Elementor Template Kits use the Envato Elements plugin to install.

Detailed Guide:

https://help.market.envato.com/hc/en-us/articles/36033428836889-How-to-Upload-Install-Elementor-Template-Kits-from-Themeforest-to-WordPress

For further support, go to Elementor > Get Help in WordPress menu.

How to Import MetForm Custom Form:

1. While edititing a page where a form should appear, open the Elementor navigator to locate the Metform widget.
2. Click Edit Form in the builder panel.
3. Select New, leave blank selected then click Edit Form button.
4. Click ‘Add Template’ grey folder button.
5. Click ‘My Templates’ tab.
6. Choose your imported MetForm template, then click ‘Insert’.
7. Once the template is loaded, click ‘Update’.

Setup Header in ElementsKit Lite
If you have Elementor Pro, setup headers and footers in Theme Builder. Pages you create with Elementor must have the Page Layout set to Elementor Full width for the global header and footer to appear.

1. Go to ElementsKit > Header Footer
2. If prompted to go through the wizard, click Next all the way through and then return to step 1 (you are not required to enter your email address or share your information)
3. Click Add New Template button at the top
4. Name your template, then toggle “Activate/Deactivate:” to On
5. Click the gray Edit Content button. Elementor will open.
6. Click the gray folder icon to access My Templates tab and Insert the header or footer template.
7. Customize and Publish

IMPORTANT:

This Template Kit uses demo images from Envato Elements. You will need to license these images from Envato Elements to use them on your website, or you can substitute them with your own.

• https://elements.envato.com/collections/9BXJK6YA2H