Tag: Webdesigner Depot

Popular Design News of the Week: March 12, 2018 – March 18, 2018

Every week users submit a lot of interesting stuff on our sister site Webdesigner News, highlighting great content from around the web that can be of interest to web designers. 

The best way to keep track of all the great stories and news being posted is simply to check out the Webdesigner News site, however, in case you missed some here’s a quick and useful compilation of the most popular designer news that we curated from the past week.

Note that this is only a very small selection of the links that were posted, so don’t miss out and subscribe to our newsletter and follow the site daily for all the news.

Creating User-friendly Forms


20 More UX Tools to Try Out


1 Line CSS Framework


Some Things About `alt` Text


FontSwipe: Tinder for Fonts


Evie by UnDraw – An Open Source and Extendable Web Design Framework


Creatives are Overworked


4 Rules for Better Website Typography


The Great Design Battle of 2018 – Pick your Side


How to Host your Personal Resume Using Github Pages for Free


Introducing Supernova Studio


Developers Love Trendy New Languages, but Earn More with Functional Programming


Can Skeuomorphic Design Make a Comeback?


10 Open Source Login Pages Built with HTML5 & CSS


Conversational Design


5 Fantastic Design Fails – And What We Can Learn from Them



Design in Tech Report 2018


UI Design: How to Amplify User Interface with Illustrations


25 WordPress Child Themes You Should Install


How to Start and Finish any Web App Project


35+ Free Fonts for Brutalist Websites


Fade to Grey: Will Headless Browsers Kill Web Design?


‘Ethical Design’ is a Dangerous Term


Prettier – An Opinionated Code Formatter


Becoming a Confident and Respected Freelance Designer


Want more? No problem! Keep track of top design news from around the web with Webdesigner News.

Add Realistic Chalk and Sketch Lettering Effects with Sketch’it – only $5!


p img {display:inline-block; margin-right:10px;}
.alignleft {float:left;}
p.showcase {clear:both;}
body#browserfriendly p, body#podcast p, div#emailbody p{margin:0;}

from Webdesigner Depot https://www.webdesignerdepot.com/2018/03/popular-design-news-of-the-week-march-12-2018-march-18-2018/


Comics of the Week #430

Every week we feature a set of comics created exclusively for WDD.

The content revolves around web design, blogging and funny situations that we encounter in our daily lives as designers.

These great cartoons are created by Jerry King, an award-winning cartoonist who’s one of the most published, prolific and versatile cartoonists in the world today.

So for a few moments, take a break from your daily routine, have a laugh and enjoy these funny cartoons.

Feel free to leave your comments and suggestions below as well as any related stories of your own…

Back to the future

Digital time



Can you relate to these situations? Please share your funny stories and comments below…

Add Realistic Chalk and Sketch Lettering Effects with Sketch’it – only $5!


p img {display:inline-block; margin-right:10px;}
.alignleft {float:left;}
p.showcase {clear:both;}
body#browserfriendly p, body#podcast p, div#emailbody p{margin:0;}

from Webdesigner Depot https://www.webdesignerdepot.com/2018/03/comics-of-the-week-430/

11 Free Laravel Video Tutorials For Absolute Beginners

If you can get through the basics of PHP then you’ll have a solid foundation on backend development. It’s knowledge you can use for WordPress coding or even to build your own webapps.

But developers nowadays often use open source frameworks like Laravel. This is by far the most comprehensive framework for PHP development and guaranteed to help you create your own apps, land a job in the industry, or a mix of both!

To get you started with Laravel we’ve compiled the best free video tutorials available on YouTube. They cover a variety of topics on the Laravel environment and will get you up and running in no time.

1. Laravel From Scratch (Multipart)

The Laravel From Scratch series created by Traversy Media is part of their YouTube tutorial library full of great tech and programming videos.

This specific series breaks into multiple parts with part one spanning about 17 minutes long.

It offers a very simple introduction to the topic of Laravel programming and it’s one of the best videos on this topic. You’ll learn about MVC and how Laravel can help with database management, routing, and many similar features.

Give this a shot and see what you think. After 10-15 minutes you’ll know if you want to continue the series or not.

2. Create A Basic Laravel Website

Diving right into the more practical side we have this video spanning well over an hour of quality instruction.

You’ll learn how to install and develop a very simple website running on Laravel. It’s a complete guide for absolute newbies who have never launched or even looked at Laravel before.

