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

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

Must Have Web Design Resources

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”)


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.


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


Source. First Published on YouTube

Growth Hacking Articles

FREE Resources to Learn Marketing in 2020 | Digital Marketing Courses and Certification

FREE Resources to Learn Marketing in 2020 | Digital Marketing Courses and Certification

Marketing is booming and you can make a killing as a professional as a marketer. But if you’re trying to learn marketing by just Googling stuff, things are going to be very confusing. You’ll get conflicting advice from different websites and you’re just going to be like, “Oh my God, I’m going to give up.” So today I’m going to break down the best free resources for you to learn marketing so you can hit the ground running and jumpstart your marketing career. Today I’m going to break down free resources to learn marketing in 2020, digital marketing courses and certifications.

Learn SEO For Free! How to Jumpstart Your SEO Career Without Spending a Dime [2020 Edition] : https://youtu.be/7a07862HFNc
How to Learn SEO: My Secret Method For Search Engine Optimization : https://youtu.be/4za8NvwYr80
Google’s Online Marketing Challenge – https://get.google.com/onlinechallenge/
Social Media 101 course by Constant Contact – https://blogs.constantcontact.com/social-media-quickstarter/
HubSpot Academy – https://academy.hubspot.com/
Google Skillshop – https://skillshop.withgoogle.com/
SEMrush Academy – https://www.semrush.com/academy/
Facebook Blueprint – https://www.facebook.com/business/learn
Internet Marketing for Smart People – https://copyblogger.com/imfsp/

The first place that you can learn about online marketing is Google’s Online Marketing Challenge.

This is a course that’s probably one of the most comprehensive out there for beginners. Not only does it give students real-world experience into marketing, but it also offers a global academic panel which is essentially modules that cover various aspects of digital marketing that are taught by top academic panelists.

Students then get to work with nonprofit companies to build online advertising campaigns. They’re given a budget of $10,000. Students compete to show off their best advertising skills, which isn’t expected to be much as this is for beginners.

The next one is Social Media 101 course by Constant Contact.

This course essentially teaches you step-by-step on how to build your social media presence across various platforms, using what you learned on channels like Facebook, Twitter, LinkedIn, Pinterest, Instagram, Google My Business, Snapchat and even YouTube.

The next one for you, HubSpot Academy.

HubSpot Academy offers digital marking courses in nearly every subject, even allows you to get a certification when you’re finished with the course. That’ll look great on your resume. From advertising to growth marketing all the way to website design, HubSpot offers a plethora of different design courses for digital marketing beginners.

The next one for you, Google Skillshop.

It’s Google’s official platform where you can learn how to do marketing using Google’s products like Google Ads, Waze, Google Analytics and Google My Business. You can essentially learn how to run paid ads on Google’s platforms like search, display, network, their mobile ads, while you’re learning how to do marketing for local businesses and measure the results within Google Analytics. A good example of this is you can learn how to run ads within Gmail.

The next one, SEMrush Academy.

A lot of people use SEMrush as an SEM content marketing tool but many of them don’t know that it goes above and beyond the basics. There are tons of other features in there like they’ll even tell you traffic that a website has, demographic information and the list keeps going on and on. Their training offers both basic and advanced concepts so it works for both beginners and pros, they can all benefit from this.
It’s free and they offer certification as well.

The next course for you, Facebook Blueprint.

This is Facebook’s official training that’ll walk you through some of the different topics on marketing on Facebook and Instagram. It ranges from creating ads to managing your Instagram business account. Much like some of the other sources I’ve shared, this platform is great for beginners and advanced marketers where they can learn a lot because Facebook really goes into the nuances of how to use their platform.

Copyblogger also offers a course, it’s called Internet Marketing for Smart People.

Copyblogger has been around for a lot of years, they have a lot of high-quality content on blogging and content marketing. It includes cool things like direct response copywriting and coming up with offers that you can sell to your audience.

► If you need help growing your business check out my ad agency Neil Patel Digital @ https://neilpateldigital.com/

