This episode talks about providing a design proof (or mockup) for the client. It’s probably the most important step in the web creation process, but it’s unfortunate that it gets overlooked quite often. This causes way more problems than you’d think. Tune in for some insights and tips about creating web design proofs for the client!

Some things to consider when building a proof.

For the client
– Stick with branding and personality
– Inspirations
– Layout first and slowly fill up with text and images

For yourself
– make them easily exportable
– make things clear for you to understand
– make mental notes of where micro animations should be.

Some extra tips
– I like using proofs that are 1600px across with a grid of 12 columns for a container that is 1200px across.
– Suggested apps: Adobe XD (free), Adobe InDesign (Adobe paid subscription), Affinity Publisher (one time fee), Sketch (Yearly subscription)

 

News & Articles

Good read about what makes websites look shady/abandoned
https://www.smashingmagazine.com/2019/10/signs-website-haunted-house-welcoming-home/

Chrome. ugh. Firefox. yay. Brave. yay.
https://www.forbes.com/sites/kateoflahertyuk/2019/05/30/google-just-gave-2-billion-chrome-users-a-reason-to-switch-to-firefox/

AirBnB ugh. (Fascinating read)
https://www.vice.com/en_us/article/43k7z3/nationwide-fake-host-scam-on-airbnb

 

Resources

Animated icons!!!!
https://lordicon.com/icons

Some really cool CSS tricks
https://ishadeed.com/article/unusual-use-cases-pseudo-elements/

Divi blog post template builder tutorial
https://www.elegantthemes.com/blog/divi-resources/how-to-use-the-post-content-module-in-the-divi-theme-builder

 

The Title

Megadeth!!!

https://www.youtube.com/watch?v=K5ze4DDvWgE