20+ Must Have Web Design Resources for Your WordPress Website Projects for 2020!
125 Views
Add

20+ Must Have Web Design Resources for Your WordPress Website Projects for 2020!



In this video, I’ll show you all the tools and resources I use to create my WordPress website. I’ll also show you how I use it too, so you can implement it to design and build a better website.
➤ Resources mentioned below (Click “SHOW MORE”)

Design

1. Collect UI – https://collectui.com & https://dribbble.com
Handpicked UI inspiration for your web design projects. Organised into categories for easy viewing.
2. Milanote – https://milanote.com
Perfect tool to help you organise your thoughts on a visual board to keep things organised.
3. Adobe XD – https://www.adobe.com/au/products/xd.html
The best tool to design & prototype anything. And It’s FREE!

Colour & Fonts

4. Whatfont
A chrome extension to “spy” on what fonts other websites are using
5. Myfonts – https://www.myfonts.com
Where you can download fonts that you see on the internet and use for your website. Free & Paid.
6. Google Fonts – https://fonts.google.com
Most WordPress Themes will feature the Google fonts – you can use this resource to find what’s most popular & also see what the fonts look like.
7. Adobe Colour – https://color.adobe.com/create
Best tool to create color palettes for your websites or design.

Assets – Images/Icons/Illustrations

8. Unsplash & Pexels – https://unsplash.com & https://www.pexels.com
Amazing resources of images for personal or commercial use without attribution
9. Adobe Stock & Shutterstock –https://stock.adobe.com & https://www.shutterstock.com
Best paid resources of images you can use for your web design projects. Much more selection!
10. Flaticon – https://www.flaticon.com
The largest database of free icons available in PNG, SVG, EPS, PSD and BASE 64 formats.
11. Undraw – https://undraw.co
Open-source illustrations for any idea you can imagine and create. SVG & PNG.
12. Convert SVG file to PNG – https://svgtopng.com
Download the SVG file from undraw.co then convert to PNG file before uploading to website.
13. Fiverr – http://hoganchua.com/get/fiverr/ (Use HOGANCHUA for 10% Off)
Best place to hire freelancers starting from just $5. Get icons, logos, product renderings, product photography and so much more!

Image Editors

14. Fotor – https://www.fotor.com
Super simple photo editor. Perfect for resizing and cropping images before uploading to website.
15. Clipping Magic – https://clippingmagic.com
Automatically remove image backgrounds in seconds online. Great for profile pictures and product photos.
16. Canva – https://www.canva.com
Best tool to create amazing designs for anything for free. From Blog post featured images, to thumbnails, to ebook covers and so much more.
17. Pixlr – https://pixlr.com/e/
A lite version of Photoshop. Web based and Free.

Optimization

18. Pingdom Website Speed Test – https://tools.pingdom.com
Test your websites loading times with different locations around the world.
19. Compressor io – https://compressor.io
Reduce your image size without much quality loss.
20. Responsinator – https://www.responsinator.com
Test your WordPress websites mobile responsiveness on all devices.

Other Useful Tools

21. 0to255 – https://www.0to255.com
Perfect for hover states and keeping on colour scheme.
22. Freepik – https://www.freepik.com
Another amazing graphic resource
23. Lorem ipsum – https://www.lipsum.com
Generate placeholder text for your designs.
24. Gradient UI – https://uigradients.com
Generate beautiful gradients.
25. Placeit – https://placeit.net
Create mockups, logos, videos & designs in seconds!

My Basic Web Design Guide – https://hoganchua.com/website-design-guide/
My Recording Equipment: https://www.amazon.com/shop/hoganchua

Enjoy!

Source. First Published on YouTube

Growth Hacking Articles

Web Design Trends 2020 | Website design 2020 Predictions (plus examples)
127 Views
Add

Web Design Trends 2020 | Website design 2020 Predictions (plus examples)



In this video, I am exploring what are expected from 2020 when it comes to website design and development. If you are a new or established web designer, developer or ui designer and want to keep up with the websites that are successful. I have put together 5 web design predictions I expect to see make a solid stand in 2020, including real examples to show you exactly what these trends are. Web Design is changing so fast, so make sure you are not falling behind and creating out of date content this year.

What trends do you predict will take off in 2020? Let me know in the comments!

// Instagram
https://www.instagram.com/tristan.designs

// Dribbble
https://dribbble.com/tristandesigns

——————————

LIKE THIS VIDEO?

Stay tuned for more content designed to help you build better websites on this channel. Want more, then hit that subscribe button 😉

——————————

ABOUT ME