►Subscribe: https://goo.gl/ScRTwc to learn more secret SEO tips.
►Find me on Facebook: https://www.facebook.com/neilkpatel/
►On Instagram: https://instagram.com/neilpatel/


#SEO #NeilPatel #DigitalMarketing

Source. First Published on YouTube

Growth Hacking Articles

developer resources

30 Developer Resources to Diversify Your Skill Set — Front End Development

During uncertain times, it’s more important than ever to know when to pivot your business, search for new developer resources, and expand your skill set. As a web developer, you need to examine the current landscape and identify the most important, high-impact skills that will help your business remain relevant and suit your clients’ changing needs. Enhancing your marketable skills will allow you to add extra value to new projects and empower you to support your clients throughout COVID-19 and beyond. 

You may also find that you have more time on your hands than you scheduled for. Why not make the best of this situation by learning a new skill, or branching out in a new direction?

With all this in mind, I spent some time polling staff here at Shopify and took suggestions from our partner community on their top educational recommendations. The result is a list of 30 helpful resources to diversify your skill set and expand your technical abilities.

To make things a bit easier, I’ve arranged the resources into the following categories:

Running webinars and digital meetups

developer resources: man running webinar at laptop

1. Setting Up Webinars for Learner Engagement

In this two-part series, Shopify’s own Kerry O’Brien outlines various techniques to create a professional atmosphere for your digital event, and a list of what to prepare ahead of time. Once you’ve located the perfect space and assembled the right equipment, you can consider extra flourishes like music or a waiting room. From testing audio to arranging screens, Kerry’s recommendations cover everything you need to know to get started running webinars. You can catch the second part of the series on LinkedIn

2. How to Create a Webinar to Teach, Connect, and Grow Your Audience

This guide from ConvertKit is a comprehensive collection of articles exploring different formats to fit your audience and goals, as well as promotional ideas for attracting the right audience. One (often overlooked) aspect that’s highlighted is the specific metrics you should track when running webinars, including registrant-to-attendee rate, registration page conversion, and replay view rates.

3. How to Host a Successful Virtual Event: Tips and Best Practices

In this blog post by the team at Hootsuite, Katie Sehl looks at not only webinars, but also Ask Me Anything sessions (AMAs) as a tool to quickly broadcast to an existing audience using platforms like Twitter and Facebook. Leveraging experts to share their knowledge in a live question-and-answer session is a great option, as are including interactive trivia games and contests to keep livestream events engaging. 

4. Tips on Running Online Meetings and Events

Based in the UK, the Digital Curation Centre focuses on skills for research data management. Their guide is full of insights they’ve learned about the functionality of different video sharing platforms. As the report notes, “technology has improved vastly in recent years and is making it far more feasible to work remotely and run virtual events. The potential benefits of this are huge, not least for sustainability and global connections.”

5. How to Host a Virtual Company Hackathon

Larger agencies should consider internal digital events to keep the team aligned—and hackathons are a great way to gather staff together for cross-team collaboration on short-term projects. With so many companies turning to remote working, virtual hackathons can be a great way to enhance employee culture. This article from Built In discusses how to position a hackathon to make the most of the opportunity, as well as formulating guidelines and accommodating for different time zones. 

6. Online Networking for Shopify Partners is at its Peak: Are You Joining In?

This article from the Partner League challenges us to think beyond webinar-style presentations and consider creating smaller group discussions that can encourage better interaction. These intimate, invitation-based meetups have the potential to grow business networks and spark conversations that lead to professional partnerships. These online meetups or roundtables can be centered around a specific topic, and the article links out to various online Shopify communities that you can join to be part of these conversations.

You might also like: Handshakes to Headsets: A Guide to Running Virtual Events.

Learning GraphQL

developer resources: open laptop learning GraphQL

7. The Guide to Learn GraphQL I Wish I Found a Few Months Ago

