Web Design Inspiration 2020 / Top 5 Websites That Inspired Me - April 2020

Web Design Inspiration 2020 / Top 5 Websites That Inspired Me – April 2020

Check out CODEFLIX: https://www.youtube.com/channel/UC8UgflNXN_0VHGlO5852WXg

When it comes to answering the question about where the ideas come from, I always try to amass as many ideas from the designs that inspire me. These are the top 5 websites that inspired me this month.






If you like this video, you can support me by staying connected via social media ⤵

Find me: https://www.instagram.com/harrnish/
Second YT: https://www.youtube.com/c/harrnish/

Codegrid on IG: https://www.instagram.com/codegridweb/
Facebook: https://www.facebook.com/codegridweb/
Codegrid’s Twitter: https://twitter.com/codegridweb/
Website: http://www.codegridweb.com/
Github: https://github.com/codegridweb/

Chat with me and others. Join my Discord: https://discord.gg/Zzpp7Cd

Also, add me on social media and say Hi: https://www.instagram.com/harrnish/

If you liked the music, check out and follow my playlist on Spotify: https://bit.ly/2_47AM

^ Music licensed from Artlist.io
Buy your own subscription from here :

Thank you for watching it. Stay tuned.
#WebDesignInspiration #Top5Websites2020


Home Page

Latest Research for Web Designers April 2020

Latest Research for Web Designers April 2020

Although life hasn’t returned to normal yet, the web design and marketing space doesn’t seem to have been too badly disrupted — at least not with all the new research and surveys floating around. And thank goodness for that. If we can maintain some semblance of normalcy, I think we’ll all get through this crisis in good shape.

In today’s roundup of the latest research for web designers, we’re going to look at a variety of topics, from 2020 holiday shopping predictions to missed opportunities in SEO.


Retail Experts Predict Huge Uptick in E-commerce Holiday Sales

Shelley E. Kohan wrote a piece for Forbes entitled, “Coronavirus Fears May Drive U.S. E-Commerce Sales Beyond 2020 Projections—And Change How People Shop In The Future”.

While all we have at this point are guesses about when the coronavirus crisis will end and what will happen to the global economy as a result, Kohan has a really interesting data-backed theory. It goes like this:

During the holiday season, there’s a noticeable increase in e-commerce sales. Because of the concentration of buying activity throughout the season, consumers become accustomed to this way of shopping, which is why e-commerce sales activity often remains high even as we move into non-holiday months.

Principal analyst of eMarketer Andrew Lipsman explains:

During the holiday, a time with more concentrated buying activity, consumers spend more online creating a step-change, meaning the consumer may not return to past behavior.

Because of the quarantine and self-isolation orders around the globe right now, consumers are buying far more online than they have before. And the longer they have to rely on this means of shopping, the more comfortable they’re going to become with it.

So, while predictions of holiday e-commerce sales might have been modest for 2020 prior to the coronavirus, that could easily change.

What Can Web Designers Do About This?

If Kohan’s and Lipsman’s theories are correct, e-commerce shopping is going to soar this fall/winter. So, it would be a good idea to start working with your clients now who plan on capitalizing on the holiday shopping season.

It wouldn’t be a bad idea either to start helping clients prepare for the end of the crisis. For businesses that have slowed down or stopped altogether, they might be becoming complacent, just waiting for demand to return. Instead, they should be working on a plan to hit the ground running the second things start to pick up — and you should be right there with them to ensure their site is ready for it. That could mean preparing their web hosting for a surge in traffic, redesigning the homepage for summer sales, or helping them digitize more of their business now that consumers have become accustomed to doing stuff online.


Experian Survey Reveals Data Breach Fears

A recent Experian survey shed some light on the state of cybersecurity, why businesses fear data breaches, and what they’re doing about it.

In 2019, data breaches were on the rise with 63% of organizations reporting the loss or theft of a thousand records or more.

And as security breaches become more prevalent, companies are losing faith in their ability to fight off an attack. Of those surveyed, only 23% believe their business is protected from email phishing attacks and 20% believe they’re protected from ransomware.

