CategoryDesign Systems

February 22, 2016 — In this article, Ben Callahan will help you be more successful with your web projects by starting at the beginning; by working from day one to help set your client’s expectations about what’s going to happen, and by working throughout a project’s life cycle to do the same. By the end of this article, you’ll find yourself more inspired to invest in your own understanding of how the web works, and more willing to invest in your teammates’ understanding. Ben hopes you’ll feel excited to try a new approach, but he also that you’ll be empowered to tear these pages up if they don’t work for you. Only you, your team and your customer can figure out the best way to approach a project. The time is now — so, get to it! Read more…

February 9, 2016 — Small companies with newer brands suffer from not yet having established a culture and the difficulty of conveying their inner values in external communication Working so closely with a large enterprise such as Lufthansa can be overwhelming for any small startup. In this article, Josip Budzaki explains how the project with Lufthansa and their way of thinking really facilitated the process and enabled the team to follow their vision — that’s not something you encounter in many companies! Read more…

April 14, 2015 — Living style guides help front-end developers transform front-end codebases into well-described pattern libraries with the minimum of effort. But to make them really efficient, we need to choose the proper tools — so let’s have a closer look at what our community has to offer. In this article, Robert Haritonov has arranged the tools by function, highlighting only the most powerful ones worth knowing about. You can find more tools, plus videos, articles and other material about style guides at styleguide.io. Read more…

March 5, 2015 — In this article, Varya Stepanova & Juuso Backman will talk about style guides that are generated directly from the style definition sources — i.e. CSS and its modern variants. Style guides are useful in many aspects of development and maintenance, so it’s little wonder that developing them has become a highly popular practice. But even with the clear benefits, taking the necessary steps to start using them is easier said than done, as quite often the challenge is cultural, requiring changes in people’s mindsets. We encourage everyone to try it! Read more…

August 4, 2014 — Email is one of the most important tools for reaching your customer base. But with the ever-growing number of emails to send, getting them all out the door can seem a little overwhelming. By putting in place a solid email design workflow, you’ll be able to regularly ship engaging and mobile-friendly emails with ease. Incorporating a modular approach and a custom framework into your email workflow can lead to increased productivity and make it easier for you to iterate on your designs. You will have to make an initial investment of time to get everything up and running, but the result will improve your designs, the customer experience and your engagement rates, leading to happier customers and increased revenue. Read more…

February 17, 2014 — Joshua Mauldin started with style guides with the desire to make it simple to maintain and grow a design. One of the first questions, understandably, was why use Fireworks for a style guide? For him, it was mostly because of symbols and styles. Sure, you could use similar things in Photoshop, but he found Fireworks’ implementation to be smarter. In this article, you will find out why you would want to set up a style guide using Fireworks, and you’ll also get a little starter template that Joshua likes to use. Read more…

September 13, 2012 — A well-functioning pattern library is a powerful resource that you and your entire team can use to efficiently create consistent user experiences for your website or service. Kris Niles outlines how you can use Evernote and Fireworks to easily build your own pattern library and reap the benefits of it. Read more…