When learning any new language, it can be a daunting task to find a starting point. This Medium article is a suggested learning guide for GraphQL, curated by a developer who found himself struggling to understand its fundamental concepts. Starting with some introductory videos to get you motivated, Kalin lists the sequence of topics that he considers the most important. From learning how to get to grips with syntax to using Apollo, this guide shows a recommended learning flow from someone who’s recently learned themselves. 

8. How to GraphQL

How to GraphQL describes itself as “the free and open-source tutorial to learn all around GraphQL to go from zero to production”, which makes it an essential resource for working with this language. The tutorial takes the form of a series of videos alongside supporting documentation and code examples, with fun short quizzes to unlock new chapters. There’s also a practical aspect to this course, with tutorials that show you how to create simple apps using GraphQL clients, as well as running queries and writing mutations. 

You might also like: The Shopify GraphQL Learning Kit.

9. GraphQL Full Course—Novice to Expert

This YouTube video is a four-hour crash course in GraphQL. It links out to course files on a GitHub repo that you can download and use. By the end, you’ll have built a full-stack application from scratch using a GraphQL server on Node.js, with a React front-end, and storing data on MongoDB. In the words of one commenter, “I had watched several videos for GraphQL, I have to say this is so far the best … actually best of the best.”

10. Shopify’s GraphQL Learning Resources

For a more Shopify-specific approach to working with GraphQL, our own developer documentation provides guidance for using GraphQL in your Shopify apps. You can install the Shopify GraphQL app to explore the GraphQL Admin API and run queries and mutations against one of your development stores, or follow a tutorial to build a Shopify app with Node and React.

Headless commerce

developer resources: person taking notes beside a laptop

11. Headless Commerce is Flexible Commerce

One of the major trends we noted earlier this year, headless commerce involves freeing the front and back-ends of sites from each other so that merchants can have more control over storefront customization. This article from our Plus blog is a deep dive into the benefits of going headless, along with some case studies of Shopify brands who’ve explored this path. Primarily aimed at enterprise-level merchants, this article is the perfect primer for learning what the headless approach involves, and even includes a handy checklist to determine if it’s the right fit for your clients.

12. Optimizing Ecommerce with Gatsby 

This recorded webinar from the team at Gatsby sets out the business case for headless commerce and demonstrates how to use Shopify as the back-end of an ecommerce store that’s integrated with Gatsby. Shopify’s Storefront API along with its range of apps and secure checkout make it a perfect fit for Gatsby, and this webinar shows practical examples of how both platforms are used in tandem. This video is especially helpful to developers who want a view under the hood: Thomas Slade, VP of Engineering at Shopify Partner Agency Elevar, outlines their project plan when integrating and deploying a Shopify store with Gatsby. 

13. Headless Shopify Introduction with Examples of Headless Shopify and Shopify Plus Implementations

Paul Rodgers was an early adopter of the headless approach, and here he showcases a range of different brands using Shopify in the headless context. As Paul himself puts it, ‘This article is designed to provide an introduction into how Shopify can be used in a headless manner, as well as answer some top-level questions around the impact and good use cases.” In addition to running through the pros and cons of headless, Paul presents a wide range of headless stores, operating in different industries and at different scales, so you can see for yourself what this could look like for your clients.

Applying accessibility 

developer resources: face-to-face meeting with laptop open

14. Hacking Digital Style Guides for Accessibility: Type, Colour, Imagery

Designer Tatiana Mac has kindly made her accessibility course available for free on YouTube, so you can learn how to consider accessibility in your style guides and design systems from the outset of your projects. During the 42 minutes of this class, Tatiana explores the basics of accessibility, linking out to helpful resources as well as providing a primer to accessible design and how it impacts businesses. 

15. Creating Accessible Themes 

In case you missed it the first time around, now’s a great time to watch Tiffany Tse and Nathan Ferguson discuss how Shopify’s Themes Team approaches accessibility. This recording from Unite 2018 looks at common ecommerce tasks, like selecting product options or modifying a cart, and explains how they can be challenging for buyers with disabilities. Ultimately, this talk proves that an accessible web is for everyone. As developers and designers, we share a collective responsibility to build with accessibility in mind. 