As for what they’re doing to protect their organizations, a lot of the focus is on securing their physical infrastructure:

  • 73% audit their physical security measures
  • 69% do background checks on employees and vendors
  • 57% do third-party cybersecurity assessments
  • 49% have cybersecurity insurance

What’s surprising is a lack of concern or attention paid to their websites and data captured there (at least in terms of this survey).

What Can Web Designers Do About This?

If you know that security is a primary concern for business clients, make it part of the early conversations you have with prospects. Lay out the facts about digital security. Then, make sure your proposal includes a plan for fortifying their website from security breaches.

Even if their focus is on the physical protection of company data, they’ll appreciate you bringing the risks of a digital breach to their attention. And if you’re looking for ways to stabilize your income, this would nicely open the doors to a new opportunity selling website support and maintenance.


HubSpot Research Reveals a Gap in Technical SEO

A recent survey from HubSpot research reveals how many companies are using SEO and what kinds of technical SEO, specifically, they’re using.

According to the report, 63.57% of organizations actively invest time in optimizing their web presences for search.

While it’s good to know that many businesses are taking SEO seriously, it’s unnerving to see how few of them have made technical SEO a priority.

According to the survey, companies employ the following technical SEO tactics:

  • 24% optimize for speed
  • 23.5% optimize for mobile
  • 23% localize their websites
  • 14% do keyword strategy
  • 11% create content clusters
  • 2% have a backlinking strategy

If search rankings are so important to companies, why aren’t they investing more time in these necessary optimization tactics? Is it a lack of education on the benefits of technical SEO or is it that their dedicated SEO doesn’t know how to implement them?

What Can Web Designers Do About This?

The first thing web designers need to focus on is the fact that less than two-thirds of companies are spending time on SEO. That alone poses an opportunity for designers to get in there and start educating prospects and clients on the benefits of SEO.

This will then enable you to introduce yourself as part of the solution. You might not be an SEO expert in terms of content, but you’re certainly an expert in terms of mobile responsiveness, performance, accessibility, and tagging.

If technical search optimization isn’t currently part of your web design checklist, it should be (at least for clients who understand and appreciate the value of technical SEO).



What’s so great about this research is that all of it points to greater opportunities for web designers. While the world might be feeling scared, isolated, and hopeless right now, there’s still work that needs to be done. And there’s a lot you as web designers can do to keep businesses afloat amidst all this uncertainty and ready to hit the ground running once we return to a normal pace of life again.


Featured image via Unsplash.

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

All Growth Hacking Articles

National Geographic Debuts Instagram AR Experience for April Earth Day Issue – Adweek

National Geographic Debuts Instagram AR Experience for April Earth Day Issue – Adweek

The publisher teamed up with Facebook’s Spark AR platform on the initiative, which Nat Geo pointed out uses the front-facing camera, while most AR experiences use the selfie camera.

“We have been excited about AR and immersive storytelling for a long time, but it’s been largely inaccessible to a lot of people,” Nat Geo director of Instagram Josh Raab said. “This will be available to everybody, not just Nat Geo followers.”

The AR experience brings the issue’s cover to life in order to share a cautionary outlook of climate change using projected climate data for 12 key cities and depictions of what those cities may feel like 50 years from now.

People reading the Nat Geo article via their phones can click on the yellow-and-black globe icon to open the interactive experience via their Instagram apps, or Instagram users can access it by opening up filters in their cameras and searching for “The World in 2070.”

National Geographic

A physical magazine cover is not necessary to access the AR experience. Opening it “generates a digital version of the cover,” Raab said. “Place that cover on any flat surface, or the Instagram app will scan the room, find a flat surface and size and place the cover.” Users can also control the size of the cover by pinching their fingers.

Once set, clicking on the cover results in a globe rising out of the cover and the headline, “What the world will feel like in 2070.”

Raab added, “It’s all 360. People can walk around the earth and scale it to any size. The earth rotates, clouds move freely and we even added some stars in the background.”