Note it does help if you already have a good working knowledge of PHP but you don’t need to be an expert. So long as you understand variables, if/else statements and function syntax you should be OK.

OOP and classes can get tricky but you can learn that stuff as you go.

3. How to Build a Blog with Laravel

I’m a big fan of practice projects when learning new frameworks.

Practice projects force you to pick up the fundamentals, solve problems, and learn as you go along.

That’s why you should definitely save this video series teaching you how to develop an entire blogging platform from scratch on Laravel.

Let it be known this is no easy task. It requires a lot of attention to detail, but it’s also one of the best ways to bring yourself from a novice Laravel coder to a truly competent programmer.

So far this video series totals 47 videos which average between 10-30 minutes long. It’ll take you a while to get through this playlist.

But for the price of free you cannot beat this type of quality education.

4. Bootstrap 4 and Laravel 5.5BS4 and Laravel 5.5

In the past we’ve shared guides on Bootstrap and none of them compare to the detailed instruction of this video.

It’s a full 20 minutes teaching you how to work with the newer Bootstrap 4 framework on the frontend, mixed with a Laravel 5.5 setup on the backend.

This is probably one of the more popular choices for a technology stack on the web. Especially for building quick PHP apps without reinventing the wheel.

Anyone who’s new to Bootstrap (and wants to learn) will really like this video. Plus you’ll find quite a few more like this in the suggestions pane.

5. Laravel 5.5 API

In Laravel 5.5 the team updated their API resources with a bunch of handy endpoints for developers. And in this video you can dig into the newer API along with some of the classic features that beginners may not know about.

The entire tutorial works around dummy data so it’s a great way to practice your coding knowledge without any worry about the content.

Best of all the tutorial code has been released on GitHub making it fully accessible to anyone for free.

6. Custom Login

Sessions and PHP authentication can be some of the toughest subjects to crack.

Thankfully Laravel makes it so much easier; if you know what you’re doing. And that’s the goal of this 15-minute video teaching you how to develop a simple user login feature on Laravel.

You’ll learn how to define custom user roles and even how to terminate sessions properly. A great little intro to this fairly complex subject.

7. Vue with Laravel 5.4 and ElixirLaravel with Elixir and Vue.js

Another popular framework to use alongside Laravel is Vue.js. This works on the frontend as a JavaScript framework and it’s one of the best choices for PHP devs because of the syntax.

If you’d like to really push your knowledge try this video covering Vue, Laravel, and Elixir.

Note this does require some understanding of all 3 libraries so it’s not great for absolute novices. But once you understand the basics you can work through these lessons pretty fast.

8. Point Of Sales System With Laravel, Vue and Stripe

Building an ecommerce UI is super tricky and it’ll challenge you as a developer. It’s also one area worth learning if you’re serious about coding.

With this free video you’ll learn how to develop a POS system running on Laravel and Vue.js. The payments all work through the Stripe API which is free for testing purposes.

Note this is a multi-part series so it may take a few days or weeks to get through it all. But I guarantee you’ll learn a ton if you follow it to completion.

And if you ever get stuck you can find the full source code right here on GitHub.

9. How to Deploy a Laravel App

Once you’ve developed a full PHP app on Laravel you may want to get it live online. But deployment isn’t as easy with Laravel compared to a CMS like WordPress.

That’s why this quick tutorial can show you how to launch a sweet Laravel app online in just about 7 minutes.

It is by far the most detailed and valuable asset for any developer who wants to launch on a VPS. This video uses Digital Ocean and Linode but can work with almost any VPS setup.

10. Deploy Laravel With Elastic Beanstalk

Amazon’s Web Services offers dozens of features, most of which go far beyond simple hosting. Their Elastic Beanstalk is one such example which helps to deploy apps quickly to the web.

If you’ve never worked in the AWS ecosystem and want to get started then check out this handy video. It’ll teach you the basics of Elastic Beanstalk and how you can use it to launch a Laravel application online.

Just note this is a very basic video so it won’t cover everything. It has just enough to get you comfortable deploying through AWS.

11. Idea to Prototype in 105 Minutes with Laravel

Developer Matt Stauffer released a really fun video showing you how to conceptualize, design, and code a working Laravel app in under two hours.

That’s a truly impressive feat and it’s one that every developer can learn from.

It’s one reason why I recommend this video to people serious about coding in Laravel. It’ll help you work under pressure and push through creative blocks.

