How to Sell Web Design Services

It’s becoming easier to design websites, what with Wix, Squarespace, and even now WordPress providing DIY site builder tools. On the flipside of that, it’s becoming increasingly more difficult to convince even the least technically-savvy business owner that they shouldn’t try to build their own website.

Sadly, the rise of the site builder isn’t the only excuse prospects have for not wanting to work with web designers.

In this post, I’m going to explain the most common reasons why prospects say “no”, or “not now”, or “not you” and what to do about it.

“I don’t have time to talk about this. Can you just send me an email with the information?”

You’re being given a brush off before you’ve ever had a chance to make your pitch. That’s because they view a website as a burden.

When you hear this objection, gently explain that it’s okay, what you have to tell them won’t take too long. This isn’t about stealing their time; this is about giving more of it back to them.

Just make sure you come prepared with a clear explanation of what you’re going to do for them (focus on the benefits, not the features) and be able to explain it quickly.

“I don’t need a website. I have a Facebook / LinkedIn / Google page”

Explain that, while social media is indeed a necessity in this day and age, nothing can substitute for a website.

With a website, the business controls the narrative of their story. Plus, the business doesn’t have to compete with surrounding links and ads and other company mentions. The website is their dedicated space to proclaim to the world wide web: “This is what we do!”

In addition, websites can do things that social media and a Google My Business page cannot; like accept reservations and appointments; or sell memberships, digital downloads, and physical products; or actively target specific keywords for ranking in search results.

A website is a powerful tool they can’t afford to be without.

“I already have a

20+ Best InDesign Templates 2019 (For Brochures, Flyers, Books & More)

InDesign is a piece of software that can be used for all manner of design and publishing. With the help of pre-made InDesign templates, you can take full advantage of this software to supercharge your workflow and complete projects in record time.

Whether you’re working on a brochure design, flyer design, book, or magazine design, you can easily get a head start in your design process when using an InDesign template that’s already been designed and formatted by professionals.

In this post, we’re featuring a hand-picked selection of various InDesign templates you can use with all kinds of projects. If you’re looking for inspiration, these designs will help you get a few new ideas as well.

Beqsa – Multipurpose Magazine InDesign Template

Beqsa Magazine InDesign Template

Working on a magazine design? Then these templates will come in handy. This bundle includes 3 different cover design styles with each template featuring 40 page layouts with multipurpose designs you can use to create any type of magazine. The template comes in A4 size and it can be easily customized with InDesign CS4 and higher.

Company Profile Brochure InDesign Template

Company Profile InDesign Template

Company profile brochures take a major role is marketing and promoting a business. This modern brochure template is perfect for making a professional company profile for creative agencies and corporate businesses. It includes 20 unique page designs in both A4 and US Letter size.

Business Report Brochure Template

Business Report Brochure Template

With this stylish brochure template, you’ll get to create business reports that’ll wow your audience. It features an elegant design that also allows you to properly structure the report content with paragraph styles, infographics, and more. The template includes 36 page designs.

Fashion Flyer InDesign Template

Fashion Flyer InDesign Template

Every fashion store prints a fresh batch of flyers for each seasonal sale. This template is highly customizable and allows you to use it to create an attractive flyer to promote your seasonal sales and offers in style. The template is available in A4 size and can be customized with InDesign CS4 and higher.

Corporate Trifold Brochure Template

Corporate Trifold Brochure Template

Corporate brochure templates usually look …

Using “box shadows” and clip-path together

Let’s do a little step-by-step of a situation where you can’t quite do what seems to make sense, but you can still get it done with CSS trickery. In this case, it’ll be applying a shadow to a shape.

You make a box

.tag {
  background: #FB8C00;
  color: #222;
  font: bold 32px system-ui;
  padding: 2rem 3rem 2rem 4rem;
}

You fashion it into a nice tag shape

You use clip-path because it’s great for that.

.tag {
  /* ... */
  clip-path: polygon(30px 0%, 100% 0%, 100% 100%, 30px 100%, 0 50%)
}

You want a shadow on it, so you…

Try to use box-shadow.

.tag {
  /* ... */
  box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5);
}

But it doesn’t work. Nothing shows up. You think you’re going crazy. You assume you have the syntax wrong. You don’t. The problem is that clip-path is cutting it off.

You can drop-shadow a parent element instead

There is a filter that does shadows as well: drop-shadow(). But you can’t use it directly on the element because the clip-path will cut it off as well. So you make a parent:

<span class="tag-wrap">
  <span class="tag">
    Tag
  </span>
</span>

You can’t use box-shadow on that parent either, because the parent is still a rectangle and the shadow will look wrong. But you can use filter, and the shadow will follow the shape.

See the Pen
Shadow on Shape
by Chris Coyier (@chriscoyier)
on CodePen.

That’s all.

The post Using “box shadows” and clip-path together appeared first on CSS-Tricks.

from CSS-Tricks https://css-tricks.com/using-box-shadows-and-clip-path-together/…

Under-Engineered Toggles