Yellow nodes will appear on 12 cities around the globe, and clicking them will bring up current climate data for each city: low and high temperatures in the summer and winter, and average annual precipitation.

A line is then drawn from the selected city to a city that is projected to have the same climate in 50 years. For example, according to projections, Los Angeles will feel in 2070 like Quezzanne, Morocco, does today.

There are two cities for which no 2070 projections will appear—Hanoi (Vietnam) and Kuwait City—because there is currently no location on the planet that feels the way they are projected to feel in 50 years.

The 12 cities included in Nat Geo’s AR experience are: Chennai, India; Hanoi; Istanbul; Jakarta, Indonesia; Kinshasha, Democratic Republic of the Congo; Kuwait City; Lima, Peru; London; Los Angeles; Miami; St. Petersburg, Russia; and Santiago, Chile.

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

All Growth Hacking Articles

Upcoming April 14! AMA with Samir ElKamouny, Founder & Chief

Upcoming April 14! AMA with Samir ElKamouny, Founder & Chief

Samir is recognized through his extraordinary commitment to next-level marketing tactics. He’s passionate about testing new advertising strategies, post-click experience, and conversion funnels that have generated over $100 million across dozens of industries. He founded Fetch & Funnel in 2017, growing the agency to $100K in MRR within a year. 

In this AMA, he’ll answer questions about:

  • How to advertise during a pandemic

  • How to profitably scale on Facebook & YouTube in 2020

  • Successful customer acquisition and conversion strategies that will grow any business, in any industry, at any point in time

So speak up, and learn from the guy that has run ads and been featured by Kissmetrics, Neil Patel, Tim Sykes, Larry Kim, and The Gadget Flow.  

Aside from media buying, Samir & his wife Rose were featured on Puppy Bowl XV (2019) for their work saving street dogs.

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

All Growth Hacking Articles

Popular design news of the week: March 30, 2020 – April 5, 2020

Popular design news of the week: March 30, 2020 – April 5, 2020

Every week users submit a lot of interesting stuff on our sister site Webdesigner News, highlighting great content from around the web that can be of interest to web designers. 

The best way to keep track of all the great stories and news being posted is simply to check out the Webdesigner News site, however, in case you missed some here’s a quick and useful compilation of the most popular designer news that we curated from the past week.

Note that this is only a very small selection of the links that were posted, so don’t miss out and subscribe to our newsletter and follow the site daily for all the news.


55+ Best Free Fonts


Colors.lol – Overly Descriptive Color Palettes


Reactive Resume: Free and Open-Source Resume Builder


Cross-Cultural Design: 4 Ways to Get Started


Productivity: The Ultimate Guide


Spicypass – Free and Open-Source Minimalist Password Manager


12+ Low-Code and No-Code Development Platforms


UX Myths to Forget in 2020


United Nations Issues an Open Brief to Designers to Help Fight Coronavirus


Best Infographic Makers in 2020


27 Best Movies & Documentaries for Creatives


6 Underestimated Soft Skills that will Make You a Better Designer


Design Trend: Mono Gradients


Not Safe for Design, a Creative Challenge Generator


Top 4 Tips on How to Build an Effective Design System


Social Distancing Logos are the Design Equivalent of ‘Thoughts and Prayers’


The Best Alternatives to Zoom for Videoconferencing


A Complete Guide to Wireframe Design


Top 5 Mockup Tools for Web Designers in 2020


A New Color Contrast Analyser that Suggests Better Colors


How to Build a Bad Design System


What Should You do When a Web Design Trend Becomes Too Popular?


How Organize your Text Styles in Sketch


Basecamp’s Jason Fried on the Learning Curve of Remote Work


How to Write UX Copy that Makes your Product a Joy to Use


Want more? No problem! Keep track of top design news from around the web with Webdesigner News.

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

All Growth Hacking Articles

Shopify api release april 2020

April 2020 — Shopify API

Welcome to the April 2020 edition of our API features roundup, designed to help you understand how all the changes of our latest API release can be adopted to improve the quality of your apps.

