What follows are my top 10 web design tips from me (a professional web developer – amongst other things).
A quick synopsis of my web design process
A quick synopsis of my process is to the the UX design, or wireframes in Balsamiq, and get the structure, navigation and content agreed with the content. Then I move on to the graphics, fonts and colour scheme, for which I use Sketch. I will either build the site from scratch – if the client wants a static site, or I will build it in WordPress if the client wants a content management system, and/or blogging tool. Alternatively for eCommerce, I will tend to build on the Shopify platform.
For building from scratch, I usually base the build on Foundation (see below), and for building the site in WordPress I will use Elegant Themes Divi theme, which is a great way of constructing a responsive site in WordPress, that is very close to the original UI design in Sketch.
Top 10 web design tips
Here is a summary of the above web design tips and some others too:
1) UX design – For UX design I use Balsamiq – https://goo.gl/rW7t12 ($89) #webdesign #tips
2) UI design – UI design gets fabulous using Sketch – https://goo.gl/2ziRQX (£100) #webdesign #tips
3) For generating logos & graphics – So for generating logos and graphics, I use a variety of tools including Canva – https://goo.gl/2Uzwi8 ($free) or Gimp ($free) #webdesign #tips
4) For rendering on devices – Magic Mockups can be used for rendering websites and apps in situ in beautiful looking scenes – https://goo.gl/NQF4NZ ($free) #webdesign #tips
5) For building from scratch – I use Foundation when building a static website from scratch – https://goo.gl/o1n9m ($free) #webdesign #tips
6) Fonts – And for fonts I tend to use google fonts; they’re awesome, free and easy to use – https://goo.gl/DtwDcM ($free) #webdesign #tips
7) Icons – For iconography, I use awesome font, it’s fabulous – https://goo.gl/qsHA5t ($free) #webdesign #tips
8) For building with a content management system (CMS) – For this I use WordPress for my content management system, and with WordPress installs, I use Elegant Themes Divi – THE best way to build sites! – https://goo.gl/xo7Pv8 ($89 / year) #webdesign #tips
9) eCommerce – To build a full eComm site from scratch, I recommend Shopify, for integrating payments to existing site I use Worldpay #webdesign #tips
10) Photography and Imagery – And for all my photography & imagery I use unsplash; best photography website ever! – https://goo.gl/B8J7I5 ($free) #webdesign #tips
Please share – and it would be lovely to hear others feedback about these tools.
Trackbacks/Pingbacks