Toggles. Switches. Whatever you want to call them, they’ve been with us for some time and have been a dominant a staple for many form interfaces. They’re even baked right into many CSS frameworks, including Bootstrap and Foundation.

It’s easy to think of them in binary terms: on and off. Off and on. Click to change the state and call it a day, right? I mean, it’s just a checkbox with a styled visual representation.

Well, Adrian Roselli shows us that there’s a lot more to think about. And, not only that, but he shows how we can under-engineer them:

I am only going to provide styles to visually convert a standard checkbox into a visual toggle. No ARIA, no script, no special features. A progressively enhanced checkbox that will continue to work if the CSS file does not load

There’s a lot to digest here. His approaches to accessibility run the gamut, from hover, active, focus and disabled states to contrast in both light and dark modes, and many things in between. What’s particularly key is the progressive enhancement he mentions in that quote above.

I think the most interesting thing about Adrian’s post is just how flexible his approach is to handle any situation, including color schemes and writing modes. He also takes note of the indeterminate checkbox, that state that’s nether on or off, but something perhaps in between. We have a CSS pseudo-selector for that and it could warrant a post its own, given that it’s a purely visual state that cannot be set in the HTML and needs to be registered via JavaScript. It’s interesting to think of an “in between” state for a switch and Adrian’s use case for the default state Airplane Mode is pretty compelling.

It’s an awful lot of work that we have to do to ensure that the front-end is designed well and I think this post is the best example I’ve seen in a while as to why our work is not a problem to be

In Defense of the Ternary Statement

Some months ago I was on Hacker News (as one does) and I ran across a (now deleted) article about not using if statements. If you’re new to this idea (like I was), you’re in a for a real treat. Just search for “if statements” on Hacker News. You’ll get articles proposing that you might not need them, articles that refer to them as a code smell and even the quintessential “considered harmful.” Listen, you know a programming concept is legit when people start suggesting that using it is actually gonna hurt somebody.

And if that’s not enough for you, there is always the “Anti-If Campaign.” If you join, you get a nifty banner and your name on the website. IF you join. Oh the sweet, sweet irony.

The first time that I ran across this bizarre “if anathema” phenomenon, I thought it was interesting, but probably just more people mad on the internet. You are always one Google search away from finding someone who is mad about anything. Like this person who hates kittens. KITTENS.

Some time later, I was watching Linus Torvald’s TED interview. In that interview, he shows two slides. The first slide contains code that he deems is “bad taste.”

And the second is that same code, but in what Linus would consider, “good taste.”

I realize that Linus is a bit of a polarizing figure, and you might not agree with the “good taste” vs. “bad taste” phrasing. But I think we can universally agree that the second slide is just easier on the old eye balls. It’s concise, has fewer logical paths to follow, and contains no if statement. I want my code to look like that. It doesn’t have to be some genius algorithm (it never will be), but I think it can be clean, and remember what Billy Corgan of Smashing Pumpkins said about cleanliness…

Cleanliness is godliness. And god is empty. Just like me.

– Billy Corgan, “Zero”

So dark! But what an amazing album

6 Actionable Tips for Accessible Emails

WHO suggests that 1.3 billion people all around the world have some kind of visual impairment – which includes 217 million people with moderate to severe vision impairment; 36 million people are blind worldwide; 15% of the global population have some kind of disability.

With the advancements in adaptive technologies, such as screen readers, magnifiers, eye-tracking, joysticks, and sip-and puff technology, visually impaired and disabled people are able to use computers, tablets, and smartphones.

Emails that are designed taking into consideration only people with a normal range of vision, hearing, and mobility, may not be usable for others. As a result, email accessibility is now a must-know topic for designers.

Let’s take a deep dive into how to design accessible emails, and reach each and every subscriber on your list.

1. Email Copy

Divide your copy into easily readable chunks with the help of headings. By doing so, your email will be easily understandable for every subscriber, including those who are listening to the email with the help of a screen reader. Check your emails with Flesch-Kincaid Reading Ease test in Microsoft Word. It will let you know the readability score of your emails:

  • 90-100: Easily understood by child of 11 years.
  • 60-70: Easy to understand by 13-15 years old teens.
  • 30-50: Easy to understand by college students.
  • 0-30: Understood by college graduates.

Use lucid and to-the-point language to get a better (higher) score.

Take a look at this email by SurveyMonkey. It has a succinct copy with a neat presentation. The ample white space makes it easy to read. The contrasting CTAs in the white background are clearly visible to the reader.

2. Visual Elements

If you are creating an accessible email, the imagery should not contain the text that conveys the core message of the email. Even if you decide to use text in the images, write illustrative copy.

GIFs are being used in emails extensively but you should refrain from designing animated GIFs that flash repeatedly, lest they trigger photo-sensitive seizures in some users; use a …

Blockchain 2.0 – Public Vs Private Blockchain Comparison

The previous part of the Blockchain 2.0 series explored the the state of Smart contracts now. This post intends to throw some light on the different types of blockchains that can be created. Each of...