Add Realistic Chalk and Sketch Lettering Effects with Sketch’it – only $5!


p img {display:inline-block; margin-right:10px;}
.alignleft {float:left;}
p.showcase {clear:both;}
body#browserfriendly p, body#podcast p, div#emailbody p{margin:0;}

from Webdesigner Depot https://www.webdesignerdepot.com/2018/03/11-free-laravel-video-tutorials-for-absolute-beginners/


How Incapsula Designed its UX

When you build a site, you need to start with the user experience (UX) and work backwards. Even before you write a single line of code, you’ll need to know who the users you’re writing that code for are, as well as what the client’s objective experience is for those users.

Who Are Our Users?

That is the first question developers at Incapsula asked themselves when redesigning controls on its dashboard. In its case, developers chose to differentiate between customer experience (CX) and user experience. CX relates to customer interactions with a brand, including everything from the application’s appearance to the support a customer receives. For Incapsula, UX is a subset of CX. It relates to user interactions with an interface and how effective a system is at solving a user’s problems. Each case is different.

You’ll find that most clients say they want to establish an online presence, which really means nothing, because literally every site meets that criterion. This is the time to push back, when it’s early on in the relationship. You want to understand your client’s customers as well as they understand them. You’ll also want to understand their business and where the site fits into the business.

In a professional environment this back and forth ends up with the developer getting fired

Too many developers try to shoehorn a template or existing successful design into a new project without doing the hard work and it’s simply not effective. It might make for a quick sale, but they’d be lucky if they get any more than the online presence they asked for.

I’ve found the more time you spend with a client in the early engagement, the easier things go as the process nears completion. It is in the early stages where the site’s needs and expectations are defined. You do this because you want to avoid a professional mistake that many student developers quickly discover. And that is: if needs and expectations are not first established, the project is never ending. Many developers have stories of completing a site for an aunt and the she comes back with some “minor changes,” because the site gave her some new ideas. You make the changes and she has another tweak. And back and forth it goes. In a professional environment this back and forth ends up with the developer getting fired.

Who Are Your Client’s Users?

The first requirement for an exemplary user experience is to meet the exact needs of the customer. No one site will satisfy every customer. If you’re building a retail site for a client, frugal shoppers might want price comparisons up front while high-end shoppers might be turned away by a site emphasizing price. Millennials are frequently cited as a demographic that care more about where the materials were sourced over pricing and presentation. These groups are not in silos and frequently overlap.

Resist the temptation of thinking that you know the customer. Only the business who has hired you knows their customers. They know what it cost to acquire them, maintain them. They know their demographics. The site has to meet these users’ UX expectations. Unless of course, the business is using the site to expand its customer base. These are things you need to learn.

Where Does the Site Fit in the Business Model?

Different sites are designed to perform far different functions. Is the site you’re building a lead generator for your client where potential customers will come to read a blog post and sign up for a white paper? Or is the final stop for a point of sale purchase after the hard selling has been done through an online marketing blitz, or an A/B test campaign. Is the site simply a brochure for an AmLaw 100 law firm or is it probate law firm with the goal of making people fill out a questionnaire.

There are thousands of variations to these because you’ll need to factor income, gender, age and so on. These are things you can’t begin to guess when designing a site. For example, how does a small insurance business that is rebranding its site provide a satisfying UX for both young and old visitors? Actually, it may not need to. The breakdown may not matter along the lines of age. It may be along regions. Insurance is its own animal. The thing is, you don’t know until you meet with the business owner, or marketing director. The more relevant questions that can pinpoint the target customer, the closer you are of knowing that customer and providing a satisfying UX.

Do not criticize an existing site, even misspellings. You’re likely to embarrass someone in the room

Schedule a meeting with the stakeholders to learn about their customers. If the client already has a site, use it to gather questions for the meeting, saying that it appears they are going for this audience. Do not criticize an existing site, even misspellings. You’re likely to embarrass someone in the room. Use that meeting to build a profile of their ideal customer and if they are achieving that now.

You can also use that site to look at its analytics. Who is visiting? What is the bounce rate? What pages are most frequented, etc. Use this information and see if it aligns with their requests.

Understand (Their) Business

The more you understand business fundamentals, the better you’ll understand how to provide the site they are looking for. In the insurance business example mentioned above, what do you think are their greatest costs? Customer acquisition? Differentiation? Fighting the insurance behemoths? These are things that are worth learning before the meeting about their customers. You may have some broad questions about their business pain points as well. Just be careful with these questions; they should really all relate back to the customer.