16. Deque Accessibility Training

Billing themselves as “the most comprehensive digital accessibility training on the web”, Deque provides instructor-led education as well as online, self-paced training. Their modules address all aspects of accessibility for websites and apps, beginning with the fundamentals and ramping all the way up to more advanced techniques for designing user interfaces. They also offer certification to prove your expertise. 

17. 24 Accessibility

It may not be Christmas anymore, but that doesn’t mean we can’t celebrate accessibility with 24 Accessibility, which showers readers with digital accessibility gifts during the holiday season of giving and sharing. Each entry has strong practical value from working with and testing color ratios, to ensuring project documentation is accessible. Every article is written by a different expert in web design and development, including a contribution from Shopify’s own Devon Persing. You can also travel back in time to previous years and learn tips and tricks from the archive. 

You might also like: Universal Design: 11 Practical Tips to Make Your Sites and Apps More Accessible.

Marketing your business

developer resources: marketing your business, person writing on a whiteboard

18. How Podcasting Will Help Connect You With More Agency Clients

Recommended by Ash Ome from Shopify Partner Agency Motif, this podcast on podcasting (so meta!) runs through how to connect with and convert new clients, using engaging content and avoiding ‘salesy’ techniques. This specific podcast features Mark Lipsky, founder of The Radio Agency, who has a lifetime of experience working with audio in a marketing context. Learn how to stand out from the crowd, and connect with the right audience.

19. The Complete A/B Testing Kit

This ebook from HubSpot is a comprehensive guide to using A/B testing for marketing optimization. Of particular interest to the Shopify Partner community is its practical advice on how to use split tests to optimize landing pages, email marketing, and calls-to-action. Some of the great lessons here will help you improve the validity of your tests by focusing on one variable at a time, choosing the best visuals for your client’s brand, and analyzing your data effectively. 

20. Take Charge, Be a Voice of Reason and Keep Publishing

The team at Animalz ask the question: should you continue publishing content during the COVID-19 crisis? And the answer is a resounding yes. In this considerate and encouraging blog post, marketers are encouraged to approach their work with empathy and authenticity. You can provide your audience with a lot of value in times of uncertainty, and Animalz suggests focusing on content that helps, rather than content optimized for keywords. 

21. The Ecommerce Playbook: Numbers, Struggles & Growth

With a strong focus on ecommerce, podcast host Andrew Faris details the ups and downs of marketing. His recent podcast episodes have looked at how brands are responding to COVID-19, and how sometimes constraints can generate creativity. With over 150 episodes that touch on all the various aspects of ecommerce marketing in a transparent and original way, there’s a lot to dive into here. 

22. Blogging for Business

Recommended to me by Ciarán Oglesby, the Blogging for Business video guide from Ahrefs Academy explores how to match business value with content ideas, how to promote your blog, and much more. Over five hours and 10 videos, you’ll learn all you need to know about building a robust content marketing strategy for you or your client’s new blog. Of particular interest is the science behind ranking keywords and how to test your article ideas for “search demand”. 

Improving storefront performance

developer resources: improving performance, cars moving fast on the highway

23. How Browsers Work: Behind the Scenes of Modern Web Browsers

If you’ve ever been interested in learning the internal workings of browser operations, this comprehensive and detailed guide recommended by Helen Lin, Web Development Manager at Shopify, is for you. By examining the individual components of web browsers, we’re given a rare view into the engines that power our online experiences. Understanding how browsers work is a huge asset when trying to improve website performance, so diving into this guide is well worth it!

24. How to Debug Liquid Render Performance with Shopify Theme Inspector for Chrome

If you haven’t started using Shopify’s Theme Inspector for Chrome, now’s the perfect time to get this up and running to test your theme code. This blog post shows you how to get started using this developer tool, and identifies specific areas where your themes may be causing slow loading times. Once installed, you can run tests and see reports of total time to render Liquid as well as which elements contribute the most to the total page render time. 

