Tag Archives: interactive

Visual Studio Code Can Do That?

About two years ago, I begrudgingly opened Visual Studio Code (VS Code) for the first time. The only reason I even did so is that I was working on a TypeScript project (also quite begrudgingly) and I was tired of fighting with the editor and the compiler and all of the settings that I needed to make a TypeScript project work. Someone mentioned to me that TypeScript “just works” in VS Code and I was pleasantly surprised to find that they were right.

View this article:

Visual Studio Code Can Do That?

Fighting Friction at Every Stage of the Funnel: Takeaways from Day 1 of CTA Conf

beyond-the-landing-page-650
Image by Vera Raposo via Twitter.

You can build the highest-converting landing page that ever existed, but if you’re not thinking beyond that initial conversion, you’re flushing your leads down the virtual toilet.

It’s a theme that kept cropping up during the first day of our Call to Action Conference (#CTAConf): after you’ve optimized your landing page, your job isn’t close to being done. As speaker Wil Reynolds, founder of Seer Interactive put it:

In other words, conversion rate optimization isn’t just about landing pages; it’s about discovering points of friction throughout the entire funnel and then eliminating them. To apply this logic only to a landing page is short-sighted, because every single touchpoint a potential customer has with a company could be critical in closing a deal.

Let’s take a look at a couple of ways that our amazing speakers told us about how we can go beyond the landing page and create delightful experiences for our prospects and customers – experiences that extend beyond that initial conversion.

Optimize emails you send after the conversion

After you’ve got your prospect’s contact info, you’ve gotta have a plan for hollering back. A smart, targeted plan that speaks to prospects in a personalized way.

But as Justine Jordan of Litmus reminded us in her talk, Send Emails that Actually Convert, email personalization isn’t just about adding your prospect’s name in your email’s salutation. We’ve all gotten emails that say, “Hello <name here>,” or “Hi, <null>.” Not exactly delightful.

You can personalize beyond a person’s name. And one of the ways that you can do that is to personalize your emails based on their actions — or inaction:

  • For example, if someone has just signed up for a free trial of your product (action), you can send them an email that explains something about how to use the product — something helpful.
  • Or if someone’s trial period is about to expire but they have not yet become an actual customer (inaction), you can send them a helpful hint that might entice them back to try your product.

Justine shared a ton of great examples of personalized email that goes above and beyond these concepts – she receives a daily email from WhattoWear.io that gives her the weather for the day in the city that she’s in and suggests what to wear based on what it’s like outside.

This level of personalization isn’t only delightful – it kicks friction’s butt.

Optimize every touchpoint with your customer

In a day jam-packed with great sessions from brilliant speakers, Wil Reynolds’ megaton talk, Brand & CRO: Trick or Treat: The Choice is Yours, also forced us to consider if we were applying CRO in all of the right places.

In one example, Wil discussed a SaaS client with a simple demand:

We need more leads! The leads you’re getting us suck!

(Well, I said it was simple, not polite.)

Rather than reacting to this by jumping straight into optimizing a landing page or a PPC campaign, Wil instead filled out a bunch of landing pages in his client’s vertical (including his client’s) and waited for the phone call.

Save for one, Wil’s client was the slowest to respond. By the time Wil had explained his needs to three different companies, he was no longer interested in discussing the matter.

The problem was not the lack of leads nor their quality. It was simply that by the time Wil’s client reached out to their leads, it was too late. They needed to optimize other aspects of their funnel to get the most of their leads, but never thought to look beyond the landing page.

What comes next?

If yesterday was any indication, day two of the conference is bound to knock everyone’s socks right down to their ankles. We’re sure to learn plenty of other optimization tips for every stage of the funnel – before and after the landing page conversion.

You can follow along in real time because we’re taking notes of each of the presentations. You can get them right here!


View post: 

Fighting Friction at Every Stage of the Funnel: Takeaways from Day 1 of CTA Conf

A Guide To Building SVG Maps From Natural Earth Data


Interactive maps are a fantastic way to present geographic data to your visitors. Libraries like Google Maps and Open Street Maps are a popular choice to do this and they excel at visualizing street-level data. However, for small-scale maps, SVG maps are often a better option. They are lightweight, fully customizable and are not encumbered by any licensing restrictions.

A Guide To Making SVG Maps From Natural Earth Data

It’s possible to find a number of SVG maps released under permissible licenses in the Wikimedia Commons. Unfortunately, it’s likely that you will eventually find these options lacking. The map you need may not exist, may be out of date (as borders change), or may not be well-formatted for web use. This article will explain how to create your own SVG maps using Natural Earth data and open source tools. You will then be able to create SVG maps of any area of the world, using any projection, at any resolution. As an illustration, we will create an SVG world map.

The post A Guide To Building SVG Maps From Natural Earth Data appeared first on Smashing Magazine.

Originally posted here:  

A Guide To Building SVG Maps From Natural Earth Data

How To Use the “Seven Deadly Sins” to Turn Visitors into Customers

Since the beginning of time, people have exploited the human desire to sin so that they could achieve their goals. Finding out what causes people to sin helps us understand the triggers which prompt people to take an action. The Web has made it even easier to exploit these tendencies to sin, in order to build user engagement and excitement about your service or product.
Further Reading on SmashingMag: Better Product Pages How To Engage Customers In Your E-Commerce Website Giving Your Product A Soul In this article we’ll show examples of how successful companies exploit the tendency to conduct all the famous Seven Deadly Sins, and in turn generate momentum with their website visitors.

View post:  

How To Use the “Seven Deadly Sins” to Turn Visitors into Customers

Maps In Modern Web Design: Showcase and Examples

Geo-location was a hot topic in 2009. With so many applications on GPS-enabled smartphones, more maps than ever were accessible to the average person. But how can Web designers and developers take advantage of an increasingly location-aware user base? This article explores existing trends, conventions and the possible future of interactive maps online.
Further Reading on SmashingMag: Paris Metro Map – The Redesigning Map Design: Redesigning Ekaterinburg’s Metro Map The Joy Of Illustrated Maps In The Era Of Google Earth A Guide To Building SVG Maps From Natural Earth Data Entering The Wonderful World of Geo Location The Fundamentals Of Online Maps When most people think of maps on the Internet, Google, MapQuest and TomTom might come to mind.

View this article: 

Maps In Modern Web Design: Showcase and Examples

Beautiful Motion Graphics Created With Programming: Showcase, Tools and Tutorials

When you hear the word “creative”, what type of profession comes to mind? Maybe a graphic designer, painter, sculptor, illustrator, or writer? It’s unlikely that you would consider a “programmer” when thinking of creative fields of work. But programmers have the potential to be creative and come up with ideas or concepts that will impact others in positive ways.
We often turn to programmers to solve mathematical-related problems, but the concept of mathematics in programming is what powers programmers to innovate.

Link to article:  

Beautiful Motion Graphics Created With Programming: Showcase, Tools and Tutorials

¡Viva Mexico! Showcase Of Web Design In Mexico

This post is the third article of our new series “Global Web Design“. Throughout this series we’ll be covering various continents, featuring web developers and web designs from different countries of the world and taking a close look at what’s happening in the web design scene worldwide. We started with Russian Web Design and Web Design in Ireland. We continue now with Mexico and next week with Israel. If you would like to prepare an article for this series, please contact us so we can discuss the details.

Link:  

¡Viva Mexico! Showcase Of Web Design In Mexico

Showcase of Case Studies in Design Portfolios

Portfolio websites are critical for designers who want to get exposure for their work and attract new clients. While all portfolio sites will showcase the work of the designer, some have chosen to provide additional information about the project through case studies.
In this post we will be featuring more than 30 portfolio sites to show how they are using case studies from their own design projects to communicate with potential clients.

Source article:  

Showcase of Case Studies in Design Portfolios