Develop and Present a Plan

You still haven’t written a line of code, and more importantly the client is now deeply engaged with your process. The plan is the information provided by your client and your vision to provide their customers with a great UX based on who the customers are. Expect push back here. The internal politics that might have emerged during the meetings will make the turnaround slower than you’d like. But better to have the push back here than after you’ve put in all those hours building and rebuilding it.

DDoS mitigator Incapsula was in the process of rebuilding its site using internal developers. Because it’s an in-house project, it has access to all of the above and began to ask questions that if finds important to its business, like…

How Do We Want Them to Feel?

The developers at Incapsula cited five emotional states that users experience when using an enterprise application. These emotions are common yet not exclusive to enterprise applications.

  • Power – Users want to affect real change while using the application.
  • Control – Users want to be the ones directing their application.
  • Assurance – Users want a secure application that performs as intended.
  • Pride – Users want to view their application as superior to market alternatives.
  • Accomplishment – Users want their application to help them achieve their goals.

In its customer reviews, Incapsula discovered that one of the recurring emotional states was that its customers needed a sense of assurance. Users wanted to know that a specific task ran after they clicked. Though the process always ran, the developers added a small indicator to show that it had and users were put at ease.

Incapsula is a larger company that can query customers and improve its CX and UX. But money does not make a great UX. Apple is the richest company on the planet and has a notoriously poor iTunes interface. What started as simple repository for music has become so bloated it’s nearly impossible to navigate unless you spend a lot of time learning it. It looks as if it has had input from too many departments without a person somewhere to say “no”. Apple is trying to please too many groups with one application.


With the stakeholders signed off on the site, you can now start to build. You know the customers, the purpose of the site, and you’ve defined what the new UX will be based on your client’s information.

Clearly understanding why customers that come to a site and what they need works in favor of both the customer and the business, providing the product or service the user wants with as little friction as possible. With your help, companies now have the opportunity to impact their business more effectively when a user uses your client’s services.


[– This is a sponsored post on behalf of Incapsula –]

Add Realistic Chalk and Sketch Lettering Effects with Sketch’it – only $5!


p img {display:inline-block; margin-right:10px;}
.alignleft {float:left;}
p.showcase {clear:both;}
body#browserfriendly p, body#podcast p, div#emailbody p{margin:0;}

from Webdesigner Depot https://www.webdesignerdepot.com/2018/03/how-incapsula-designed-its-ux/


How (and Why) to Get Everyone Sketching

If experience has taught me anything it’s that pictures are better than words, nothing aligns everyone’s understanding of a web design problem like a quick scribble with a sharpie (other writing instruments are available). It’s the quickest, easiest and cheapest way of making others understand your design thinking… so why don’t we do it more often?… in fact why doesn’t everybody do it?


Maybe we scare people off? one thing we often fall foul of as UX designers is making our sketches impressively artistic (which is great – it lends them an air of creativity and makes them easier to progress “look at these beautiful sketches” etc etc) but we need to realise that this really isn’t the point of sketching. We sketch to quickly and simply convey information.

Often our ‘artistic’ sketches can make others feel like sketching is an activity reserved for creatives – more like a piece of art than a simple piece of information.

This creates a fear in everyone else that their quick scribble on a post-it note or napkin isn’t good enough, that the snooty designers might point and laugh and at it (sadly not always an unreasonable fear).

But it’s one we need to dissuade as much as possible—there’s huge value in getting all the people involved in any web design project comfortable with sharing their thoughts and their feedback visually.

If you still need convincing, imagine this scenario – a classic email ping pong conversation that we’ve all experienced before:

Client: Hey, Can you move the block to the centre. Thanks
You: Hi, Yeah sure which block? Regards
Client: Hello, Just the one at the top please.
You: Hi, Ermm do you mean in the header?
Client: Not sure, is the header the top bit?
You: Yes the element at the top of the page with the hero banner and primary CTA
Client: Sorry you’ve lost me, it’s the button you click that I want moving
You: Ah right…which button? [crying noises]

Instead of 18 wasted emails of 2 difficult phone conversations and a nervous breakdown, imagine this being the conversation

Client: Hey, Can you move the block to the centre – like this. Thanks

So how do we do this? how do you convince ‘Brian from Accounts’ that he can, and should, sketch out his ideas for the new finance software?