25. Fast Load Times

This free online course from Google Developers collects 41 different learning resources that will teach you all you need to know about website performance. From introductory lessons on how to measure site speed to setting performance budgets and asset optimization, this course covers all the aspects of performance in an easy-to-digest format.

You might also like: How to Refactor a Shopify Site for Javascript Performance.

General front-end development resources

developer resources: woman speaking into a mic

26. Syntax

We’re huge fans of Wes Bos here at Shopify. His podcast, co-hosted with Scott Tolinski, is a firm favorite with our devs. Their combined experience not only in front-end development but also in creating learning resources makes this a super insightful podcast, and covers a variety of topics including security, headless websites, developer tooling, and more. A recommended listen for sure!

27. Code Ecommerce

Created by design agency Up at Five, this set of two video tutorials are currently free to access (for a limited time), and cover essential topics around theme customization and app development for Shopify. The theme tutorial demonstrates how to integrate React.js with Shopify’s Storefront API to create a simple Product page and cart pop-out. But if app development is more your thing, you can learn how to create a ‘Lookbook’ app that allows merchants to choose from photos and add text using Rails, the Shopify App Gem, and Polaris.

28. Developer Tea

Developer Tea is a podcast with bite-sized episodes, designed to fit into your tea break. Recommended by Christopher Marlow, Senior Web Developer at Shopify, he says, “one of the reasons I really like the podcast is because the episodes are short and concise at 8—12 minutes each. It covers a lot of developer topics without talking directly about code, like productivity, career goals, mentoring, and pairing.” 

29. How Should Designers Learn to Code?

This two-part guide from the brilliant folks at Smashing answers the age-old question of how designers should learn to code, with an accessible entry point that fans of Helvetica can use to get up and running quickly. The guide gives a great overview on terminal commands, regular expressions, and how to work with text editors, so it’s bound to be an essential resource to any designers who’d like to gain some programming skills.

30. The Default Podcast

Last, but by no means least, the Default podcast is a great way to keep up to date with Shopify developer news from veterans Keir Whitaker and Keiran Masterton. In each episode, both experts examine API changes and feature rollouts, and bring you insights from agency owners, app developers, and Shopify team members. Always engaging, these two gentlemen have their fingers on the pulse, making this an unmissable podcast. 

You might also like: A CSS Grid Framework for Shopify Collection Pages.

Developer resources: expand your skills, improve yourself, and win more clients

There’s no shortage of developer-focused learning resources when you’re looking to diversify your skillset. This list is just the beginning—let us know what we missed!

Taking up a new skill or growing your knowledge in a specific area is never easy, and it’s even more difficult while dealing with a global pandemic. But hopefully, this article will help you find guidance and inspiration when navigating these unpredictable waters. Consider which areas you can improve in that will provide the greatest benefit for both you and your clients as you review the list of developer resources.

In the words of author Louisa May Alcott, “I am not afraid of storms for I am learning how to sail my ship.”

Have fun learning!

This content was originally published on Source link, we are just re-sharing it.

All Growth Hacking Articles

Remote work for design teams: InVision’s essential resources

Remote work for design teams: InVision’s essential resources

At its core, design is a collaborative practice. From design reviews, sprints, group sketching, and cross-functional feedback, the process requires an “all-hands-on-deck” mentality that’s organically created when working shoulder-to-shoulder with colleagues . So when a brisk transition to working remotely comes out of left field, design teams can especially feel creatively and productively challenged.

In light of the challenges many in our community face while trying to keep their organizations running during this pandemic, we’ve put together a collection of the most helpful, design-oriented content we’ve created at InVision. Helping the world’s best teams work collaboratively is a core tenet. We hope this collection fosters creativity, focus, and collaboration during this uncertain time.

Foster creativity

4 exercises for your remote design sprint

Creativity is dependent on the remashing and remixing of ideas, and a good in-person creative ideation session is an incredible boon to a product team. But when you’re remote, you have to recreate the magic using real-time collaboration tools. Here, we share how we use Freehand, our real-time whiteboarding tool for allowing independent thought and exploration throughout the ideation and product design process.

