5 beautifully customized portfolios made with Semplice
Article posted on June 19, 2019
Semplice is our portfolio system that allows designers to build a custom online portfolio without coding knowledge or templates. If you do have coding knowledge though, even a little bit, Semplice gets even better.
For developers, the Semplice CMS is a perfect base to build on. Its extensive features allow you to create a layout with simple drag and drop, but you have full access to the code if you want to take it further. This saves dev teams countless hours they could better put toward more exciting customizations.
Semplice is powered by WordPress, meaning you have all the plugins and documentation you could ever need at your disposal. But you don’t have to interact with WordPress at all while creating the site (I know some programmers resist the WordPress interface, I get it). Semplice has its own interface, making the building process much more pleasant and creating an incredibly easy experience for content managers after the site launches. Put simply, it’s the best of all worlds.
Here are just a few of our favorite websites that customized Semplice with a bit of HTML & CSS.
Blond, an industrial design studio, worked with our Semplice X team to add some thoughtful customizations to their site. That sticky menu on the bottom left is custom-made and so are the cursor and About page animations. But our favorite parts are the image modules for their product case studies. The Before/After module allows you to move a slider between two images to compare. And with the 360-degree module, you can move your cursor around over the image to see it from every angle. These modules were built straight into the Semplice admin, so they’re easy to update.
Felix Faire is a computational designer and coder focused on interactive applications and prototypes – so of course, he created a mesmerizing, custom animation for his homepage. Move your mouse over the grid of dots and it dances, fitting his “Music. Code. Design” headline perfectly.
With Semplice, you can set motion effects on images to make them change on scroll, click, hover and more. But Nathan took it one step further with a custom layered scrolling experience on his homepage, project previews appearing over his bio with a nice rollover effect.
Semplice has fairly extensive page transition options built into the interface, but Kasper Laigaard had a more advanced transition in mind. He’s not a coder though, so he reached out to Semplice X for help. We built the transition to match his designs: A black square that comes up from the corner and zips to the side to reveal the next page. Click any page on his site to try it out.
We can’t help but love Fernanda’s cheerful homepage animation and we’ve featured it more than once before. Scroll down the page and the colorful blob slides down with you, bouncing and morphing and changing colors to match each featured project. Unclear whether she’s using a plugin or her own custom code for this animation, but either way it’s delightful.
To learn more about Semplice's features for developers (and designers who code) check out this page. And even if you have just a little coding experience, you can make use of our Semplice hacks. These are little snippets we've saved to create interesting effects and extend default Semplice features. Just place them in a code module within Semplice and you're done. Hope it helps!
Hi, I'm Tobias, a German designer living in New York. I'm the author of this blog, nice to meet you!