Whats up guys! I am Tristan Parker, a web and graphic designer from Exeter, UK. I have been designing for over 10 years and have become obsessed with the wonderful world of vlogging! So I have taken the leap to produce my own content to share tips, knowledge, opinions as well as my individual design processes and what my life is like as a designer. Hopefully I can inspire or help those looking to either build their own website or start a web design career of their own, If you have any questions or want to learn more about coding as a designer, leave me a comment and I will get back to you.

——————————

Source. First Published on YouTube

Growth Hacking Articles

Web Analytics SEO Course
89 Views
Add

Web Analytics SEO Course



Web Analytics SEO Course by Academy Europe
https://www.academyeurope.org/courses/web-analytics-seo-course/
Web Analytics is a technique that you can employ to collect, measure, report, and analyze your website data. It is normally carried out to analyze the performance of a website and optimize its web usage.
Web Analytics is an indispensable technique for all those people who run their business online. This is a comprehensive tutorial by Academy Europe that covers all the basics of web analytics.

Source. First Published on YouTube

Growth Hacking Articles

Web Design Inspiration 2020
64 Views
Add

Web Design Inspiration 2020



Business Insights – Mario Bekes Interview – Radio Alive 90.5
Web Design Inspiration 2020 – www.web4business.com.au

With COVID19 causing stress to many business owners, Mario and I discuss how going through chemotherapy has prepared me mentally for dealing with crisis such as what we are facing right now.

The lessons I learnt during my cancer journey will hopefully inspire you and help you get through this time, so you come out on the other end in good shape, mentally but also business wise.

During the interview we discussed why most business websites fail and what you can do differently to ensure your website succeeds.

Source. First Published on YouTube

Growth Hacking Articles

Top App & Web Design Inspiration of the Week
74 Views
Add

Top App & Web Design Inspiration of the Week



Follow us:
🌎Our website: https://orizon.co
🐣Twitter: https://twitter.com/Orizon_design (Tips & Design News)
🔵Behance: https://www.behance.net/orizon
🏀Dribbble: https://dribbble.com/orizon
📷Instagram: https://www.instagram.com/orizon.design

📧For inquiries, shoot us an email at [email protected]

——-

Web Platform
By Outcrowd
https://dribbble.com/shots/10768880-Web-Platform-mondly

Drag & Drop Import Data Exploration
By Kevin Dukkon for Fintory
https://dribbble.com/shots/10748100–Drag-Drop-Import-Data-Exploration

Magic icon animation
By Gleb Kuznetsov
https://dribbble.com/shots/10624738-Magic-icon-animation

Playful Creative Collective
By Zhenya
https://dribbble.com/shots/10778314-Playful-Creative-Collective

Cooking at home
By Hamburn for Queble
https://dribbble.com/shots/10754498-Cooking-at-home

Fitness app
by Mikołaj Symanowski for 10Clouds
https://dribbble.com/shots/10752295-Fitness-app

House Booking mobile KIT I
By Anton Tkachev for uI8
https://dribbble.com/shots/10752186-House-Booking-mobile-KIT-I

Possessed Village
By Guillaume Kurkdijan
https://dribbble.com/shots/10784230-Possessed-Village

Playfit Website Loader
BY Halo Lab for Halo Web
https://dribbble.com/shots/10785922-Playfit-Website-Loader

uLesson Digital Learning Platform
By Cuberto
https://dribbble.com/shots/10761685-uLesson-Digital-Learning-Platform

Source. First Published on YouTube

Growth Hacking Articles

I Nostri Corsi: Web Analytics, Google Ads, SEO
113 Views
Add

I Nostri Corsi: Web Analytics, Google Ads, SEO



Vi presento i nostri corsi (Search On Education) che trovate sulla nostra piattaforma (Master Club).

Per noi la formazione è molto importante. Siamo partiti tanti anni fa con il Forum GT (che è ancora lì vivo e vegeto) e abbiamo portato la nostra condivisione di idee e conoscenza in tutta Italia con il tour di eventi gratuito, con gli eventi a pagamento, con le varie iniziative anche online.

Da qualche tempo realizziamo anche corsi in aula e in questo video vi presento i tre corsi su tre tematiche a noi molto care.

🙂

——————————-
INDICE E LINK

02:30 Corso SEO che terrò io http://bit.ly/2mdNlyl
03:18 Corso Google Ads con Gabriele Benedetti http://bit.ly/2kgS1mv
04:17 Corso Web Analtyics con Marco Quadrella http://bit.ly/2kIpkyR

——————————-

Per seguire FastForward:
Iscriviti al canale YouTube e clicca sulla campanella 🔔 http://bit.ly/IscrivitiAlCanale

Telegram (con approfondimenti e link utili): http://bit.ly/TelegramFF

Podcast
Spotify: http://bit.ly/SpotyFF
Spreaker: http://bit.ly/2E7xIyi
Apple Podcast: https://apple.co/2G2shC2
Google Podcast: http://bit.ly/2XvRDhB
Castbox: http://bit.ly/2XQITXt
Player FM: http://bit.ly/2RZfx3L