6 things remote companies must do to build great culture

Culture is the set of values, norms, habits, beliefs, and characteristics that make a company a unique place to work. But what happens when that “unique place” isn’t a location on a map but in the cloud? When coworkers can no longer participate in team-building exercises in the same room or the daily serendipitous meetings that happen in the halls or open floor plans of a traditional office? Here are the six things you can do to build and maintain a strong remote company culture.

How books became 99design’s ultimate collaboration tool

Contributors at the freelancer platforms 99designs collaborate remotely as a part of their daily routine. However, they’ve found that the set-up means peer-to-peer communication is limited mostly to the most pressing and day-to-day topics. They were greatly missing the value of conversations that come up outside the context of a project or deadline, those that organically arise while grabbing a coffee in the kitchen or during a fleeting moment in the hallway. While surveying ideas to strengthen the team’s design culture and truly connect beyond the screen, they came up with a truly genius idea: A UX book club. Read the article to find out more about how the team set it up and the benefits it brought to the organization.

How Zapier is building a remote design culture

The web-integration company Zapier’s former director of design shares the tools, communication strategies, and mentalities that helped create not only a productive remote design team, but also fostered a greater culture.

Aid collaboration

4 ways remote designers and developers can collaborate better

The biggest challenges for designers and developers working together is often lack of alignment, bottlenecks in delivery, and the fact that the two disciplines often don’t share a central hub. While these are difficult for co-located employees, the issues are often exacerbated when the team is distributed—but these four tips can help.

How to help your team excel at remote collaboration

A physical separation doesn’t have to mean a mental one, too. Companies both large and small share their best practices and tools to help reduce the friction of working together when you’re not actually together.

How ACS Technologies cracked the hybrid-remote brainstorming code

While you’re more likely to be dealing with a fully-distributed team rather than a hybrid-remote one, this case-study from SaaS company ACS Technologies details how running a design workshop and doing exercises like empathy and journey map creation using Freehand is still super helpful for any newly-remote team.

Designing distributed: collaboration on Doist’s fully-remote design team

Team members at Doist, makers of the productivity apps Todoist and Twist, detail how they manage to successfully rethink and reimagine day-to-day design workflows for a fully-remote team.

Webinar: Designing together across continents

In this webinar Aarron Walter, VP of InVision’s design education, and Linda Eliasen and Buzz Usborne from Help Scout, another 100% distributed company, have a candid discussion on what it means to design together when you’re miles apart. They cover tactics and tools to keep designers inspired and connected across time zones, protecting design-share channels from unconstructive commentary, considerations when working with far-flung teammates, and using video to get the feedback you need.

6 tips for remote user testing

The founder and CEO of Maze, a user testing platform, share their best practices for remote user testing after meeting with hundreds of designers who understand the potential of remote research and embrace it during their design process.

The 4 rules of remote design collaboration

Justin Huskey, head of design at Infinite Red, shares how his team used remote collaboration to develop a better design process than what they had done in person.. Read more on how they established the golden rules of design communication, recreated the whiteboard experience, and ran remote design reviews in this post.

Collaboration workflows for remote design teams

Remote designers aren’t inherently bound to a life full of miscommunication and difficulties collaborating. From simple communication habits to powerful collaboration tools, here’s how to make things easier when working with a remote design team.

Stay focused

The 3 problems everyone has when first working remotely (and how to solve them)

Just like in most disruptions to routines, productivity can be a problem as individuals figure out what works best for them in their new set ups. We reached out to our fellow distributed workforce partners (as well as our own InVision employees) for their best #remotelife tips on tackling the most common problems.

12 steps to eliminating remote work distractions

No matter your role, it’s likely you’re facing some things that make it harder to get work done during the day. Whether that be kids home from school, roommates who are also working remotely, or just silence, these 12 steps can help you gain greater control over your work day.