So if the main blocker for most people is a perceived lack of artistic skills “I couldn’t possibly draw something I’m not a designer” right off the bat you need to make sure everyone knows that the neatness or attractiveness of a sketch is irrelevant. People need to see a sketch as just a quick and easy way to communicate certain things, with the emphasis on quick. One of my favourite ways to frame it with people is to politely ask “would you be able to do me a real quick rough sketch of that? Nothing detailed, just scribble it out and send me a pic of it?”

Usually this is enough for good old Brian from accounts to pick up a pen and give it a try but there can be others issues.


With the remote nature of some teams and clients it’s rarely as easy as walking round to someone’s desk with the actual paper a sketch is on. Faxing it is a little retro and mailing it might take a while! But thankfully technology easily comes to the rescue, just encourage people to scan their sketch or even take a picture on their phone if needs be.

Easy to use software that allows digital sketching such as inVision also exists. These tools allow amazing ways to collaboratively sketch, but while they are indispensable to many UX Designers it’s always worth considering how daunting this might feel to the audience we’re talking about before suggesting it.

Not My Job

As we’ve discussed the biggest barrier to getting everybody on board with sketching is usually a fear of being laughed at—‘how stupid and quaint it is that Brian from accounts thinks he can design now.’

This is even more true of your senior clients or stakeholders—this stems from the fact that there’s something quite vulnerable about presenting things that you’ve drawn yourself. A CEO of a massive mega global organisation may be very comfortable firing off written directions in email form but sketching some feedback to go along with it won’t come naturally to them at all; it’s not their job.

To get round this one it’s a case of setting expectations and positioning a sketch as nothing more than a scribble, something that won’t be viewed based on its artistic merits or shared unnecessarily. What I’ve found works well in the past is to demonstrate this. By this I mean actually creating a super rough and ugly sketch yourself early on in the project to prove a point. Show everyone that it’s ok to share that ‘napkin sketch’ without fear of it being publicly mocked.


So now you’ve (hopefully) got everyone onboard with sketching is there a right and a wrong time to entourage it?

In truth whenever you’re involving others in your project you should be pushing people to express themselves through a quick scribble—communicating ideas visually just works better nine times out of ten. There are however points in a project where you’ll find you can get the best out of sketching as a methodology, in my experience there are 2 key areas that benefit most.

Ideas Time

Early idea generation is a fantastic time to be encouraging the quick iteration of ideas that sketching allows – ideally with everyone in the same room clutching a sharpie. You’ll find that by getting everyone actively contributing to the creative process, regardless of their role, will remove a number of project hurdles very quickly – it also has the unexpected benefit of helping you get buy-in from everybody if they feel like they had an active hand in defining your design solution. If they drew a little bit of it themselves – they’re invested!

A nice simple way to get people sketching in this kind of situation is to lay the room out so that everybody has a pad and pens sat in front of them begging to be picked up and used.

Feedback Loops

Any point at which feedback is being gathered is the other time where I’ve found you can get the most benefit from encouraging everybody to sketch. The biggest benefit you’ll likely see here is the wonderful time saving you can get from removing misunderstandings (and the inevitable frustration that comes with them).

Obviously receiving a tiny sketch of every single feedback point from every single stakeholder would quickly drive even the most seasoned UX Designers round the twist (basic feedback like “Change LTD to Plc in footer please” would rarely benefit from an accompanying sketch). Instead just try and make sure your stakeholders know that if they think that any of their feedback might be tricky to follow you’d love them forever if they attach a quick sketch or even print out the design/page/wireframe in question and scribble on top of it.

So next project, break out the felt tip pens and hand them around.

Add Realistic Chalk and Sketch Lettering Effects with Sketch’it – only $5!


p img {display:inline-block; margin-right:10px;}
.alignleft {float:left;}
p.showcase {clear:both;}
body#browserfriendly p, body#podcast p, div#emailbody p{margin:0;}

from Webdesigner Depot https://www.webdesignerdepot.com/2018/03/how-and-why-to-get-everyone-sketching/


20 Best New Portfolios, March 2018

Hello readers! It’s March. As is tradition, I’ve gone and collected a bunch of interesting portfolio designs for your perusal. It’s an eclectic mix this month. You’ll see some plain and basic good design together with sites that do interesting things with 3D graphics. Enjoy!

