Entries by admin

Chiclets, Never Gets Old! Campaign by Amro Thabit

Original Source: http://feedproxy.google.com/~r/abduzeedo/~3/40ZU73vPURA/chiclets-never-gets-old-campaign-amro-thabit

Chiclets, Never Gets Old! Campaign by Amro Thabit

chiclets

ibby
Jan 09, 2018

Chiclets, the candy-coated gum brought to us by the Cadbury company, brings back such great memories and flavors of my youth so when I stumbled upon this latest work for Chiclet by Cairo based Amro Thabit I just had to share. Introduced in 1900, this iconic gum is still distributed in limited supply across the globe. We’re hoping Amro’s work puts the brand back on the map in a bigger way for today’s youth to appreciate. Scoop more on the project and corresponding work below. 

ABOUT THE CAMPAIGN

CHICLETS, NEVER GETS OLD! chiclets has always had a place on every shelf; here, there & everywhere. the true definition of an all-time classic.. chiclets decided to embrace a young spirit sticking to its old soul. now targeting the younger generation, a more vibrant package design was born. by turning chiclets iconic half-circle into five different mouth-shaped designs. Inspired by the originality of the older packs, i took the existing undefined shape and transformed it into a mouth.To bring this further, i injected modern & personalized elements, giving the new packs a retro look; a look appreciated by teens. i gave each of the five flavors a personality, a distinct character, using differentiating colors & elements such as piercing, mustache, braces… The five packs are not only visually distinct; each one a character that is reflected by their look & speech. The one trait they all have in common is a sense of humor.

 

 

 

 

 

 

art direction
packaging
illustration


Collective #376

Original Source: http://feedproxy.google.com/~r/tympanus/~3/efefmma94zY/

C294_DIvi3

Our Sponsor
Divi 3.0: Build Things Visually

Divi 3.0 introduces a completely new visual interface that will forever change the way you build websites.

Try it free

C376_localstorage

How to Use Local Storage with JavaScript

Tania Rascia’s practical step-by-step guide on using local storage.

Read it

C376_netneutrality

The web we may have lost…

Christian Heilmann shares his thoughts on the recent Net Neutrality ruling.

Check it out

C376_duotone

Using SVG to Create a Duotone Effect on Images

A great SVG technique for a duotone image effect by Lentie Ward.

Read it

C376_uijar

UI Jar

Hand-picked designs from Dribbble for your real life projects.

Check it out

C376_shadowdom

::part and ::theme, an ::explainer

Monica Dinculescu gives us a quick update on what’s new for styling the Shadow DOM.

Read it

C376_ExploreWithMe

Explore with me

A beautiful musical Christmas Experiment.

Check it out

C376_StateofJS

The State of JavaScript 2017

The results of this year’s survey on JavaScript from over 20,000 developers.

Check it out

C376_Dancer

Dancer

Fantastic dancer implementation in Three.js by Yannis Jonckheere

Check it out

C376_MDJSX

markdown-to-jsx

A compiler that takes Github-flavored Markdown (GFM) and forms it into renderable React content.

Check it out

C376_interactivity

Why Web Developers Need to Care about Interactivity

Philip Walton explains what interactivity means and why it matters.

Read it

C376_jquery

