Checklist Design is a collection of best UI and UX practices to provide a complete, honest and rewarding experience for your users.

To take in the knowledge of not just what should exist in your solution, but how and why it should be there.

I wanted to make this website for 2 reasons:

* I set a 2019 goal to contribute something meaningful to the design community

* I want to continue pushing designers towards thinking 'production-ready design', rather than what looks good and attractive at face value with no substance

A launch in March led it to be [#1 Product of the Month on Product Hunt](https://www.producthunt.com/posts/checklist-design), being featured across several design forums and blogs and shared across hundreds of thousands designers worldwide. It's a project I am incredibly proud of and continue to scale in collaboration with the community.

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2Fh8AXtWFhDjO9q6Vo9qSxyEv6gao1%2FUfIuF1DUo6YS2EiCVrkE%2F277a3f8c-51cb-451b-9b71-72561d037e30.jpg?alt=media&token=e2d97646-de9a-4db5-a1b1-609b426ea170","id":"277a3f8c-51cb-451b-9b71-72561d037e30","width":1600,"height":1200,"filename":"checklist-dribbble-post_4x (1).jpeg","type":"image/jpeg","caption":"","border":false}]}
```

## **Functional, accessible design!**

In its first stages, I wanted to build a simple, straightforward website - a place that had a checklist for UI elements to go on standard pages. Just what you need on the screen, ticked off as you place them on the artboard.

After wireframing a few screens with that idea in mind, the pages quickly felt lacking in presentation and value. There was more potential seen right away, and just focusing on the UI didn't feel like a complete experience. ‍

So I shared the idea around and in my first round of feedback there was clear validation of the idea to not just feature the 'what' of the content, but the 'how' and 'why'. It's what skyrocketed the resourcefulness and educating part of the platform.

Then, I rounded it off with Dribbble shots to visually inspire, a few insightful articles to understand more, and a list of real-world, deployed examples to learn from - the 3 pieces of content I saw could educate in unique ways.

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2Fh8AXtWFhDjO9q6Vo9qSxyEv6gao1%2FUfIuF1DUo6YS2EiCVrkE%2F20d696c3-df14-4115-b84f-cea3e18b58fb.jpg?alt=media&token=0dd8783c-94e6-475b-ad44-fb72c00bf5bc","id":"20d696c3-df14-4115-b84f-cea3e18b58fb","width":1800,"height":800,"filename":"check-2.jpeg","type":"image/jpeg","caption":"","border":false}]}
```

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2Fh8AXtWFhDjO9q6Vo9qSxyEv6gao1%2FUfIuF1DUo6YS2EiCVrkE%2Fe9710210-e762-4b46-b204-1380d8a40437.jpg?alt=media&token=4709fa7f-d821-4e1e-a5e1-e30576f49d24","id":"e9710210-e762-4b46-b204-1380d8a40437","width":1800,"height":1275,"filename":"check-1.jpeg","type":"image/jpeg","caption":"","border":false}]}
```

And that's where I ended up with this idea of 'best UI and UX practices'.

Personally, I have found the website has resonated in different ways for designers, which is also what I am most proud of.

Senior designers have acknowledged the need for a resource like this to remind even the best and brightest of the simplest principles. Juniors and beginners have seen this as a resourceful guide to start aligning their design thinking to the correct practices that they will need when designing for a real product that will be launched to real users. ‍

I am incredibly grateful and inspired by the initial response to the website, and am looking forward to expanding the content and materials to educate designers, especially since I'm learning along the way with them all.

Launching Checklist Design

Product Design

How to work with a designer

How to keep your design in check

Website and app launch

MVP app launch

Savings defender

Checklist Design is a collection of the best design practices for you to use for your next project

Checklist Design

I make infographics revolving around data gathered from movies, TV shows and sports. Want to know how many people John Wick killed, and how many bullets he used? Take a look, I have the answers laid out in an aesthetically pleasing, digestible format.

George Hatzis

2021