Note: I’m judging these sites by how good they look to me. If they’re creative and original, or classic but really well-done, it’s all good to me. Sometimes, UX and accessibility suffer. For example, many of these sites depend on JavaScript to display their content at all; this is a Bad Idea™, kids. If you find an idea you like and want to adapt to your own site, remember to implement it responsibly.

Kaj Jeffries

Kaj Jeffries has won my meme-loving heart by the simple expedient of using GIFs to showcase his work as a director. It’s a simple technique that works flawlessly with his particular directorial style. The layout with two columns that scroll in opposite directions is perhaps not the most practical, but certainly fits the vibe while not being unusable.

Ori Studio

Ori Studio is the first site in a long time to have “dots” as their primary theme. I don’t know, the first word I thought of was “pointillism”, but that doesn’t feel quite right. In any case, the style lends a very distinct feel to the site, and I doubt I’ll forget it soon.

Julien Renau

When you take into account how much I dislike pre-loaders and the overuse of animation, it says something that I like Julien Renau’s portfolio. There’s just something about the little blinking mascot (which you can control via the arrow keys), and the execution of the rest of the site that I find both elegant, and a little charming.

Uncanny Valley Studio

Uncanny Valley Studio changes up what would otherwise be a fairly standard minimalist layout by embracing a distorted graphical style when presenting their projects. And it works.

Each of their projects also seems to feature some interactive elements, such as this basic music looper. This adds a whole new dimension to the way users experience the portfolio.

Snow Beach

Anyone who’s read a few of these articles will know that I can appreciate designers trying something bold, and even drastic, even if it’s a little flawed. That’s more or less how I’d describe Snow Beach, a portfolio for what appears to be a team of directors.

The navigation isn’t exactly obvious as navigation until you look closely, and the “screensaver” kicks in way too quickly. Otherwise, this site hits you hard with that red tone, and a design that is obviously all about getting you to the videos as quickly as possible. I like it.

Community Films

Community Films is another portfolio for several different directors. Instead of hitting you hard with a ton of one single color, though, this one organizes its videos (and Instagram posts) into a pleasant masonry layout.

I’d say they need to make it clearer which links are Instagram picture and which are videos from the get-go, without requiring the user to hover over each one. Otherwise, the site is pleasant to browse, and stays out of your way.

One Design Company

ODC2017 is an interesting case, as it’s not the main portfolio. It’s just a collection of things that One Design Company did in 2017. I have to say, it’s rare for me to see over a dozen color palettes put to use in one page, and even rarer still for me to think it works. But it works here.

Claudia Basel

Claudia Basel’s portfolio is another one of those sites that hits the right spot ion a weird way. You know, like, it’s weird but it’s good weird. Full-screen navigation with what looks an awful lot like a family photo on the home page gives way to a minimalist portfolio that is clean and clear.

Hugo Vann

Hugo Vann took the now very-familiar asymmetrical site and gave it a dark coat of paint. It’s simple, and nothing mind-blowing, but it looks pretty, and works well. What I do particularly like is the way he presents snapshots of his work in ways that make sense for the medium. For example, he doesn’t present his mobile interfaces with skeuomorphic faux-phones, but you can still tell it’s a mobile interface first and foremost.

Patrick Heng

Patrick Heng used his portfolio as a way to show off all of the fancy interactive tricks he could pull. But I’ll find a way to forgive him, if only because it’s just so pleasant to look at. It’s rare that a site manages to feel colorful despite most of its elements being monochromatic. It definitely has something to do with how colorful all of his work is.


I’d just like to tell the people behind Switch that their site is lovely, find yet another way to implement project slideshows creatively, and that they should look out for lawsuits from Nintendo; they litigate hard.

I typically wouldn’t recommend using slideshows for everything, but I must admit that more and more sites manage to make it work. Switch is one of them. I’d just make the contact info horizontal again. I don’t like trying to decipher text that’s “on its side”.


With the dead-simple layout, the huge and bold sans-serif type, and the thick black borders on some thing, Akademi feels like a bit of a throwback. You know, a throwback to two or three years ago, at most? Darn, trends move fast.

It ain’t fancy, but it’s a good website. Man, I almost miss this style, now.

Two Twenty Two

Two Twenty Two is the next site on this list to go a little nuts with the 3D graphics on its website. We’ve got polygonal pizza, lollipops, toast, sunglasses, and those boxes from Super Mario that have question marks. The rest of the site sticks to a fairly typical layout, but that homepage really sets the tone.

Magic People Voodoo People

