Big Bang Redesign: Smashing Magazine’s 2017 Relaunch, a Case Study

You’ve been there: big bang redesigns are usually a very, very bad idea. Redesigning and rebuilding an existing website from scratch is risky and unpredictable, and in many cases the level of complexity is highly underrated and underestimated. In mid-2016, Smashing Magazine decided to make a big switch from the existing WordPress setup to an entirely new design, entirely new architecture (JAM Stack) and an entirely new, GitHub-based, editorial workflow.

See the original article here: 

Big Bang Redesign: Smashing Magazine’s 2017 Relaunch, a Case Study

Designing For A Browserless Web

What happens when we take the web browser out of web browsing? Google’s new “Add to Homescreen” feature delivers fast, focused web experiences that are indistinguishable from those of a native app. What can designers learn from the successes of early adopters such as Twitter, and how can we leverage app-like design patterns to tackle this brand new set of user experience challenges?
The “Add to Homescreen” installation process, as shown on Google Chrome Developer’s mobile website (Image source) (Large preview) We’ve seen debates on the topic of native versus web experiences.

Visit site – 

Designing For A Browserless Web

Announcement: Navilytics Is Now A Part of VWO

With the launch of the New Conversion Optimization Platform by VWO, Navilytics’s visitor analytics features have been integrated into VWO Analyze Capability.

Due to this Navilytics will cease operations after December 31, 2017. 

Here is a detailed overview of the announcement and how it affects you:

  1. After December 31, 2017, your account with Navilytics will automatically expire and you would lose access to Navilytics. It will no longer be available to use.
  2. After your accounts expire on December 31, 2017, all your existing data will be erased.
  3. During this period, you may use your current Navilytics account free of charge. We will not be charging any additional fee until December 31, 2017.
  4. In addition, we are also offering you a 3-month subscription to VWO Pro Plan. You may choose to avail this subscription anytime in the forthcoming year free of cost.
  5. VWO’s Conversion Optimization platform consists of all existing Navilytics capabilities as well as additional capabilities that focus on improving your website conversion. You can learn more about VWO here.

We would encourage you to speak to our team here and migrate to VWO. Our sales team would ensure that your transition is as smooth as possible. Please write to us at sales@vwo.com for all your queries.


The post Announcement: Navilytics Is Now A Part of VWO appeared first on VWO Blog.

See the original article here: 

Announcement: Navilytics Is Now A Part of VWO

Django Developer

We’re looking for developers to join us in our office in central Bristol, developing websites, tools and apps for huge audiences. Our clients include Google, YouTube and Tate. We are proud to be a part of the AKQA network.
This role will see you working as part of a friendly, expert team. The workload will sometimes be hectic, but the atmosphere is cheerful and proactive. We want to put you in a position to write and deploy the best code that you can.

Original source: 

Django Developer

4 Ways to Use Typefaces on Your Landing Page to Elevate Your Brand

There’s a reason you can recognize an Apple ad right away. Same with Nike and Airbnb. A big part of that is because of imagery, copy, and layout, but typefaces play a huge role as well.

Although the ROI of having a strong brand is harder to measure than, say, clear button copy, it’s telling that some of the most respected companies in the world have strong design cultures and distinct aesthetics.

Brand recognition via typefaces and design

Examples of Apple and Nike’s on-brand design aesthetics.

When designing landing pages, you need them to be on-brand, pixel for pixel. Great design is often a tell-tale sign of more sophisticated marketing (and can give you an easier time getting conversions as it can help convey that you’re well established). One of the most obvious elements that need complete design versatility on your landing pages is your typeface.

This is why Unbounce launched built-in Google fonts in September of this year. Now there are 840+ fonts to choose from for all your text and button needs, straight from the text editor’s properties panel:

New Google Fonts in the Unbounce builder

For some inspiration on how to best use this newfound world of hundreds of fonts, we’re passing the mic to some of our in-house designers at Unbounce. See what they have to say about everything from the best fonts for creating a visual hierarchy to how your text can communicate emotion. Plus see what types of fonts they’re excited to use in their upcoming design work in the builder.

Break the rules where possible

Cesar Martinez, Senior Art Director here at Unbounce, hears a lot of talk about rules. But they’re not the be-all-and-end-all. As he tells us:

“Often when discussing typography with my peers, I hear about all sorts of design principles, some of which I’ve always challenged myself to learn almost as commandments. I realized that is very easy to fall into a vortex of overused principles of visual communication that can potentially damage your integrity (or what some call originality) as a brand.

When designing landing pages that need to feel especially branded or out of the box, try breaking these rules every now and then
(then A/B test to see what works and doesn’t). For example, you could use more than two typefaces in one paragraph, break the kerning on your headers, use a big bold-ass serif on a semi-black background and see how it looks with a thin handmade brushed calligraphic font as the subheader…I know it sounds crazy, but this can lead to unexpected results and it’s something I’m really looking forward to doing with the builder’s new built-in Google fonts.”

Some of Cesar’s favorite out-of-the-box examples of typography?

