WordPress Portfolio Generation Expertise of EliKO Electronic

It took me some time (and several draft web pages) to design my portfolio. Due to my appreciate and passion for freediving, I decided to build my web page, an ocean-themed a person.

eli kony portfolio website

To simulate a deep dive, floating in the significant blue even though sinking and watching colours change consistently, I established the website with a parallax scroll animation throughout the entire matter.

Key Issues

Getting ready texts was tough due to the fact it was an ocean/freediving-themed web-site, but it even now necessary the visitor to know that it was a digital advertising portfolio.

“A further stage of marketing campaign management” is an case in point.

The words that are much less critical in the sentence are hollowed out so that you can read through each sentence without having the hollow phrases for instance, “A Further amount of” is recessed so that the visitor can read through only “Campaign management” and it’ll make perception.

digital portfolio example

JetPlugins Used 

Listed here is the most important features I used during internet site growth:

  • CPT – for initiatives
  • Profile Builder – for client’s login
  • JetBlocks plugin – for registration and profile menu
  • Listing grid – for exhibiting tasks and shopper experiences

CPT Initiatives

My portfolio website page is called “Projects” and takes advantage of the personalized publish kind “Projects”. Prior to developing the solitary project template, I thought about what I desired to show.

custom post type projects

With an notion of what it should really search like, I created personalized fields for each media format I used (these kinds of as mockups and icons) and for texts, making use of tabs fields to retain matters quite orderly.

meta fields example

Listing Grid & Listing Grid Injection

I wanted to show the assignments on the home web site, each on a distinct facet. I couldn’t do it with only one particular listing grid simply because all initiatives would be on the similar side.

So I employed the Listing Grid Injection module. Then I made two listing grids: 

local services listing grid injection
  • and one more from the remaining.
listing grid example

Client’s Login

How generally did your customer simply call you and talk to a little something like, “Hey! What’s my password for the internet site? And my Google account? And Facebook?”.

I resolved that I want to build for my customer’s a “one position for all passwords” and some other factors 😉

This is why I applied JetEngine Profile Builder:

  • My Profile displays the company name, strategies of get in touch with, a hyperlink to their web-site & experiences, such as a Google Analytics report and a customized just one (I use Oviond electronic advertising software). 
client portal example
  • My Property: I utilized a repeater field to demonstrate my shoppers all their usernames & passwords (Making use of a blur CSS to cover the password and clicking the password disappears).
my digital assets page
  • My Reviews: I used this 1 for all studies (I applied the repeater discipline once again if I have a number of, as I outlined previously mentioned). There, I also embedded a Calendly Appointment calendar for building an appointment with me.
calendly integration

Sum Up

I hope my portfolio development story was handy to you, and I would be more than delighted to listen to any views about my web page.


Leave a Reply