Most of the changes in our 2020-01 release focused on merchandising, and order and fulfillment flows. This quarter’s release, however, includes the introduction of duty and tax calculation, as well as updates to the Storefront API.

Let’s dig into the changes in the 2020-04 release by discovering new features and validation at checkout, and additional fields in Storefront API objects.

Released as part of 2020-04

Below are the features included in the 2020-04 release.

1. Duty and tax calculation

For merchants selling internationally, allowing buyers to pay duties in the checkout can reduce the risk of delayed orders at customs, added shipment costs, and buyers rejecting shipments.

The 2020-04 version introduces a Duties and taxes developer preview that gives you an early look at how your clients will be able to provide total cost clarity to their buyers using estimated duties and taxes at checkout. This will not only help your users’ customers pay for duties at checkout, but will also allow you to surface duties and taxes in your app’s workflows.

NOTE: Duty and tax estimates are placeholder values while the feature is in developer preview.

Shopify api release april 2020: shipping method

This release allows apps to read the duties paid on an order through the REST and GraphQL Admin API, and refund them through the GraphQL API. Refunds and order line items with duties now have a duties field. Orders will also feature original_total_duties_set as well as the current_total_duties_set after refunds. 

Most importantly, the total_price_set on orders now includes any duties that have been paid during checkout across all API versions. Once this feature launches to merchants, all stores that enable duty and tax calculation will include duties in order totals by default and refunds will need to process duty returns on applicable orders.

Shopify api release april 2020: API version roundup

To learn more about refunding duty and tax information through the API and how you can update your app to include duties, check out our tutorial.

2. Adding validation around compare at pricing

To enable apps to trust the relationship between the compare_at_price and price field values on variants, we’re adding validation to ensure that the compare price is always higher than the actual price. This change allows apps to surface the compare_at_price in new areas (like on a receipt) without worrying about odd values.

Validation only applies when modifying one of these fields, so apps using libraries that pass entire objects don’t encounter the validation when modifying an unrelated field, such as the variant’s weight.

To see the new validation in action, visit our versioning guide

3. Storefront API additional fields on products and orders

In the 2020-01 version, we introduced order editing, allowing apps to help manage all aspects of orders on a shop, including edits to line items on existing orders. The Storefront API Order object has been updated to reflect these new features and includes new fields to help you display orders on custom storefronts accurately—even after they’ve been edited.

The new Storefront Order object includes LineItem objects as well as order edit information, fulfillment status, and pricing details.

As part of the 2020-04 version, the Storefront API also exposes new fields to support translations and internationalization, and inventory status and counts.

You can read all about the new Storefront API fields in our release notes.

4. Exposing rich media filenames

In the last API version, we introduced a media connection for products in GraphQL. In order to make it easier to work with rich media files, we’re exposing media filenames with two new fields: expose_video_filename and expose_model3d_filename.

To learn more about how to use this connection and start including richer media experiences on the product page, visit our guide on working with product media.

2019-04 version removal postponement

As mentioned in our recent post on How Shopify Partners are Responding to COVID-19, we’ve decided to postpone the 2019-04 version removal to July 1, 2020, so that you can focus on helping merchants and other partners in these challenging times. Instead, both 2019-04 and 2019-07 API versions will be removed on July 1st. 

This postponement also means that the move from page-based to cursor-based pagination will come into effect for all endpoints on July 1, which should simplify the migration process for your apps. You can find more information on how to migrate your app in our post on how to use relative pagination in your app.

For those of you who’ve already put in the time and energy to update, we want to say thank you for your diligence and understanding in the extension—your efforts haven’t gone to waste. You’re now ahead of the game, and can focus on more pressing matters for your business, clients, and app users.

Stay on top of changes

To stay up to date with the changes coming to the next release, remember to subscribe to the Developer Changelog so that you can start using features as soon as they ship into the release candidate for 2020-07. You can also subscribe to What’s New for Shopify Partners, our monthly product email, via the link below.

Template Icon

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

All Growth Hacking Articles