Magic People Voodoo People lives up to its name by embracing a new-age kind of vibe in its presentation-style portfolio. And even if the logo does look a bit too much like clip-art for my taste, you can’t deny that they have a distinct theme going for them.

P.S. Click around on their page until you see lasers shoot from the eye-logo. Then keep clicking as fast as you can.

Contrast Films

Contrast Films has taken to the Internet with a presentation-style site that very lightly mimics the look of a video camera’s view-finder. It’s stylish, the type is great, and they milk that theme for all its worth.

I am still skeptical of navigation links being spread to all four corners (or sides) of any given website, though. I don’t know where this trend came from, and I’d dearly like to see some numbers on how well it does or doesn’t work.

Mr. Kyle Mac

Mr. Kyle Mac brings us another website that is light, clean, and minimalist, with a few light touches of animation. Nothing mind-blowing, but solid and dependable design.

Walter Spatzek

Walter Spatzek’s portfolio goes right past “light touches” of animation, and dives right into the deep end. And yet, the rest of the design feels elegant enough that I don’t mind. The work is very clearly emphasized, and does all of the selling.

Florian Wacker

Florian Wacker has managed to do something I never thought I’d see. They’ve made (what I’m pretty sure is) German look more elegant than terrifying through typography alone. Okay, that’s a joke, but really, if that was English, I’d quite enjoy just reading everything on this site.

Ketan Mistry

Ketan Mistry is an old-school designer, and his website embraces an old-school theme. I half suspect his website might have looked a lot like this as far back as when we used frames and tables for layout. And why not? Good design lasts.

Robbie Hall Creative

If Robbie Hall’s portfolio looks a bit like a theme, don’t worry. That’s just Bootstrap showing through. However, I didn’t figure that out ’til I looked at the source. In a way, that fact alone is a testament to the skill of the designer. Plus, it looks good.

Add Realistic Chalk and Sketch Lettering Effects with Sketch’it – only $5!


p img {display:inline-block; margin-right:10px;}
.alignleft {float:left;}
p.showcase {clear:both;}
body#browserfriendly p, body#podcast p, div#emailbody p{margin:0;}

from Webdesigner Depot https://www.webdesignerdepot.com/2018/03/20-best-new-portfolios-march-2018/


Popular Design News of the Week: March 5, 2018 – March 11, 2018

Every week users submit a lot of interesting stuff on our sister site Webdesigner News, highlighting great content from around the web that can be of interest to web designers. 

The best way to keep track of all the great stories and news being posted is simply to check out the Webdesigner News site, however, in case you missed some here’s a quick and useful compilation of the most popular designer news that we curated from the past week.

Note that this is only a very small selection of the links that were posted, so don’t miss out and subscribe to our newsletter and follow the site daily for all the news.

Google is Testing a New Material Design Layout for Search


Lesser Known CSS Quirks & Advanced Tips


Improve your Landing Page by Learning from the Best


We Write CSS like We Did in the 90s, and Yes, It’s Silly


Light Phone 2


Typography is the New Black: Trends in Web Design


Top 5 Freebies for UI Designers – February 2018


Sketch’s New Update is Too Little Too Late


Good to Great UI Animation Tips


Fire your Boss – Free (fun) Resignation Letter Generator


Bringing Back Skeuomorphic Design


Case Study: Lonely Planet Trips App Redesign


10 Tips for Designing Calls to Action


Hyperpage – The Limitless Web Hosting Platform


A French Graphic Designer Faces an Uphill Battle to Prove Disney Copied his Work


A New Approach to Color Theory


Third Party CSS is not Safe


25 Fun Things You Can Say to Annoy your Fellow Designers


Pentagram Rebrands Rotten Tomatoes After 17 Years


My UX Design Process


Google’s Song Maker Lets You Easily Compose Music Within your Browser


Really Bad Design Exercises


Your Interactive Design Makes Me (Literally) Sick


Why Chatbots will Never Be Popular


Pitching your Startup


Want more? No problem! Keep track of top design news from around the web with Webdesigner News.

Add Realistic Chalk and Sketch Lettering Effects with Sketch’it – only $5!


p img {display:inline-block; margin-right:10px;}
.alignleft {float:left;}
p.showcase {clear:both;}
body#browserfriendly p, body#podcast p, div#emailbody p{margin:0;}

from Webdesigner Depot https://www.webdesignerdepot.com/2018/03/popular-design-news-of-the-week-march-5-2018-march-11-2018/