The post Blockchain 2.0 – Public Vs Private Blockchain Comparison appeared first on OSTechNix.

from OSTechNix https://www.ostechnix.com/blockchain-2-0-public-vs-private-blockchain-comparison/…

12 of the Top Multipurpose WordPress Themes Available Today

The Swiss Army knife is an extremely handy tool. You can do many things with one and do them well. Due to their small size, some of the individual tools can have certain limitations. Yet given the chance, few people would refuse one as a gift, and most wouldn’t hesitate to purchase one at a fair price.

A multipurpose theme is a different kind of animal. The performance of some would lead you to think about the “Jack of all trades, master of none” saying. You would believe that this truism that applies to software tools just as it does to many other things.

Indeed, some may be lacking in what you need to build certain types of websites. Yet, premier multipurpose themes provide everything you’ll need to build a high-performing website. Here are the 12 best options in our opinion.

Be Theme

BeTheme’s 40+ core features give you a powerful toolkit you can use to build any type of website for any purpose, and as close to perfection as possible. These core website-building features have much to do with Be being the biggest WordPress theme of them all. What really tips the “bigness” scales is its library of more than 400 professionally designed, responsive, and customizable pre-built websites.

As these 30+ pre-built websites cover all the major business and industry sectors, it’s never a problem to find a close match that will get your project off to a flying start. Better yet, each of these pre-built websites features the functionality you need to produce a website that is not only responsive, retina-ready, and SEO friendly but features a friendly UX as well.

Features like the new Header Builder provide you with greater design flexibility and make your overall design effort as easy as can be. No coding is necessary, and it’s not at all unusual to complete a reasonably complex project in as little as 4 hours.

Jupiter

Give Jupiter X half a chance to show its stuff and it will do what only a premium quality multipurpose theme …

Mid-Century Modern Design: An Emerging Trend

Of all the retro design styles that have been trending, mid-century modern design might be one of my favorites. The phrase “mid-century modern” is more than just a staple on home improvement television shows, it’s also a classic art and design style that speaks to an era.

The best thing about mid-century modern design is that it can simplify the complex. It was a popular style in homes and décor, as well as graphic and product design in for decades spanning the 1930s, 40s, 50s, and 60s.

Now it is making a comeback as a graphic and web design trend.

What is Mid-Century Modern Design?

mid-century modern design

It’s definitely a design style that comes with a distinct manner of taste

“Mid-Century Modern” is a collection of design styles that most us of would consider retro these days. While it’s not always easy to define this aesthetic there are common color, shape, spatial and typography elements that help make it identifiable.

Mid-century modern is often colorful and bold. Shapes and space are often wide, asymmetrical and even aloof in style and structure. Typography is often on the simple side with block sans serifs, simple serifs and plenty of all-caps fonts.

One of the most common features of mid-century modern design is that it looks somewhat abstract and disjointed at a glance, but when you really look at these pieces, they work fantastically. It’s definitely a design style that comes with a distinct manner of taste – people tend to love it or hate it.

The best modern mid-century mod collection of elements might be the visual catalogue by Theo Inglis on Tumblr (also featured above).

Mid-Century Mod Characteristics

mid-century modern design

There are specific design elements that you can expect to find in most mid-century modern graphic designs.

Part of the reason this “retro” style is trending is that it makes use of other design trends from minimalism to use of geometric shapes. A designer doesn’t have to use all – or even many of – these elements for the style to qualify as having a …

Easy Data Retrieval From Hard Drives

It’s easy. You might think it’s not but it is. Retrieving data from the hard drive is not as hard as you think. Unfortunately, most people think it’s hard. For that reason, not a lot of people think about retrieving data from their hard drive. When their computer or laptop gets busted, they just end up buying a new one. If they want to salvage any of their files, they’ll just try to retrieve data from their external drives. They won’t bother with hard drive of their computer or laptop.

Hard drive data retrieval can get pretty intimidating for most people, especially the ones who hardly have any kind of computer background. Of course, there’s no excuse for ignorance but there are really some people who just don’t think much about their hard drive.

Now that could be a problem, especially for some people who are still using Windows 7. If you’re one of these people who are still using Windows 7, you should probably start to think about hard drive data retrieval. If you are not aware of the latest new on Windows 7, then here it is. Microsoft will discontinue its support for this particular operating system.

Windows 7, which was released in 2009 – when the Internet was a very different place – will no longer be supported for free starting January 15th, 2020.

For most people, the best course of action is to migrate to Windows 10, which will provide you with ongoing security updates to protect you.

(Via: http://ktar.com/story/2438607/what-are-my-options-when-microsoft-discontinues-support-for-windows-7/)

Considering the latest news on Windows 7, it really doesn’t take a computer or laptop breakdown to think seriously about hard drive data retrieval. If your computer is still running on Windows 7, your data could eventually be in danger. There is a security risk if your Windows 7 is no longer updated from time to time, unless you are using Windows 7 Pro.

If you have specialized software or devices running on Windows 7 Pro, you can purchase the extended support through January of