How Creative Market’s remote team launched a new product in 6 months

While many teams may be delaying or reframing timelines on projects after this shift, thinking that remote work can’t foster as much productivity in the office, Creative Market’s six-month project is an inspiration. Read the community-generated design assets marketplace’s recap on how clear alignment trickles down into purposeful collaboration and hiring, and can move mountains in a short period of time.

Interested in learning more? We at InVision will be focusing on how we can help our community and customers collaborate creatively and seamlessly throughout the pandemic, as well as tracking the impact the sudden shift in remote work has on businesses. For now, also check out some content from some of our most trusted partners. 

This content was originally published on Source link, we are just re-sharing it.

All Growth Hacking Articles

How to Achieve Your 2020 Content Marketing Goals + Recommended Resources Help You Get There

How to Achieve Your 2020 Content Marketing Goals + Recommended Resources Help You Get There

Setting yourself up to achieve your 2020 goals sounds simple… and it is!
But, doing what you want to do does require taking some simple action steps. And, you have to take them. The most essential elements of embracing your goals are illuminated in this week’s Video Mojo.

In the world of content marketing, there are also strategic steps that you can take to get where you want to go. One of those steps is at the top of my list of 2020 goals. The resources that are also offered in this video can point you in the right direction for your digital marketing achievements as well.

I am wishing you all a Happy New Year! And here are your RESOURCE LINKS:

Content Marketing Institute

Joe Pulizzi’s book, “Content Inc.”

Bullet Journaling

I’d love to hear what works for you and if you find this video useful; so If you’ve got questions, feedback or suggestions, please comment below, or let’s connect in one of these “places”:

* Website: https://www.combridges.com
* Instagram: https://www.instagram.com/joncombridges/
* Twitter: https://twitter.com/joncombridges
* Facebook: https://www.facebook.com/combridges.fb
* LinkedIn: https://www.linkedin.com/in/jonleland



Home Page

google analytics reports

5 Simple Google Analytics Reports for Your Clients [Templates] — Web Design Tools and Resources

Integrating Google Analytics with your clients’ websites is something you should aim to do on every build you complete. Not only will it help them track the success of their online businesses, but it will also give you the opportunity to lengthen your professional relationship with them by offering analytic reporting and optimization services.

However, some of your clients will be completely unfamiliar with Google Analytics, and opening their dashboard without direction could leave them feeling intimidated. Luckily, you can help solve this problem by setting up some simple, custom reports when you hand over their store. That way, even your least analytical client can get a quick snapshot of what’s working and what isn’t in regards to their online business—without having to be a Google Analytics pro.

Below are five simple Google Analytics reports that will help give your clients extra insight into their online businesses and will take you mere seconds to set up.

Note: Before using these reports, please follow the instructions for installing Enhanced Ecommerce Reports, which will enable ecommerce tracking on your client’s store. All reports have been pre-generated and can be imported into your client’s Google Analytics dashboard by clicking the hyperlinked report. Just make sure you are logged into their account before clicking. If you’re looking for a full Google analytics reports tutorial, check out this Google Analytics Academy course.

1. Customer Acquisition report

google analytics report: customer acquisition

The Customer Acquisition report offers a simple but crucial perspective for any online business. This report will show your clients how their customers are landing on-site and what channels are contributing the most revenue to their business. Ecommerce data for each acquisition channel is broken down to total revenue, average order value, and conversion rate. That way, they can identify what specific channels they should increase (or decrease) their marketing efforts on.

Download the report

2. Organic Traffic Landing Page report

google analytics reporting: organic traffic landing page

Most ecommerce owners will, at the very least, implement a fundamental search engine optimization strategy with the goal of boosting organic traffic to their store. In an attempt to control the abuse of search optimization on all websites, Google does not share the organic keywords used to arrive at your website—instead you see the dreaded [not set].

You might also like: How to Use Google Analytics to Improve Your Web Design Projects.