——————————-
☆ Sul Forum GT potete approfondire qualsiasi argomento legato al web http://www.giorgiotave.it/forum/

☆ Sul Master Club potete trovarci in giro per l’Italia con i nostri eventi, oppure seguire la formazione online http://www.gtmasterclub.it/

Source. First Published on YouTube

Growth Hacking Articles

Twinkling Star Animation using Javascript | Web Design Inspiration
104 Views
Add

Twinkling Star Animation using Javascript | Web Design Inspiration



Twinkling Star Animation using Javascript | Web Design Inspiration

Source Code :
——————————–
https://bit.ly/36dE7nT

Follow this Channel On :
—————————————–

Facebook : https://bit.ly/2qI4Zwy

Website : https://www.codingflicks.com/

================
SPECIAL OFFER
================
Sign Up For Fiverr And Get 20% Off Your First Order:
http://www.fiverr.com/s2/179025a450

Watch More videos :
————————————-

CSS3 3D Cube Animation with image

https://youtu.be/0KQh3qY4JkM

How to use slick slider for your webpage

https://youtu.be/jr2WrFYh9Dc

Animated search box with html and css | No Javascript

https://youtu.be/XhRwR31FWs8

How to create Ribbon Style Navigation menu with css

https://youtu.be/u-UCXtJgbNg

How to make a Simple responsive navbar with flexbox

https://youtu.be/sTXJTRra4Io

Client Logo slider with Owl Carousel 2

https://youtu.be/GepPsMkmvJY

#codenewbies

Source. First Published on YouTube

Growth Hacking Articles

Branding in 2020 - 7 Web Design Trends (#4 Is Our Favorite)
98 Views
Add

Branding in 2020 – 7 Web Design Trends (#4 Is Our Favorite)



Branding in 2020 is going to be awesome. With so many exciting designs inspired by search engines, mobile visitors and the need for speed, designers are branding in a whole new exciting way.

Branding in 2020 should be great fun if you are a web designer.

Timestamp to help you navigate to the right part
1:10 introduction – branding questions
1:51 understanding branding
3:48 Tip 1. Branding with color
6:10 Tip 2. Asymmetrical designs
7:47 Tip 3. Greater use of video
10:07 Tip 4. Thumb friendly navigation
12:10 Tip 5. Simple fast loading website
15:05 Tip 6. Combining images with fonts
17:15 Tip 7. Nostalgic design and branding
20:20 Concluding comments

Be sure to subscribe for more web design tips : http://bit.ly/zanetsub

There are two things really driving the web design trends for this coming year.
A) Freedom with asymmetrical designs and mini animations.
B) Even more mobile friendly branding and thumb usability.
These factors alone are in the driving seat to have a great impact on the websites your competitors are having designed while we speak. Web design cannot help but be affected by trends. 2020 web design is no exception for one massive reason….smartphones or mobiles. Your branding in 2020, your designs, your layouts are all having a large impact because of the overwhelming traffic coming from mobiles.

What is branding?
Before we start looking at some examples of the top 7 design trends, let’s be clear what branding is. Often there is some confusion over what it covers. Its more than the logo, website, color scheme and style guide. Actually that’s your brand identity. Branding also includes the tone and how you are perceived by your audience. Amazon’s CEO says, “Your brand is what people say about you when you’re not in the room”. So the impact of branding in 2020 will require a slightly different approach from previous years. It’s less about the design and more about the experience. Going mobile friendly, offering quick answers using a chat-bots, offering a fast loading beautiful interface to your visitors on all devices and mediums is very much part of your branding too.

So enjoy the 7 areas i believe will become very evident in 2020 branding.

———————————————–

// ENJOY MY VIDEOS?

My videos don’t have pre-roll ads because ads are annoying and I don’t want you to have to sit through them. If you want to support me and my channel the best thing you can do is Subscribe on http://bit.ly/zanetsub

———————————————–

// ABOUT ZANET DESIGN

Hello there! I’m Zane clements. I Own Zanet Design. I have designed web sites and worked with small businesses, entrepreneurs and marketing agency’s for over 20 years. I have now decided to share my web design experience with you. So if you need a web or graphic designer, or you just have a question, please comment below and say hi on http://bit.ly/zanetsub.

———————————————–

// LETS GET SOCIAL

► If you need help with web design, email marketing or growing your business check out my web design website and portfolio Zanet Design Ltd @ https://zanet.co.uk

► Zanet on YouTube: http://bit.ly/zanetsub to learn more web design tips.

► Zanet on Facebook: https://www.facebook.com/zanetdesignltd

► Zanet on LinkedIn: https://www.linkedin.com/company/zanet-design-ltd/

