background preloader

A frequently-updated compendium of web app first-run experiences

Related:  TypographyCreating a productWeb design

Typography Teardown of Advertising Age February 24, 2015 I’m a huge fan of Samuel Hulick’s user onboarding teardowns so I thought it would be fun to try a new feature on Typewolf where I do a “typography teardown” of a popular website. I’ll review the design from a typographic perspective and discuss what makes the type work and what could potentially have been done better. In this first edition I’m going to take a deep dive into the type behind the Advertising Age website. How to Create Landing Pages That Convert We talk a lot about landing pages these days, but what exactly are they? Broadly, a landing page is any page that visitors can get to or “land” on. When we refer to landing pages in a marketing context, we’re usually talking about standalone pages that are separate from your main website. We use landing pages to further one, specific goal – usually conversion, or getting visitors to take a particular action on the page. Whether you’re already using landing pages or not, taking a good look at how you can optimize pages for conversion is definitely a worthwhile investment. VividBoard, a company that makes custom whiteboards, committed to improving their landing pages and saw conversion rates rise from 2% to 27%.

Lessons in Typography from the World’s Most Powerful Brands The fonts you choose for both your logo and your content can say a lot about your brand. Because of this, big brands are extremely particular about their typography choices and smaller brands can learn a lot from studying their visual decision making. After looking at the corporate styling guides for many of the companies on Forbes’ list of the world’s most powerful brands, several trends became apparent. For better or for worse, everyone still loves Helvetica This should come as no surprise. The ubiquity of Helvetica in graphic design is well known and understandable; as a clean, simple and enduring typeface, it’s always a safe choice.

We Analysed The Homepages Of 20 Awesome Startups And Here Is What We Learnt Your startup’s homepage or landing page may be the one most important page of your site. Think of it as an empty canvas which you, as a business owner or web designer, can use to engage your first-time visitors. Primarily, your homepage’s job is to explain what your product or service is all about. But of course, it needs to do much more. It needs to provide your visitors with re-assurance that you are trustworthy, reliable and real. It needs to tell your visitor where to go next. 20 Typography Mistakes Every Beginner Makes – And How You Can Avoid Them Much more than just arranging pretty fonts on a nice background, typography is an essential part of most designs — one that can make or break a whole project. Unfortunately, typography errors tend to make a bigger statement than good typography. Mistakes stick out like a sore thumb, while thoughtful typographic choices blend so nicely with the overall design that you might overlook them. So if you want to get your message across without distracting typographic errors, learn to recognize some of the most common mistakes below, and use this article as a final checklist before wrapping up your design. 01.

Let’s talk about Product Management — Greylock Perspectives Let’s talk about Product Management I spent over a decade as a product manager at a number of different companies. One thing I realized was how little we talked about the job of product management. I rarely met product managers from other companies. But I always felt product management was one of the most important functions that when done well, helps make companies and products much better, and when done badly, can really hurt a company and team. Over the past few years at Greylock, we’ve been trying to improve this, and help build a community of founders and product managers that can share best practices and trade stories about this job of product management.

The New Rules for Scrolling in Web Design What was once taboo in website design has made a complete resurgence as one of the most popular techniques in recent years as users are finding a new love and appreciation for sites where scrolling is a necessity. Shedding its old stigmas, scrolling is reinventing itself as a core interaction design element – that also means designers need to learn the new rules. Photo credit: Fitbit 10 Golden Rules You Should Live By When Combining Fonts: Tips From a Designer A photography instructor once told me that “You have to know the rules before you can break them.” That’s the (simultaneously frustrating and freeing) thing about art and design — there may be some rules; there may be some best practices; but there are very few that are set in stone. Bending or breaking the rules is always a possibility in the right context. So how do we go about learning how to effectively combine fonts? By looking a few guidelines, we can see what has proven to work well as a starting point, then get comfortable moving beyond those basics if a design calls for it. 01.

Designing a call to action to grow an email list Designing a call to action to grow an email list Trying to get more folks to sign up for your email list? Hitting them with a flashy pop-up ad the second they get to your site almost never works. Think about it: if someone were to walk up to you on the street and ask for your email address without any explanation, you’d probably shake your head and keep walking. In that scenario, they didn’t even say hello or attempt to build trust, something that’s necessary if you’re trying to get people to use your product for the first time. One of the best ways to do this: create a user flow that allows your content to first build the user’s trust, and place your call-to-action boxes more strategically.

Serif vs. Sans for Text in Print One of the first determinations to be made when selecting a typeface for text is serif or sans? This decision should be based on several key points regarding the project at hand. Once made, your typeface search will be narrowed down considerably. Although serifs are considered to be decorative, their appearance may well serve a higher purpose. Storyboard Eval Page Try a full version of Storyboard Suite Download a free 30 day evaluation of a fully functional version of Storyboard Suite by filling out the information below. An e-mail containing an evaluation key and the product download information will be sent to the address you have provided. All information collected is for Crank Software internal use only.