The Organic Traffic Landing Page report tries to circumvent this barrier by allowing you to see your top performing landing pages for organic traffic, which is essential to fine tune your client’s content marketing funnel. Not only does this report filter your traffic by organic session landing pages, but it will also allow you to see a snapshot of your most profitable landing pages for organically-sourced visitors. By using landing pages within Google Analytics reports as your primary dimension, you’re able to make a manual assessment of what content or keywords could be driving your organic traffic, as well as what pages could use some extra SEO love.

If you want the full picture of your client’s SEO efforts, couple this report with an SEO-specific tool like SEMrush or Moz. You can also read our article on crafting high-converting web copy.

Download the report

3. Email Assessment report

google analytics reports: email assessment

If your client plans to use email marketing to drive return traffic to their store, the Email Assessment report will help them understand the role their campaigns play in sales. By understanding which campaigns lead to the greatest amount of transactions or revenue, your client has additional data—aside from open and click-through rates—to optimize their email marketing efforts.

For the “Email Campaign Assessment” tab of this report to function properly, your client needs to ensure they are using UTMs for their email marketing campaigns.

Download the report

You might also like: How to Choose the Right A/B Testing Strategy for Your Clients.

4. Device Comparison report

google analytics reporting: device comparison

The way people shop online is changing. In fact, it was shown that 73% of consumers use more than one channel during their shopping journey. Mobile users behave differently than desktop users—they will arrive on your client’s site through unique channels and will interact with the site in unique ways. Because of this, it’s important that you help set up your clients for success from the get-go.

The Device Comparison report includes two views that allow your clients to better understand the differences between their mobile and desktop customers. They’ll understand how user behavior differs based on device, as well as what acquisition sources are driving the most profitable customers based on device.

Download the report

5. Time of Day/Day of Week Transaction report

google analytics reports: time of day day of week

The Time of Day/Day of Week Transaction report offers your clients a detailed view of their past week of sales. The report helps identify which hours of the day, days of the week, and combination of both lead to their highest levels of sales.

What’s great about this report is that it will allow your client to isolate particular days or hours that are performing poorly in terms of revenue. This information presents an opportunity for them to run special marketing promotions during these periods to increase traffic, as well as sales.

Download the report

Bonus: Conversion Funnel Visualization report

google analytics reporting: conversion funnel visualization

While this isn’t a custom report in Google Analytics, it will probably be your client’s most valuable report in their data arsenal. The Conversion Funnel Visualization report comes standard in Google Analytics, and will help your client understand the effectiveness of their checkout funnel. It will allow them to see where potential customers are dropping off in the checkout flow, which can be used to drive optimization efforts, such as with setting up split-tests to increase store revenue.

Before you can access any conversion funnel data, you’ll need to set up a funnel in your client’s Analytics account. Here’s how to do it:

  1. Once you’re signed into their Google Analytics account, click Admin in the top navigation bar.
  2. Make sure you’ve selected the right View in the right-most column and click on Goals. Select + New Goal.
  3. Name your goal (Checkout works) and select Destination URL as your goal type. Press Continuegoogle analytics reports: goal description
  4. Enter your post-checkout page as your destination (normally, this is your payment confirmed or thank you page). Turn on the Funnel option and enter the page extensions for each step of your checkout funnel in order.
  5. google analytics reporting: goal details
  6. Save your goal, and voila! Start tracking the effectiveness of your checkout flow.

Once your conversion funnel is set up, you can access the report in the left navigation bar under ConversionsGoalsFunnel Visualization.

You might also like: Why Every Shopify Store Needs a Marketing and Sales Funnel.

Help your clients with their Google Analytics reports

Custom Google Analytics reports are one of the most powerful tools in Analytics. The reports shared above are simple versions that will help get your clients started with ecommerce analytics. Feel free to alter them as you see fit to meet your clients’ specific needs. And while you’re at it, consider offering web analysis as an add-on service for your web design projects.

What other analytics reports do you and your clients find useful? Let us know in the comments below.

This content was originally published on Source link, we are just re-sharing it.

All Growth Hacking Articles