Is jQuery still relevant?(

Read why jQuery is far from dead, dying, outdated or irrelevant. By Remy Sharp.

Read it

C376_undraw

unDraw

A collection of MIT licensed SVG illustrations for your next project. Read more about it in this article. By Katerina Limpitsouni.

Check it out

C376_googlemaps

Google Maps’s Moat

A fascinating essay on the advances that were made in Google Maps. By Justin O’Beirne.

Read it

C376_Product

Product Manual

A curated collection of resources around Product Management.

Check it out

C376_tables

Designing Tables for Reusability

Ada Rafalowicz and Havana Nguyen share their experience with designing a standard table UI pattern for different use cases.

Read it

C376_audioapi

Feeding the Audio Graph

Great article on the versatility of the Web Audio API by Ben Foxall.

Read it

C376_benjamin

CSS Grid in Production

A video from DotCSS 2017 where Benjamin De Cock shares a technical retrospective about shipping CSS Grid layout in production.

Watch it

C376_readingprogress

Time progress bar with CSS

A clever little technique for a CSS only reading progress bar by Ricardo Prieto.

Read it

C376_enlight

Enlight

Enlight is a collection of tutorials for learning to code.

Check it out

C376_state

Frontend in 2017: The important parts

Kaelan Cooter summarizes some of the important things that happened in 2017 in the front end ecosystem.

Read it

C376_satisfying

oddlySatisfying

Great demo by Hornebom that will make you addicted.

Check it out

C376_headless

How GitLab switched to Headless Chrome for testing

Mike Greiling’s detailed explanation with examples of how GitLab made the switch to headless Chrome.

Read it

Collective #376 was written by Pedro Botelho and published on Codrops.

Window Seat – The Art of Digital Photography and Creative Thinking by Julieanne Kost

Original Source: http://feedproxy.google.com/~r/abduzeedo/~3/HN1jCmrAiFM/window-seat-art-digital-photography-and-creative-thinking-julieanne-kost

Window Seat – The Art of Digital Photography and Creative Thinking by Julieanne Kost

julieanne kost

ibby
Jan 09, 2018

 

If you share the same curious eye as famed photographer Julieanne Kost you’ll love these beautiful photographs she’s captured over the past 15 years traveling on commercial flights in the prized window seat. Kost is an accomplished photographer and fine artist based in a San Jose, California with an immense talent for capturing abstract forms and thought-provoking landscapes. We’re excited to celebrate her most recent shots from her travels throughout California, Utah and as far flung as Australia below. Kost’s book “Window Seat – The Art of Digital Photography and Creative Thinking” is available via hard copy as well as well as an updated iBook. Also be sure to check out more of her surreal and stunning portfolio here. A big thanks to Julieanne for reminding us all to look out that window on our next flight to appreciate the art, beauty and inspiration all around us. 

 

ABOUT JULIEANNE KOST

Named one of Fast Company’s “100 Most Creative People in Business,” Julieanne Kost is a Principal Evangelist at Adobe Systems, responsible for fostering relationships with customers through meaningful and inspirational Photoshop and Lightroom instruction. As a highly sought-after speaker for the industry-standard Digital Imaging franchise, she devises and presents motivating and educational training sessions, sharing original techniques and tutorials worldwide — via live events, Adobe.com, her own website (jkost.com) and blog (blogs.adobe.com/jkost). She is also the author of “Passenger Seat—Creating a Photographic Project from Conception Through Execution in Adobe Photoshop Lightroom” and “Window Seat — The Art of Digital Photography and Creative Thinking”, an accomplished photographer and fine artist, and creator and host of the popular Photoshop CC Essential Training, Adobe Camera Raw Essential Training, and the Art of Photoshop Compositing for LinkedIn Learning | Lynda.com.

 

digital photography
fine arts
photography


Collective #377

Original Source: http://feedproxy.google.com/~r/tympanus/~3/QtNJ1BAJ2Es/

C377_WOTW

Inspirational Website of the Week: Yelvy

Innovative details and a super modern design made us choose Yelvy as the site of the week.

Get inspired

C377_Divi

Our Sponsor
Free Layout Pack for Divi

A free learning management system (LMS) layout pack perfect for any e-course website.

Download for free

C377_joy

Joy.js

A great tool that lets you change code by clicking, dragging or hovering, and see the result immediately. By Nicky Case.

Check it out

C377_Lynn

Lynn Fisher

Responsiveness is brought to a whole new level on this website: a new design for every breakpoint!

Check it out

C377_snowman

Snowman

Create your own fancy snowman with this Christmas Experiment.

Check it out

C377_naming

Onym

A site that collects tools and resources for naming things.

Check it out

C377_Alva

Alva

With this revolutionary design tool you can start building your layouts and design with the same components that your engineers use for the production website.

Check it out

C377_iconssm

32 Free And Friendly Office Icons

A free set of modern office icons designed by Vexels.

Get it

C377_agents

Byte Arena

Byte Arena is a gaming platform for developers where you have to code the brain of an agent.

Check it out

C377_photoshop

Photoshop for designers who don’t use Photoshop.

A series of video tutorials for UI/UX designers who use alternatives to Photoshop but still need it for some retouching.

Check it out

C377_jQueryUI

The Future of jQuery UI and jQuery Mobile

Alex Schmitz announces some changes to the handling of the once so popular projects.

Check it out

C377_Chrome

Chrome is Not the Standard

Chris Krycho’s critical look on developer infatuation with Google Chrome.

Read it

C377_Floppy

Fitting Flappy Bird Into a Tweet

Jon Kantner shows how he made a 278-byte, black-and-white version of Flappy Bird using HTML and JavaScript.

Read it

C377_ShaderReload

Shader Reload

An experimental interface for live shader reloading in ThreeJS, regl, and other WebGL frameworks.

Check it out

C377_SQL

NetSPI SQL Injection Wiki

A Wiki with information on identifying, exploiting, and escalating SQL injection vulnerabilities across various Database Management Systems (DBMS).

Check it out

C377_Ren

Resn’s Little Helper

A beautiful seasonal WebGL experience.

Check it out

C377_icons

Free Icons from ThemeIsle

More than a hundred free line style icons from ThemeIsle.

Get it

C377_bonfire

Bonfire

Another fantastic Christmas Experiment: A gloomy forest bonfire.

Check it out

C377_bitcoin

How does Bitcoin work? I built an app to show you.

Sean Han made an app to explain how the Bitcoin cryptocurrency works.

Read it

C377_password

“Username or password incorrect” is bullshit

A controversial article by Travis Jeffery on a common security best practice.

Read it

C377_22

Vireo

Vireo is a lightweight and versatile video processing library that powers Twitter’s video transcoding service, deep learning recognition systems and more.

Check it out

C377_html52

HTML 5.2

HTML 5.2 is now a W3C recommendation. Read about the substantial changes since 5.1.

Check it out

C377_gameart

Isometric Game Art Pack: Volume 1

A free isometric game art bundle by Crevasse.

Read it

Collective #377 was written by Pedro Botelho and published on Codrops.

Free Download: Ecommerce IOS11 Icons

Original Source: https://www.webdesignerdepot.com/2018/01/free-download-ecommerce-ios11-icons/

Setting up an e-Commerce site? Or looking for some high-quality icons to give your shopping a professional look. From the fine folks at Icons8 we’re offering this awesome set of 40 different iOS 11 glyphs icons dedicated to eCommerce. All icons are provided as PNG, SVG and EPS. Check the license here. 

 

Pay with a Tweet

Download now

Please enter your email address below and click the download button. The download link will be sent to you by email, or if you have already subscribed, the download will begin immediately.

Download files

I agree to receive weekly newsletters from MightyDeals.com, WebdesignerDepot.com and

WebdesignerNews.com. Unsubscribe at any time. Your email will not be sold/rented (unsubscribe at any time).

1800+ Unique Hi-Res Patterns from Animals to Donuts – only $9!

Source

p img {display:inline-block; margin-right:10px;}
.alignleft {float:left;}
p.showcase {clear:both;}
body#browserfriendly p, body#podcast p, div#emailbody p{margin:0;}

Collective #380

Original Source: http://feedproxy.google.com/~r/tympanus/~3/jhwW3aXmtGw/

C380_wpdata

Our Sponsor
#1 Tables & Charts Creator WordPress Plugin

wpDataTables is a best-selling WordPress plugin that can help you generate tables and charts in WordPress with a few simple clicks.

Check out how

C380_roadmap

Web Developer Roadmap – 2018

Some fantastic graphs that show roadmaps for becoming a web developer in 2018. By Kamran Ahmed.

Check it out

C380_password

I’m harvesting credit card numbers and passwords from your site. Here’s how.

David Gilbertson captivates us with his charming sarcasm in this fictional, yet alerting scenario.

Read it

C380_flexbox

New flexbox guides on MDN

Rachel Andrew updated the existing Flexbox guides on MDN to reflect the core use cases.

Check it out

C380_html52

What’s New in HTML 5.2?

In this article, Ire Aderinokun summarizes what additions and removals there have been to the new HTML spec.

Read it

C380_pens

Top Pens of 2017 on CodePen

The most hearted demos on CodePen of 2017.

Check it out

C380_payment

Introducing Web Payments: Easier Online Purchases With The Payment Request API

Learn about the new, up-and-coming standards for Web Payments in this article by Peter O’Shaughnessy.

Read it

C380_dot

Dotgrid

Dotgrid is a vector tool that works by adding control points and connecting them with different line-types. Read more about it here.

Check it out

C380_meltdown

The Spectre Attack and Critical CSS

An article on the recently disclosed security vulnerabilities and measures to take as a web developer.

Read it

C380_webperformance

8 Web Performance Expert Insights for 2018

Some great insights for better performance from the experts in the field.

Check it out

C380_fireworks

Pixel Fireworks

A fun demo of pixel fireworks by Jon Kantner.

Check it out

C380_checklist

Awesome Checklist Checklist

The mother of all checklists. Curated by Yingjie Hu.

Check it out

C380_JSFrameworks

The State of JavaScript Frameworks, 2017

The first part in a series that sheds light on the state of JS frameworks.

Read it

C380_counters

Counters and Stones

An interesting CSS only solution to a peculiar problem. By Roman Komarov.

Read it

C380_icons

Web & Mobile Icons Bundle

A great set of 40 UI icons in all major formats. Free for a subscription.

Get it

C380_docu

Docusaurus

In case you missed it: Docusaurus is a project for easily building, deploying, and maintaining open source project websites.

Check it out

C380_structures

Recursive Data Structures and Lazy Evaluation

Roman Liutikov explores recursive data structures and how they work together with lazy evaluation.

Read it

C380_fontft

Free Font: ft anima

A refreshing sans serif including Cyrillic characters designed by Igor Kosinsky.

Get it

C380_eel

Eel

A Python library for making Electron-like offline HTML/JS GUI apps. By Chris Knott.

Check it out

C380_ML

30 Amazing Machine Learning Projects for the Past Year

View Mybridge’s top 30 picks from nearly 8,800 open source Machine Learning projects.

Check it out

C380_fontmono

Free Font: Moncr

A very creative monospace typeface designed by Damiano Cenderelli.

Get it

C380_iphonex

iPhone X Mockups

8 iPhone X mockups for Sketch and Adobe Photoshop with super high resolution.

Get it

C380_numerals

Influence Numerals

A free numeral typeface with beautiful number designs made by Katie Wasserman.

Get it

Collective #380 was written by Pedro Botelho and published on Codrops.

The Changing Face of Web Design in 2018

Original Source: https://inspiredm.com/changing-face-web-design-2018/

Inspired Magazine
Inspired Magazine – creativity & inspiration daily

One of the interesting recent developments in web design trends is actually the trend away from trends… or in other word what is happening is a kind of regression to simpler ways, at least from those in the know.

On the other side of the coin, there’s a big shift happening in certain types of corporate sites, especially some British and American media sites, where there’s a tendency to overload pages with so much extraneous content that it can severely impact on the ability of the user to see the content they actually arrived to see.

If the first two paragraphs sound hopeless tangled, well that’s a very succinct allegory for the state of web development in 2018… tangled. It’s a problem we need to sort out, because it won’t be good for anyone if web standards continue to slip.

We’ll return to this topic of overloading later on in the article, because it’s quite a big topic. What I’d just like to briefly do before we get into that is to focus attention on some of the problems we’ll see being solved before that more serious problem is dealt with, and also some of the good things we’ll be seeing happening on the web design front in 2018.

Carousels are finished

There’s a place for carousels, but the abuse of them is going to end, simply because it’s been so overdone that people are tired of them.

Unfortunately on some sites they’re being replaced by something even more obnoxious, which is an autoplay video banner, but this can be expected to die out naturally as developers finally figure out that too many users are on mobile connections and slow broadband for this to be a practical idea.

Carousel abuse, by the way, is simply a situation where they’re used for no other reason than to use them, serving no real purpose to better inform or entertain the viewer.

Death of the 1-3-1-6 layout

This layout pattern was at some point decided as what should be the future of web design, because at the time it was first used, it looked kind of cool. As with many overused fashions, however, people have started to find it irritating.

The layout also is flawed from the point of view that it’s not well suited to good responsive design (even if it can be made to work in responsive design), and encourages overloading with unnecessary elements.

Again, it is a problem of including elements just so they’ll fit the layout and not because they add value to the user experience.

Increase in true responsive design

Designers are better informed now about the need for responsive design, and they’re getting a lot better at implementing it. We should expect to see a lot more sites getting responsive design right, and that can only be a net gain for the users.

As a designer what you’ll want to be conscious of is that the focus on responsive design (which is a good thing) doesn’t result in a lacklustre desktop browser experience (which would be a bad thing). We need to think about how we’re using space to make sure it is efficient and always delivering a quality user experience.

gif image courtesy of Gal Shir

Rise of the narrative theme

More commercial marketing agencies are going to realize the value of building proper relationships with users, and so we should see an increase in narrative themes, ones that draw us in with a story and informative text, instead of just presenting a wall of products for us to choose and buy.

That doesn’t mean we should go crazy with text and video, it just means we should dial down the commercial focus, instead focusing on building trust, and then convert that trust into sales.

illustration courtesy of Folio Illustration Agency

Huge problems ahead with Internet nanny state

Browsers and ISPs continue to take a hardline stance in terms of trying to protect users from their own lack of savvy, and this in turn is punishing honest developers and small business sites who can’t don’t need security certificates and can’t afford the extra cost.

What we really need is for the Internet users to become more savvy, implementing their own safeguards, instead of technology providers stepping in to do it for them.

illustration courtesy of Ben Stafford

The problem this nannying creates is that it assumes every site to be malicious until proven otherwise, ignores the fact that malicious sites routinely do things by the book to masquerade as non-malicious sites, and that truly malicious sites are a minority.

There’s also the fact that users should take responsibility for their own security, plus the equally important fact that the majority should not be punished (or restricted) because of the actions of a malignant minority.

Geolocation triggered CDN will fall out of fashion

At first it’s going to rise, then people are finally going to figure out it doesn’t work the way it is supposed to, and then (if there’s any sense left in the world) people will stop using this extremely bad idea.

What is meant to happen is the site looks at the IP address and then attempts to fetch CDN resources from the CDN server closest to the client. It would be fine except some sites try to get too fancy. They also look at the client locale and try to serve location-specific content to the client.

This inevitably leads to DNS resolution conflicts, causing even major sites such as Google and Facebook to malfunction on some client machines. It has become an issue because designers have forgotten that people travel.

Travelers don’t always reset the locale on their devices when they travel, and there can be many reasons for this. The conflict between the device locale and the IP location (unless a VPN is used) seems to cause routing problems with many sites.

image courtesy of Alexander Zinchenko

The scourge of overloaded pages

An overloaded page is one that contains a ridiculous amount of external resources, especially JavaScript, where the external resources contribute nothing positive to the user experience. These resources are included solely for the benefit of the site owner, either for making money, collecting information, or just because the designer is a plug-in junky.

Overloaded pages can be annoying for anyone, but they’re especially annoying for mobile users, users running older hardware, and users with slow connections.

It’s the kind of thing that in the past we’d expect to see on trash sites, but lately it has become a problem on many different kind of sites, including mainstream media sites.

Let’s check out an example:

What we’re looking at here is not meant to single out this particular site. It is typical of just about any UK mainstream media site these days, and some American sites are just as overloaded, if not even more so. This doesn’t look overloaded at first glance, but take a closer look.

With JavaScript enabled, a normal Internet connection, and anything less than the latest hardware, the page loading time will be spectacularly unimpressive. At least part of the reason is that the page tries to load scripts from all these domains:

Remember, if even one of these scripts fails to load, it can introduce delays and malfunctions for the rest of the page load.

Most of the news sites are adding these unprofessional click-bait ads at the bottom of their articles. These have no business on a business site. It’s amazing that they’ve been so universally adopted, and what should be a major concern is that these ads can sometimes be offensive or just annoyingly insensitive, which can lead to a backlash against your site.

Plus of course loading all these resources (including all the scripts, images, videos, and other things), puts a strain on the client machine. CPU and memory are consumed with each item loaded, and in a multi-tab browsing environment, when most browsers are still plagued with bugs, it all ads up to a potentially frustrating time for users.

You know who the users are going to blame when their browser (and maybe entire OS session) crashes? They’re going to blame you. When they do, it’s unlikely you’ll ever get that user back, or they’ll come back grudgingly, expecting problems.

It’s understandable some sites need to raise money through advertising, but there’s no way to justify connecting to 39 different domains in order to do so. It’s just going too far, when it’s not necessary. You could serve less ads, and serve them all from one place, and the results would be better.

Another advantage of avoiding overloading is fewer privacy invasions, raising the trust level of your site. Users don’t hate ads, they hate ads that get in the way of what they’re doing and which invade their privacy, even to the point of spying on them and following them around.

Let’s stop doing that, and make money honestly with clean sites the way nature intended. It can only result in more profits for your company and a better user experience for those visiting your site.

header image courtesy of Ksenia Shokorova

This post The Changing Face of Web Design in 2018 was written by Inspired Mag Team and first appearedon Inspired Magazine.

Marketing Design Elements Every eCommerce Website Needs

Original Source: http://feedproxy.google.com/~r/1stwebdesigner/~3/iNdPCjv0g0E/

When you’re setting up your own online shop, in all your worrying over the site itself, you may forget one very crucial step: marketing. You don’t need a team for DIY marketing; get on social media, start blogging, and snatch up those free ad credits from hosting providers.

But even more important than advertising is its appearance. A distinguishable logo, visually appealing marketing content, and beautiful website will set you apart in the eCommerce world. Luckily, you don’t have to be a seasoned artist to create decent designs. Get a grasp on the basics, and you’re already on your way.

The Importance of Graphic Design

Graphic design is easy to pick up though difficult to master. But when marketing an eCommerce site, or any sort of website, good composition is key. Your website, advertisements, and even the pictures you post on social media must have an appealing and original appearance, or viewers will quickly click away.

Theme

The first thing to consider is what theme you’re after. Minimalistic? Retro? Modern? Artistic? What you’re selling can play a big role here. A store that sells games or computer parts may want a futuristic, dark, or shiny theme to complement the products.

If you already have a website with a solid theme, you can use the same or a similar design and color palette.
Chose a theme that’s linked to your products, your company, or your website’s look.

Strive for originality above all else. What makes your website, ad, or email different from everyone else’s?

The minimally designed Depot WooCommerce Theme

Placement

Graphic design is not so much about art and imagery as the way the picture is put together. Placing pieces correctly and using proper spacing is essential.

Sketch or use an image editing program to plot out each element’s placement. You don’t need to worry about alignment and symmetry yet. Just see how it looks on paper.
Look at how the pieces make up the whole. Squint your eyes to see if its looks appealing without all the details.
Use placeholder text and pictures until you have a good idea of what the final product will look like.
If you’re uncomfortable starting from scratch, don’t be ashamed to use a template.

At the very least, you should study what others have done, whether you’re tweaking a website, creating an advertisement, or writing a blog post. The single rule of art: always use reference images!

Perfectly positioned elements: Grana.cc

Lines and Shapes

Despite how simple they seem, basic lines and shapes can be put to great use in a picture. A straightforward design is often better than an overly complex one.

Lines can separate or link content, or surround and highlight important parts of the image.
Simple shapes draw the eye. Combining different types can make a dynamic and appealing picture.
The strong imagery provided by bold and distinguishable shapes sticks in potential customers’ minds.

Color

Color is one of the most essential aspects of design. Your choice of hues can create a treat for the eyes or a lurid mess. What makes a “good” color palette is debatable, but there are a few rules to remember.

Don’t use too many colors. 2-4 is ideal.
Contrast is eye-grabbing and great for adverts, but can be garish and displeasing.
Analogous colors are more harmonious, but can appear dull without contrast.
Consider the mood of the image. Are you trying to rouse excitement? A flaming red will surely draw attention. Or are you more of a chill sort of business? Gentle blues, greens, and whites are perfect. If you sell cute products like toys, pastel may be proper.
If you’re unsure, the safest bet is to borrow your website’s color scheme.

Typography

Arguably the most important in graphic design, typography is itself an art. Finding the right font, color, and placement is necessary if you want people to pay attention to what the words say.

Use different font sizes for different types of text (header, body text, buttons), but stay consistent between them.
Pick 1-3 fonts, and no more. Small images such as banners look best with one or two.
Don’t overuse stylistic or cursive fonts.
Make sure the text is legible. Use a contrasting color so that text pops and is easy to read.

Be mindful of the content as well. Get to the point quickly. Use short words and sentences. Include a call to action that encourages people to “click here” or “call now”.

Simplicity

In graphic design, it’s generally better to go for a more simple style. It’s easier and often looks better.

Don’t cram all free space with giant text, random stock images, and other clutter.
White space is a blessing; it draws attention towards the visual elements and causes less eyestrain.
Make use of basic shapes before complex images.

In general: Use as little fonts, colors, and graphics as you can. Pick a few fonts, a small palette, and a handful of images. It’s better your creation be called “plain” than “ugly”.

How to Use Design In Marketing

Now that you know the basics, how and when to apply them? Marketing isn’t all ads and email campaigns — it begins with your site, and everything you post online.

Logo and Site Design

If you haven’t begun your eCommerce website yet, these basics of design will serve you well. Usability and simplicity should be your main goal. If no one can find your shop in the clutter, you’re losing money. Instead, go with something that’s easy to navigate and isn’t an eyesore.

Using an eCommerce platform like BigCommerce may be the solution. Your website is the most significant part of your marketing strategy — what’s the use of advertising if your website isn’t up to par?

An eCommerce package has vital features like a drag-and-drop builder, a CMS with analytics and inventory management, and upselling tools. Even if you’re proficient in web development, including these can be difficult. With an eCommerce program, it’s seamless.

As for your logo, bright colors and simple shapes will be the best way to something memorable. Three colors is perfect, and some of the most recognizable logos are one color and even one or two shapes.

Don’t forget about your company blog. Posts shouldn’t just be a block of text! Use images and clever typography to create a more beautiful blog.

Advertisements

When it comes to adverts, resist the urge to make something that’s overly bright or flashing. No one likes seeing one of those pop up, and you’ll only get blacklisted.

Instead, create something simple that stands out from a typical webpage but still draws the eye. Incorporate small animations to further pull attention, without disrupting or annoying viewers.

Email Marketing

Emails may be made primarily of words, but that’s no excuse to ignore how it looks. The layout of text and images is the difference between a successful email campaign and ending up in the trash folder. Always use pictures; plain-text emails are visually boring.

Consider using a service like MailChimp to create more pleasing layouts for your mail. Sites like this contain templates you can customize and drag images into easily.

Social Media

Even on Twitter, graphic design plays a part. An account filled with nothing but links and text posts is no fun! You’ll get more followers if your social media is interesting and full of variety.

While this falls more under image and video editing, similar principles with color palettes and typography still apply.

Create Something That Stands Out

With knowledge of design and how to apply it, you should be able to launch a successful and beautiful marketing campaign. Just remember: simplicity, strong colors and shapes, clear theme, and good typography. Eye-catching, but not distracting.

Keep these guidelines in mind, and you’ll be effortlessly creating beautiful websites, eye-catching ad banners, and wonderfully laid out blog posts and emails. And you didn’t even have to hire an artist!