———————————————–

https://youtu.be/aFQjak24YpI

#zanet #googlemybusiness #secrets #zanetdesign

Source. First Published on YouTube

Growth Hacking Articles

Web Design Inspiration - Website of The Month January 2020
128 Views
Add

Web Design Inspiration – Website of The Month January 2020



In this series we take a look at the “BEST” websites in the world and see what we can learn.
https://canals-amsterdam.nl/
In todays Web Design Review we see from a UX UI perspective the Awwwards website of the Day.
We will see if we can spot any UX UI design trends and what could be improved on the site.

If you’re interested in becoming a UX / UI Designer you will learn how to look at websites from a designers point of view and learn any new trends as soon as they are released!

▶ 🔥UX UI DESIGN CERTIFICATION
https://antonyconboy.com/p/ux-ui-design-fundamentals

Are you looking to become a UX UI Designer? Begin a Career In Tech’s Fastest Growing Field

Why join this Exclusive course?
Are you looking to become a UX Designer but have no experience?

I’ve designed this course especially for you:

12,438 students enrolled – 5* Rated

What you’ll learn:

How to Find a UX Job in any company, I share my practical insider secrets on how to stand out
How to Design and Prototype Websites and Apps (no coding!)
How to Create a UX Design Portfolio
How to use the latest Design Tools Adobe XD, Figma and more
Earn a UX UI Certificate for your Resume and share on Linkedin
You will be able to add UX designer to your CV
Downloadable exercise files
You will be able to start earning money from your UX Skills.

25 HOURS+ 119 lectures of well-structured, step by step content.

14-Day Money-Back Guarantee

Find out more
https://antonyconboy.com/p/ux-ui-design-fundamentals

Now 25 HOURS+ – Updated for 2020

Requirements

No previous design experience is needed.
No previous Adobe XD or Figma skills are needed.
You will need a free copy of Adobe XD 2020 or Figma. Both available for free online

“Not to put any institution down and I think Udemy is great – but I recently completed a UI UX course on Udemy (6 plus hours) – and I must admit that wasn’t nearly as informative as what you have offered. Granted the instructor went into a lot of detail in using figma but I can honestly say that the value I received from your vids far outweighs that course – I reference your vids daily now as there is so much value – THANK YOU! Looking forward to more. :)”

– Belendren Percimoney

Why Trust Me?

There are LOTS of other courses on UX UI Design online.

What makes my course so special? Simple, I have REAL WORLD EXPERIENCE.

I’ve designed some of the world’s biggest websites for the world’s biggest clients.

That includes Vogue magazine, Barclays, Cisco, BBC, Ferrari, Wired and many more.

I know what it takes to work as UX designer, I know what you need to do.

I offer practical advice on getting a job.

For 15 years I’ve run design teams and worked at the very top.

No one else can offer this inside knowledge.

Don’t Waste Time

This course will save you months of time by teaching you what companies think is important.

#design #designer #ux #ui #graphicdesign #webdesign #web development

Source. First Published on YouTube

Growth Hacking Articles

26 Awesome Game Website Designs For Your Inspiration | Web Design Inspiration
126 Views
Add

26 Awesome Game Website Designs For Your Inspiration | Web Design Inspiration



We have already covered different kinds of websites in earlier videos in this video we are covering some good examples of Game Website Designs. We all love to play video games may be an online game. Do you know the importance of a game website? Making a game website is not an easy thing to do it really needs some talent and creativity. In this video, we gathered 26 Awesome Game Website Designs for Your Inspiration.
Hope You Like it 🙂

————————————————————————————————————————-
————————————————————————————————————————-

**** Follow Us ****
Instagram = @_webile_
Pinterest = webiledesigns

————————————————————————————————————————-

Credits (Find Them on Dribbble) –
1)Alex Marais
2)Ali Zafar Iqbal
3)Ashutosh
4)Berezhnoy Eugene
5)Daniel Fusniak 🎮
6)Dmitry Alferov
7)Guillaume Parra ✏️ in FACEIT
8)Jacob Caccamo
9)Karina Pasechnik
10)Koncepted
11)Kristaps Reinfelds
12)Manuel Rovira
13)Mariano Weinzettel
14)Mayur Pujari
15)Piotrek Kosmala
16)Quan Ha
17)Sajjad Mohammadi Nia
18)Slava Kornilov
19)Tima King
20)Tom Vandenberghe
21)Vitalii Venher

————————————————————————————————————————-
————————————————————————————————————————-

If you have your own Web and Mobile Designs you can Submit Your Videos to – [email protected]
————————————————————————————————————————-

For Copyright, Video Removal and Extra Credits Please Contact First On – [email protected]

Source. First Published on YouTube

Growth Hacking Articles