Don’t Expect Many Brands to Embrace April Fools’ Day in 2020 – Adweek

Don’t Expect Many Brands to Embrace April Fools’ Day in 2020 – Adweek

Apparently not, if you check Twitter, where commenters have been proactively warning brands for at least the past week against pulling any April Fools’ Day pranks.

“Many of you typically have big plans,” wrote @amaliaefowler, a Vancouver tech company marketing director, mirroring much of the sentiment on the platform. “I beg of you, put them away this year. You will be remembered for launching them, and it won’t be in a good way.”

Marketers, already trying to tread lightly and sensitively with their communications in the wake of the coronavirus pandemic, seem to have read the room. Brands, including Google, SodaStream, Honda, T-Mobile and Giphy, are skipping the annual “holiday,” even as they’ve made it a perennial and high-profile part of their advertising.

There will be exceptions (see Poo-Pourri), but the spring tradition of companies unleashing a flurry of fake products, epic misdirects and clever (or cringeworthy) hoaxes doesn’t appear to be happening. Not en masse, anyway.

“When times are good and brands want to show their humor and personality, it can be positive. A good stunt can humanize a brand,” said Joe Baratelli, evp, chief creative officer at Los Angeles-based RPA, whose client Honda says it will opt out of the holiday. “When things are serious, it’s probably not the time to be messing with people.”

Execs at Poo-Pourri respectfully disagree, and they’re willing to swim against the prevailing tide this year. But they think consumers will immediately understand that their candle called This Smells Like My Poop is a gag, so to speak, meant simply to get a chuckle from the public, says Nicole Story Dent, the brand’s svp, creative.

If the Goop-inspired name doesn’t give it away, then its description (“evokes rich, warm and familiar aromas”) and price tag, $41.20, certainly should, she says.

“We think it’s important to continue to bring some levity to those that need it most,” Dent said. “It’s an uncertain and devastating time, no doubt, and if we can bring a little bit of joy to people right now, we are all for it!”

Poo-Pourri isn’t actually selling the odiferous swag, but giving away a handful of them via Instagram. (This was not a mass-produced item).

Companies seem to be erring on the side of caution, like SodaStream, which already had its 4/1 campaign locked in place but will not go forward with it. The planned video revolves around a fake product and, like much of the brand’s ongoing advertising, focuses on environmental and social messages.

“It was a hard decision because April Fools’ is a beloved tradition with us and this would’ve been our fifth year,” said Karin Schifter-Maor, the Pepsi-owned brand’s global CMO. “But now is not the time for pranks.”

SodaStream will likely use the spot later, Schifter-Maor says, calling it “a unique and disruptive idea.” For now, the brand will continue to adapt its social media and marketing to reflect the current crisis. “It’s not just business as usual,” she noted. “All the messages we put out right now are about how you can make your life easier.”

Google has been a legendary player in the April Fools’ game for more than a decade, with goofs that range from a faux high-tech, low-carb “smart drink” called Google Gulp to a Morse code keyboard. The company, via a recent internal memo from CMO Lorraine Twohill, put the kibosh on stunts from any and all departments.

“Our highest goal right now is to be helpful to people,” she wrote in the email, “so let’s save the jokes for next April, which will undoubtedly be a whole lot brighter than this one.”

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

All Growth Hacking Articles

3 Essential Design Trends, April 2020

3 Essential Design Trends, April 2020

This month’s website designs are showing elements of what is happening in the world around us. While this is often true, some of the things we are seeing right now are an immediate reaction to current events.

Trending this month are designs for website notifications and pop-ups, retro typography, and blue and green color schemes. Here’s what’s trending in design this month.


Website Notifications

The COVID-19 world health pandemic has created a need for many designers to add notices to websites. From temporary closures to delayed shipping to changes in business operations, almost every transactional website has a need for a notification.

And while many of us are having to react fast, there’s no reason these notifications need to look bad.

The keys are to ensure simplicity, readability, and user-friendliness.

Each of these three website examples does it in a different way, but all meet the three goals above.

