Search Results For: mockup

20+ Best Free Invitation Templates

Inspiration / 10 May 2019

20+ Best Free Invitation Templates

When it comes to designing an invitation card, whether it’s for a wedding, party, or a special event, many people choose to hire a designer to make a professional invitation card design. The good news? There are dozens of stunning, free invitation templates out there!

What if you only want to print a few invitations for a family-only wedding or a small event? Of course, you wouldn’t want to spend hundreds of dollars on a designer to get an invitation card designed. This is where invitation templates come to help.

We handpicked a collection of modern and professional invitation card templates you can use to make your own invitation for all kinds of occasions. The best part is the templates are free to download and you can easily edit them as well.

4 Unique Placeholder Image Services for Designers

Software / 16 Jul 2018

4 Unique Placeholder Image Services for Designers

A placeholder image service is a quick and easy way to find images to insert into web projects so that a wireframe or prototype looks more real. It can help other people envision the project and help keep it moving forward.

Most designers try to do everything they can to help a client or non-visual team member see a project during the design, mockup and prototyping process. Often that means putting something together before the content itself is complete.

Here, we’re going to look at four different (and unique) placeholder image services for designers to help you move projects along as efficiently as possible. (Plus, we have a list of reasons why a tool like this might be helpful.)

How to Write a UX Proposal

UX Design / 25 Jun 2018

How to Write a UX Proposal

Did you know that a great UX proposal can solidify client relationships and facilitate project management? Here’s how you write a UX proposal that will help you manage projects, and strengthen client relationships.

A UX proposal is a document that outlines a UX, app or web design project. It should note what the problem is – what the client wants – and how a solution will be developed digitally. The proposal sets an expectation of work, what will get done, and the timeline for milestones and launch. It is the guiding document for the project that developer/designer and client agree on before work starts so that everyone is on the same page.

If you are working without a UX proposal, you might want to make a change to that process right away.

20+ Awesome Resources for Bootstrap Lovers

Bootstrap / 22 Mar 2018

20+ Awesome Resources for Bootstrap Lovers

Bootstrap has simply exploded in the web development community. There will always be skeptics and haters but on the whole, the project has been a smashing success and can constantly be seen at the top of the Forked and Watched charts at GitHub.

As a result of Bootstrap’s fame, lots of great related resources have been put forth by the development community. Today we’ve collected our favorites into a list of everything you need to get started with Bootstrap. From introductory tutorials to wireframing kits and custom generators, there’s something here for every Bootstrap lover.

How Many Design Options Should You Show a Client?

Business / 17 May 2017

How Many Design Options Should You Show a Client?

You’ve been working on a client project for a little while now. It could be a website design, brochure, or something else altogether — but you’ve spent some time on it. You like the concept. Is that all you need to go back to the client with? Or do you need to create a couple more options for the design review?

There’s a balance of creating enough for a client to choose from, and avoiding work that you know will certainly just get thrown aside. If you know the client well, chances are you can present just one design option. (Seriously!)

Thinking About Design Thinking: Is It Important?

Business / 23 Nov 2016

Thinking About Design Thinking: Is It Important?

Design thinking is the biggest buzzword in the design world since flat design. Everyone is talking about it… even non-designers. So what is design thinking? Is it important? Should you care?

Here’s the good news: design thinking is something that’s probably part of what you “just do” even if you didn’t have a name for it. Design thinking is another way to think about problem-solving. Let’s take a closer look, and delve into what it means, and why it can be useful!

20+ Stunning Hero Images for a Creative Website

Inspiration / 20 Sep 2016

20+ Stunning Hero Images for a Creative Website

What do Salesforce, TaskRabbit, Tesla, and Pocket websites have in common? They all rock hero images.

Make no mistake, the hero image web design trend is still very much alive. What is a hero image? Well, it’s basically a giant banner-style image that takes over the top half of the page. The main goal of this design strategy is to quickly grab the user’s attention while showcasing some of the features of a product or a service at the same time.

According to research, colored visuals increase people’s willingness to read a piece of content by 80%. It’s one of the reasons why placing a hero image above the fold has been found to be quite effective in increasing website engagement.

10 Ways Designers Solve Problems

Business / 27 Aug 2015

10 Ways Designers Solve Problems

Designers, by nature, are problem-solvers. Every project is a problem or challenge that involves helping other people understand something. Designers have to see through all the fog and clutter to create a solution.

This creative type of problem solving comes naturally in part, but some of the actions are learned. Have you ever stopped to think about how you work to solve problems? Here we will examine 10 ways that designers do just that with a collection of abstract images to inspire some of that problem-solving thinking.

Designing Your Resume: Create the Perfect First Impression

CV & Resume Templates / 17 Aug 2015

Designing Your Resume: Create the Perfect First Impression

Resume design is as much about content design as aesthetics. It’s great to have a resume that stands out and makes a potential employer say “wow,” but that wow factor has to keep flowing as they read through the contents of your work history.

It’s a delicate balance between design and content. Treat developing your resume as you would any other design project. Start with the content first. Develop all the things that need to be on your resume and then let that drive the look of the words on the page. (And we all know resume design can be a challenge because there is so much text.)

Understanding Agile Design and Why It’s Important

Business / 19 Jun 2013

Understanding Agile Design and Why It’s Important

It’s no secret that the agile development process has been hurtling through the development world for several years now, swatting aside the older, clunkier waterfall development method. To be fair, whether it was agile or something else, waterfall really had it coming, as its risk-averse, top down approach just can’t keep pace with the demands of today’s marketplace.

While similar changes are occurring in the design world, the agile design process should necessarily look and feel a little different than agile development; they are, after all, different disciplines. Let’s take a deeper look first at what agile development is, and then at a few great ways to adapt the process to the design world.

Photoshop to CSS Conversion: 3 Methods Compared

CSS / 3 Jan 2013

Photoshop to CSS Conversion: 3 Methods Compared

Converting Photoshop mockups to live web code is an extremely common practice among web designers. We’ve all done it a million times by hand, so it’s pretty exciting when we start seeing solutions pop up that will help us automate this process.

The latest version of Creative Cloud Photoshop CS6 has a built-in feature for converting Photoshop styles to CSS, and if you need another solution, there are two solid extensions that you can check out. Today we’ll compare the results of all three methods: Photoshop, CSS3Ps and CSSHat to see which is best.

Easel: A WYSIWYG Bootstrap Page Builder

CSS / 20 Nov 2012

Easel: A WYSIWYG Bootstrap Page Builder

Twitter Bootstrap makes creating complex page layouts a breeze. Drop in a few lines of HTML, apply a few classes and you’ve got yourself a decent looking, minimal working mockup.

Wouldn’t it be nice if things were even easier though? What if Bootstrap had a visual interface? What if you could build Bootstrap pages by dragging and dropping elements onto an empty canvas? With Easel.io, you can do exactly that. Let’s see how it works.