“I love what ILOVEDUST does when it comes to typography. I also recommend reading Pretty Ugly2 as an introspection of “bad” typography applications that succeed in the way they communicate a visual idea.”

Which font is Cesar most excited to use in the builder? A few: Roboto, Playfair, and Abril Fatface.

Try Roboto, Playfair and more in your next landing page design. See how to create a landing page in Unbounce and experiment with typefaces in a free 30 day trial.

Use fewer fonts to clarify information hierarchy

Denise Villanueva, a Product Designer, created our Unbounce Academy with clear and consistent hierarchy in mind.

“Good typography is the most straightforward way to create a clear content hierarchy. That, above anything else, should be the main criteria of choosing typefaces for your brand.”

Denise provided some specific pointers to help you achieve sound content hierarchy on your landing pages:

Denise

“When in doubt, using one font family in 2–3 weights (or two font families in 1-2 weights) will work the vast majority of the time. Using more than three typefaces can be distracting and chaotic — avoid doing it.”

As an example, Unbounce’s Fitspo template features the Raleway font (in all caps for headers and sentence case for regular body copy) and a clear, attention-grabbing header with supporting sections that guide you further down the page. Think of it as presenting your information in clearly defined levels that are easy to read.

Unbounce's Fitspo landing page template

Create a new landing page fast with the Fitspo template — or browse through other stunning designs you can use today.

Give someone all the feels with typographic details

For Denis Suhopoljac, our Principal User Experience Designer, using the right typography can evoke feelings in your audience:

Denis Suhopoljac

“Typefaces are all about composition, harmony, and mood rolled into one. By matching the right typography traits with voice, style and tone of a brand, you can enhance the wit, humor, or seriousness of a piece of copy. When it’s done right, typography makes your copy (and your entire brand experience) legible, readable, and appealing.”

Typefaces can convey emotion

Different fonts convey different types of emotions via text — what do these typefaces make you think of? Professionalism? Reliability? Playfulness? Timelessness?

Try incorporating typeface as part of your message

To Ainara Sáinz, our Interactive Designer, good typography can do double duty and save you from having to use other supporting imagery.

Ainara Sainz“If typography is done well, you don’t always need extra elements like images, backgrounds or even colors to reinforce the message. And sometimes, the execution is so flawless that the audience might not even need to know how to read to understand and feel the message behind it. Like Ji Lee’s Word as Image project—just… wow.”

Image via Ji Lee’s Word as Image project.

Your landing pages can make use of stunning fonts too

Having solid branding does wonders for a brand’s credibility, and our customers have been telling us that they want to get in on the action. Get into the builder today to explore the 840+ new typeface options available, and find your favourite pairings for your next landing page.

Original article: 

4 Ways to Use Typefaces on Your Landing Page to Elevate Your Brand

How to Avoid Web Analytics “Analysis Paralysis” and Spend More Time Making Optimization Wins

It’s much easier to start your website optimization journey from a visual perspective than a strictly numerical one. When you can immediately see where visitors and users are clicking and where they’re not, you’re instantly clued into obvious bottlenecks, blockers, and regions that are completely ignored. Take this Google Analytics data for example… When you start digging through your typical analytics package, you’ll end up several pages deep, looking at listed data such as that shown above. Not always helpful, right? Visualizations are the best place to start What happens when I look at visual website analytics? This is a…

The post How to Avoid Web Analytics “Analysis Paralysis” and Spend More Time Making Optimization Wins appeared first on The Daily Egg.

See original article: 

How to Avoid Web Analytics “Analysis Paralysis” and Spend More Time Making Optimization Wins

Thumbnail

How To Avoid Web Analytics ‘Analysis Paralysis’ & Spend More Time Making Optimization Wins

Visualizations are the best place to start It’s much easier to start your website optimization journey from a visual perspective than a strictly numerical one. When you can immediately see where visitors and users are clicking and where they’re not, you’re instantly clued into obvious bottlenecks, blockers, and regions that are completely ignored. Take this Google Analytics data for example… When you start digging through your typical analytics packages, you’ll end up several pages deep, looking at listed data like what is shown above. Not always helpful, right? What happens when I look at visual website analytics? This is a…

The post How To Avoid Web Analytics ‘Analysis Paralysis’ & Spend More Time Making Optimization Wins appeared first on The Daily Egg.

View article: 

How To Avoid Web Analytics ‘Analysis Paralysis’ & Spend More Time Making Optimization Wins

The New Smashing Mystery Riddle, An Emoji Edition

Oh yes, the infamous mystery riddles are back! At this point, you might be used to endless, mischievous, tricky, mean, time-consuming and intricate Mystery Riddles, and the new one is no different.
To celebrate the relaunch of this little website, we’ve prepared something special yet again — a Smashing Emoji Mystery Riddle. And this time, instead of scouting an answer in a physical place or on Twitter, it’s well hidden somewhere on this website.

Visit site – 

The New Smashing Mystery Riddle, An Emoji Edition