Web Design – Process Street

All posts in Web Design


How We Built and Launched a Successful Microsite on Product Hunt

On August 25th, we launched a library of 1000+ real sales and emails from the top 280 SaaS companies.

The library was hosted on a microsite, Inside SaaS Sales, which allows users to browse the full sales cadences, organized in the order the message or voicemail was sent.

The launch landed us almost 800 votes on Product Hunt, 10,000+ site visits, a mention in Hiten Shah‘s SaaS Weekly, and publicity from the SaaS and VC community.

Continue Reading

The Ultimate Website Launch Checklist: Improve Design, SEO & Speed

Launching a website can be a huge undertaking. A successful launch requires managing many moving parts including content, design, marketing and the technical side. That’s why we have created this handy checklist for you to use on your next website launch or redesign.

And don’t forget, you can get this as an interactive checklist that you and your team can collaborate around. Just create a free account with Process Street and grab it from the examples section.

Continue Reading

Web Maintenance: A Process-Driven Guide with 4 Handy Checklists

Websites are delicate, messy, and hard to manage effectively. Setup might be easy, but a beginner learning to maintain a website will hit a damaging snag sooner or later.

The main problem is that the tech behind any website is complex for beginners. The files that run your site are written in multiple different languages, depend on each other’s fixed locations, and are controlled by config files. In short, there’s a lot to grasp when you’re starting up a website.

To avoid making mistakes you need a basic knowledge of SQL, cPanel, and phpmyadmin, as well as a general idea of why and how websites work. Like I learned the hard way, tiny tweaks or careless uploads can take the entire site offline for days at a time, which is especially damaging when you have a recurring audience of any kind.

In this post, I’m going to go through the methods you’ll need when maintaining a website, and give you processes you can follow for each task.

Continue Reading

11 Best Home Page Tips From Analyzing 100 Startups

best home page - header full size

Home pages are typically the most viewed location on a website and your main opportunity to connect with the audience as a brand. Get it wrong, and all of those views will go from potential customers to part of your bounce rate.

Your homepage is probably the most visited page on your website — in fact, for the majority of websites, it typically receives more than 50% of all visitor traffic. In light of that… you may want to start thinking of your homepage more like a landing page” – John Paul Mains, Your Homepage Is THE Landing Page

Knowing this, I decided to do something similar to our SaaS pricing pages study by analyzing 100 leading startup home pages to see what they have in common, and how you can apply these lessons to your own website.

In this post I’ll go through 11 core data-backed takeaways to give a better outline of how to make your home page, and highlight the differences you’ll need to know if you’re targeting a niche audience.

From word count and jargon usage to social proof and CTAs, keep reading to see how the top 100 startups use their home page.

Continue Reading

7 Essential Design Processes & Checklists (UX, Web Design, Branding…)

7 Design Processes Checklists Design is one of those tricky areas of business which some people seem innately good at and others are terrible.

But effective design is crucial to business success.

Here are two key statistics from Adobe which demonstrate how vital design is for your business:

  • Design-driven companies have outperformed the S&P Index by 219% over 10 years
  • Companies that foster creativity enjoy 1.5x greater market share

In the modern digital arena, customers and users expect excellent design and usability more than ever. Poorly designed websites will put customers off or fail to convert those customers who see past the poor layout. Design thinking is business thinking.

Think of any marketing campaign you’ve run. The choice of the images, the font, the location of your call to action are all defined by thinking in terms of design.

Continue Reading

Start a Side Project in Your Next Lunch Break — 8 Project Ideas to Try

side project idea

Thinking of starting a side project?

A month back, I realized I was getting to the point where I wasn’t bothering to take lunch breaks. I read as a big part of my job, and I didn’t want to get involved in anything heavier than reading articles. Frankly, I was bored during my lunch breaks and I got annoyed I wasn’t doing anything productive.

The solution?

After brainstorming several side project ideas, I started making a personal website.

This was the perfect amount of work because I had (very) basic HTML skills and needed to learn only CSS and how to deploy the code.

Continue Reading

I Analyzed the Copy on 87 SaaS Startup Landing Pages — Here’s What I Found

Startup Landing Pages Copy

The copy on your SaaS startup’s landing page is one of the major factors that determines whether your product lives, or dies a horrible death.

Unbounce cites headlines as the single most important element of a landing page, and that’s for good reason.

Several decades back, advertising legend David Ogilvy said:

“When you have written your headline, you have already spent 80 cents of your dollar”

That means that for every 1,000 people who land on your page, 800 leave after reading only the headline. But that’s just an average. It’s possible to boost those numbers with great copy, and a small tweak at the top of the funnel, as we know, can really move the needle at the bottom of the funnel.

For this article, I analyzed 87 SaaS startup landing pages. This was taken from the top 100 in AngelList’s Trending section at the time, disregarding companies that had shut down.

I found hidden trends and best practices in two supposedly simple elements of the pages: the headline and the subheadline.

Before we get into the key findings, I want to offer you a free SaaS landing page headline generator. All you do is put in your software’s purpose, audience, and customer goal, and you get a list of 30 titles. These titles follow the formulas every SaaS headline I analyzed use. When you get the sheet, click ‘File’ and then ‘Make a copy’ to start editing in your own data.

Click here to get the title generator spreadsheet

And now, onto the key findings of the study.

Continue Reading

Freemium Conversion Rate: Why Spotify Destroys Dropbox by 667%

Freemium Conversion Rate

In 2015, The Fader reported huge news for Spotify. Out of its 75 million monthly users, 20 million are paying customers.

A 26.6% conversion rate is staggering on freemium products. As Jason Cohen says:

“A really good conversion rate for free-to-paid is 4%, like Dropbox. Awesome for them, but normal rates are more like 1%, and that’s if users are reasonably active.”

If 1% is average, and Dropbox‘s “really good conversion rate” is 4%, then 26.6% is absolutely bloody ridiculous.

Continue Reading

From Marx to Microsoft: The Origins of Flat Design and How It Was Almost Ruined

flat design

Help me. I’m on a laptop running Windows 8 right now.

Like many others, I hate it and think it’s the worst operating system since the not-so-distant Vista.

If I didn’t have to use it, I might be able to appreciate for a second that Microsoft made a bold design decision that actually ended up being influential.

Microsoft’s Metro design language was one of the first instances of flat design in technology and it came in the least likely form: a terrible mp3 player nobody bought apart from this one kid at my school. The short-lived Zune.
Continue Reading

Why you Need to Capture Leads on Your Company Website

funnel-2 1

If you run a website for a purpose, like a small business website or blog (see also: how to set up your company blog in 5 min), where the purpose is to drive more sales or educate your customers, ultimately resulting in higher profits, you MUST be focused on capturing leads for your website.

Continue Reading

Get a free Process Street account
and take control of your workflows today.

No Credit Card Required