A Guide to Web Design Process (With a Free Template)

Aleks Dorohovich Unsplash

In addition to our reputation for clean and sturdy code, Oursky is known for our thorough design process that produces products such as Cococolor and Artstack. In this post, we’re annotating  our internal web design guideline document for you to use.

We’ve refined this process of the years and going on our ‘don’t repeat yourself’ rule, we’d love to share our process transparently with you. These web design best practices are applicable for client and in-house products. Below, we’ll show you the web design for Skygear‘s sign up web portal (try our BaaS for free!).  to show you how we do things in-house.

Continue reading “A Guide to Web Design Process (With a Free Template)”

5 Front-End Design Essentials for Developers

5 Front-End Design Essentials for Developers

I went from a part-time designer in a local Hong Kong tech company to one of its partners. Before I joined full-time, I taught myself CSS when I worked as a web designer for a number of agencies and clients. Since joining this company 6 years ago, I’ve been involved with 50+ projects (including in-house ones), including Apple’s Best New App 2016.

As our development team grew, I couldn’t just pass my Sketch design files with “a common understanding” to our senior developers, so I wrote this CSS checklist for the company. I’ve added additional notes on the concepts behind the checklist items. Continue reading “5 Front-End Design Essentials for Developers”