One big change to these pop-ups from others that we’ve looked at recently is the mood of the design. It is somber and informative, not bright and cheery like many of the more sales-oriented pop-ups that have been popular.

Dick’s Sporting Goods uses a simple popup with a store image in the background that’s faded out with bold white text on top. The message is direct and to the point. There’s a secondary popup notice at the bottom of the screen for users who want to know more.


The pop-up notification has an obvious X to close the window. When the primary, center screen pop-up is displayed the rest of the website has a dark overlay to help bring focus to the notification.

Chase retooled their website header, stripping out images, to include a COVID-19 update notice alongside the customer login box. Information is easy to read and the red icon distinguishes this as important information. The button is large and visible, making it easy to find more information about what the financial institution is doing and how to find help if you need it.


The shift from an image header to this informational one changes the whole mood of the website to one that is appropriate for the times.

Hell’s Kitchen uses a simple pop-up with a full-screen overlay that darkens the rest of the design. This pop-up notification contains a lot of information. But blocks of text and bolding in the right places keep it organized. The date as a headline also helps customers know that the information is up-to-date with fast-moving changes that are happening everywhere.


Note that the notification also includes links to other parts of the business that can be patronized, such as buying gift cards or making a reservation in the future. Adding a relevant link or button to a notification is a good way to help users do something with the website when they can’t necessarily do what they originally came for.

When creating this style of notification for your website, pay attention to relevant settings. With sales-based notifications or pop-ups, they may time out, stop displaying due to a cookie, or only appear for certain customers or on certain pages.

With a notification such as the ones we are seeing for COVID-19, it is likely that you’ll want to think about these settings carefully. You will likely want a popup to appear on every visit for every customer. You may need a couple of notification types; one for a physical closure and another to note delayed shipping times, for example.


Retro Typography

Old styles almost always come back around.

Designers seem to be experimenting with retro typography styles in a big way lately, making this a website design trend this month.

Retro styles are being used in a variety of ways and there isn’t one dominant typography style. The most common theme seems to be retro typefaces that are a little flowier with a lot of character and personality.

Retro typography styles are nice because they can create a very intentional mood for a project. One of the concepts that has trended in 2020 is the notion of throwing back to the 1920s. That retro style is something you can see hints of in the typography choice for Playful.

Without saying anything more, a typeface can transport someone to a different era or mood. That’s exactly what this design trend does for these projects.

Playful uses Antiga Regular for the main headlines.


Nika Fisher uses Ziggy for the nifty counter in the bottom right corner.


Madies uses Blw for the main headlines. (Note that the logo also uses a different retro style as well.



Blue and Green Color Schemes

Blue and green color schemes make you think of nature: Green grass and trees and blue sky. These palettes can be calming, soothing, and very harmonious. (All things that might be a fresh feel in a tumultuous world, right now.)

While the use of blues and greens is not new, it is a combination that we haven’t seen a lot of in website design projects for some time.

These color schemes are evolving in a few different ways and are an easy fit with many brand colors and styles (thanks to a mostly neutral feel).

If you are interested in using this trend, play with different shades of blue and green. Start with a blue or green that is part of your brand color palette (if you have one), and incorporate colors around it.

Another option is to work from a blue or green that you might have used as part of another color trend, such as the super bright colors from GadgetGone. The blues and greens here have a definite Material Design vibe to them.


Vonnda mixes the gradient trend with green and blue to create a striking visual on its homepage. The color combo makes a cool gradient in the oversized geo shape on the right side of the screen (which has a nice balance with all the whitespace) and helps the eye move through the text thanks to “commerce” highlighted using the same green-blue gradient.


Goya uses a deep navy background with a striking emerald green to create a simple homepage aesthetic. Green is used as a highlight color in the downpage illustration and is the brand color that serves as a thread between scrolls in the one-page design. This example shows how to start with a brand color (emerald) and build a trendy palette around it.




While this month’s design trends might be a little more somber than in recent months, it is a reflection of world events. Even in uncertain times, design work continues and new trends will emerge.

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

All Growth Hacking Articles