
## Landing Pages that Convert

Landing pages can make or break a product sale or other intended call-to-action. It can be difficult to create a landing page that boils down your product or service into a quick and easily consumable page. Yesterday, Dribbble posted about [how to design a landing page that converts](https://dribbble.com/stories/2020/09/10/design-landing-pages-that-convert) which offers several helpful tips on designing phenomenal landing pages. Tips include removing the main navigation, using shorter forms, and more.

## Scaffolding Web Development Tools

Many of us as web developers are constantly coming up with ideas and creating new repositories for them. But we want to get right in and starting coding our idea, and the last thing we want to do is take a long time setting up the basic elements of a new project. On Wednesday, SitePoint posted about [10 scaffolding web development tools to start new projects faster](https://www.sitepoint.com/start-new-projects-faster/). The list includes Meteor, Sails, Svelte, and more, giving a great place to start for any developer.

## Design Systems

Design systems help maintain consistency and brand presence across an organization. They take a lot of time and effort to create and maintain, but they are well worth the result of a elite-looking company. Toptal recently posted [a guide to design system models](https://www.toptal.com/designers/ui/design-system-model) that includes use case and principles to remember when creating a design system for your organization.



## Improve Your Website in 2020

Treehouse published an article today titled _[5 Ways to Improve Your Website in 2020](https://blog.teamtreehouse.com/5-ways-to-improve-your-website-in-2020)_. The post outlines common issues that people have with websites and how to address them. Some common issues include difficulty navigating the site, poor search results, and slow load time. The solutions provide tried and true results that can help with any website.

## Thinking in Design Systems

Relate recently posted a new segment to their Thinking in Design Systems series. [This post involved the colors of a design system](https://medium.com/relate/thinking-in-design-systems-colors-6af13af1c07a) and outlined the various steps and considerations involved. Some of the key topics were creating your essential color palette, naming your colors and theming.

## Improving Website Readability

A recent post on Shakuro outlined [five ways to improve website readability](https://shakuro.com/blog/crystal-clear-5-ways-to-improve-website-readability/). The post goes in depth on readability which most website owners don’t consider when evaluating their website. Tips include concentrating on typography, using white space, and color contrast.



## Local Development with Docker

Ever want to learn how to use Docker for front-end web development? [A recent post by nystudio107](https://nystudio107.com/blog/an-annotated-docker-config-for-frontend-web-development) detailed how to implement Docker from start to finish. The thorough post expands on every aspect of utilizing containers to optimize your web development process.

## Internal Search

Internal search is a key component to any website with a lot of pages. [Tubik](https://blog.tubikstudio.com/how-to-design-search/) posted about creating an effective user experience for your internal search. Tips included ensuring visibility, clear functionality, and displaying relevant content.

## Web Development Checklists

There are a countless number of tasks during the web development process, from development to launch and everything in between. Luckily, [SitePoint has put together a massive set of checklists](https://www.sitepoint.com/web-development-checklists/) for all aspects of a web development project. With over 30 checklists the comprehensive post is a huge asset to freelancers and agencies alike.

## Design Systems

Design systems are an integral foundation to a successful web project. They create consistent and reliable components that can have a wide variety of use cases. For some great examples and cases studies check out [designsystems.com](https://www.designsystems.com/), which is run by [Figma](https://www.figma.com/). They even have [a case study of their own design system](https://www.designsystems.com/how-a-small-team-built-figma-dot-coms-design-system/).


Posts Tagged with "design-systems"

Friday Facts

Thursday Thoughts

Wednesday Wisdom