Wszystkie wpisy, których autorem jest admin

Autism Day in the Life of Enzo

Post pobrano z: Autism Day in the Life of Enzo

French agency Herezie has produced a pro-bono documentary, “With You We Can Heal It”, in partnership with Vaincre L’Autisme, following the day-to-day life of Enzo, a young boy with autism. Launched to coincide with World Autism Awareness Day (April 2, 2017), the film is designed to support global awareness raising and fundraising. For autistic Enzo, climbing stairs is like climbing Mt Everest. Expressing himself, nearly impossible, without being able to say simple words. One cannot imagine how this little boy or his parents do it. But, they do.

Autism film Enzo and Mother

Baptiste Clinet, Executive Creative Director of Herezie explains the thinking behind the campaign:

“Spending a month to create this documentary to help raise awareness for autism and a call for donations, permitted me to witness, first-hand, what the child goes through –with determination– repeating the same exercise over and over again. It was one of the most humbling things I’ve had the chance to witness. We cannot comprehend how hard it is for the child, the parents and caretakers; but, we need to. This need to engage and help in any way we can, is what drove us to create the film to be shared widely by anyone and everyone in support and celebration of World Autism Awareness Day.”

Autism film Enzo climbing steps

Q&A Up close with Herezie

Q. What’s the story in 2 sentences? It’s the story of an autistic and non-verbal 5 years old boy who practices for 30 days to become the spokesman of an association.

Q. In your own words, what is the emotional reason people should care? In France, there are 650 000 people with ASD (Autistic Spectrum Disorder) and a real lack of infrastructure to take care of them. It could be their brother, their child, their life.

Q. Why this idea? To be able to speak, to be able to write.. All these simple things that get us through life, we take them for granted. We wanted to show the amount of effort, help and time an autistic person needs to achieve these simple things, and the fact that only money can assure these kids to be appropriately accompanied.

Q How does the idea position the marque? The idea shows how the association can accompany and take care of all the people with ASD. It also shows that it’s a « human size » association that needs money.

Q. Tell me about the tonality you chose and why? For too many people, « autism » is hard to define. We wanted to explain and show them what it’s like. Instead of showing tears and failure, we wanted to show determination, dedication and love. When you get to know the families who have to deal with ASD, you immediately get blown away by those precise qualities.

Q. Where did you shoot and why? We shot at the Futuroschool, where Enzo goes every day. It had to be 100% real. No acting, nothing.

Q. What was the most challenging part of pulling off this idea and how did you overcome it? The most challenging thing was to not disturb Enzo’s routine in the process of bringing this campaign to life. Besides, we didn’t know the outcome of all this. We had to adapt our message to Enzo’s capacities; and, yet, we weren’t sure he was going to succeed. With the help of his parents and all the people at the Futuroschool, we managed to spend enough time with him.

Q. Who was the director and why? With a very low budget, we had to find clever solutions to follow Enzo through this journey. We decided to partner with Auguste Bas and Robin Deriaud, two freshly graduated and talented students of Luc Besson’s school École de la Cité. This way, they could be with Enzo 8 hours a day for an entire month.

Autism Day in the Life Credits

The Autism Day in the Life campaign was developed at Herezie Group by executive creative director Baptiste Clinet, head of creative content Paul Marty, art directors/copywriters Jacques Denain, Nicolas Duménil, strategic planner Camille Lallier, PR directors Kim Ball and Morgane Le Rol, agency producer Barbara Vaira, COO Pierre Callegari, CEO Andrea Stillacci, associate general managers Edouard De Pouzilhac, Thomas Couteau, and associate managing director Arno Pons.

Digital work was done at 5eme Gauche.

Filming was shot by directors Auguste Bas and Robin Deriaud via FullDawa Production, Paris, with producers Boris Mendza, Gael Cabouat, Alexandre Bonaldi, production coordinator Maud ramos Guerrero.

Editor was Mehdi Lachhab. Grading was done at Bend the Colour Studio by colourist Raphael Kourisky.

Original music was by Eraldo Bernocchi and Lorenzo Esposito Fornasari, at TransmutationLtd.

AirBnB Until we all belong in Australia

Post pobrano z: AirBnB Until we all belong in Australia

AirBnB Australia is raising support for marriage equality in Australia with “Until We All Belong”, a campaign featuring an incomplete ring. As part of its mission is to create a world where anyone can belong, Airbnb is today asking Australians to make their support of marriage equality known by wearing the symbol of marriage itself – a ring. Launched with support from some of Australia’s biggest brands including Qantas, Google, ANZ and eBay, and in collaboration with The Equality Campaign, AirBnB Until We All Belong marks the most public corporate declaration for marriage equality in Australia to date. Online at untilweallbelong.com, the campaign includes a 60 second and 30 second commercials, along with personal stories and opportunities to make a public statement of support.

AirBnB Until We All Belong

The AirBnB Until We All Belong initiative calls on the people of Australia to show their acceptance of marriage equality and commit to wearing a bespoke ring until same-sex marriage is recognised in Australia. Designed in support from world-renowned designer Marc Newson, this unique, matte black metal ring is a visual representation of the gap in marriage equality and is intricately engraved with the words ‘Until We All Belong’ on the interior. Airbnb is also making it easier for Australians – no matter where they call home – to get involved by making the rings free of charge and standardising postage costs across the country.

AirbnB Until my uncle can belong
AirBnB Until We All Belong - the gap we need to close

Airbnb CEO and head of community, Brian Chesky, said he hopes the movement will spark conversations about acceptance across Australia by putting marriage equality back on top of the nation’s political agenda.

Says Chesky: “Openness and belonging are at the heart of Airbnb – it’s at the core of what we do every day. We are committed to helping people belong no matter where they are in the world and strongly believe that everyone should have the right to marry the person they love. This is an opportunity for people to show their support for marriage equality – not just those within the LGBTQI+ community, but for anyone to make their support for a brother, sister, parent, friend or loved one known.”

The Equality Campaign executive director, Tiernan Brady, said this campaign is about the most Australian of our values, which is a fair go for all.

Says Brady: “Two-thirds of the nation as well as a majority of politicians want every Australian to be able to marry the person they love in the country they love. Marriage equality will not change anything for the vast majority of Australians but will make a profound difference to the status and dignity of many. It is wonderful to have so many businesses creating this campaign. They do so because they know that equality and fairness is good for their employees, their customers and for all Australians. Until We All Belong sends a powerful signal to parliament that the need for marriage equality will continue to grow in size and determination until the law changes to reflect the will of the Australian people.”

AirBnB Until We All Belong Credits

The AirBnB Until We All Belong campaign was developed at Clemenger BBDO Melbourne and Flare BBDO. Media was handled by Starcom.

Filming was shot by The Glue Society director Jonathan Kneebone via Revolver/Will O’Rourke.

Photography was by Derek Henderson and Map Ltd.

Music by Angus MacRae was licensed via Level Two Music.

PR was handled by n2n Communications.

23 Delicious Dessert Graphic Designs!

Post pobrano z: 23 Delicious Dessert Graphic Designs!

Is there anything better than dessert? Seriously… I’m not sure about you but I’ve got a separate department in my stomach dedicated to desserts, that never gets full. No matter how much I eat, I’ll always have room for dessert. But enough about me, here’s some desserts that are exclusive in various countries:

  • France: Creme Brulee
  • America: Apple Pie
  • Turkey: Baklava
  • Italy: Gelato
  • Russia: Syrniki
  • Spain: Tarta de Santiago
  • Japan: Mochi
  • Argentina: Pastelitos
  • England: Banoffee Pie
  • Canada: Nanaimo Bar

[Source: Business Insider]

I’ve put together a collection of 23 delicious desert graphic design projects for your inspiration. Enjoy!

Credit to respective artists.


Credit:Romain Trystram

Credit:Romain Trystram

Credit:Mariana Gonçalves

Credit:Mariana Gonçalves

Credit:Jennifer Angelina

Credit:Jennifer Angelina

Credit:Kimmy Lee

Credit:Edw Villaherrera

Credit:Ilona Don

Credit:Linnea Djurberg & Nathalie Agnekil

Credit:Carlos Nogueira

Credit:Carlos Nogueira

Credit:Marina Baranova

Credit:Marina Baranova

Credit:Robot Food

Credit:Robot Food

Credit:Nicole LaFave

Credit:Nicole LaFave

Credit:Amris A

Credit:Mel Bruning

Credit:Evely García

Credit:Ahmed Nawara

Credit:KOOR Packaging design


How SEO and UX can Work Together

Post pobrano z: How SEO and UX can Work Together

The goal of every website is to attract visitors and convert them into customers. While this seems like a simple enough goal, it has become increasingly difficult over the last few years as competition increases, user attention span decreases and new design and digital trends emerge. The big question every website owner should ask before building a website is: how do we design an online experience that captures and engages users?

The solution is to build a website that will combine UX principles with SEO principles. Together, these two unique specialties will create a website experience that not only attracts website visitors but also turn them into customers.

SEO and UX were once at odds against one another but as search engine algorithms evolve, the two have become more related. The simplest way to explain the connection is that SEO focuses on the customer’s journey before and after they arrive at a website and UX focuses on the customer’s journey while they are visiting a website. When SEO and UX work together, they can create a seamless and smooth experience for visitors from beginning to end. This article will explain how UX and SEO can work together, why it’s essential that they do so.

The New SEO

Search engine optimization has drastically changed over the last decade. What was once about filling a page with keywords has now become about providing quality content and a quality experience. Before we discuss how UX and SEO work together, let’s break down this new form of search engine optimization.

Search engine optimization is the process of getting traffic by ranking on search engine result pages (SERPs) by search engines. Many people continue to think SEO is the same as it was five to ten years ago and assume it only has to do with keywords and meta-tags. But search engine algorithms have become more focused on user behavior and the overall user experience of a website.

SEO has become so much more than getting the right keywords onto your page. According to a study done by Moz last year, the most important factors for SEO are mobile-friendliness, analysis of a site’s perceived value, quality of instant answers, usage data and readability/usability and design.

There are a multitude of factors that influence how search engines rank pages and place them in search results. Most recently BackLinko.com analyzed one million Google search results and learned some of the most influential factors of ranking high on search engine results page. Some of the most important ranking factors are the number of backlinks to a site, a site’s overall link authority, quality, depth and length of content, site speed and low bounce rate.

Clearly, SEO has grown from putting as many keywords into a page as necessary and has branched into the user experience of a website, which is why UX and SEO can complement each other to create a powerful website experience.

How SEO Impacts UX

As previously stated, UX focuses on the ease of customer’s journey once they arrive onto a website. 93% of online experiences begin with a search. A usable website is not worth much if no one visits the website. SEO can provide data to the UX team to help create a better user experience. SEO experts use keyword data to identify patterns in how people search and what they are searching for online. Keywords allow teams to learn what their audiences are searching for, the language they are using and what their intent is. This data becomes real-life user data of potential website visitors and can be provided to UX designers to help inform decisions.

Using SEO data will provide a larger sample size than a traditional focus group or previous design experience to help inform UX decisions. When it is clear how visitors search and what they are searching for, it is easier to make the necessary adjustments to a website so visitors can quickly find what they need from a website. SEO experts can also analyze data about what pages perform the best, how they rank against competition and that data can also be used to help UX teams determine which piece of the user experience needs to be enhanced.

SEO data allows teams to fix more technical issues at a faster rate and avoid them all together. SEO data tracks user behaviors and will inform a team when a link is broken, there is a page error or when people are dropping from a page. By understanding where these issues are, the UX team can fix them immediately which will not only improve the experience but also improve SEO.

How UX Impacts SEO

Search engines are not able to read text, view photos or watch videos as a human could determine the value of a site. Instead, they rely on meta information and how visitors interact with sites and pages. So while UX does not directly influence SEO with keywords or metatags, it does provide indirect benefits.

UX ensures that a user’s experience on the site is smooth and successful. The outcome of a smooth and successful website visit is that the user finds a website useful, they spend longer amounts of time on the site, share the site, link to the site or return to the site. Each of these outcomes of great UX design are powerful signs to Google that the website is credible and will impact its rankings.

One of the most important ways UX impacts SEO is in the navigation of the website. For example, sitemaps can help make a website easier to click through and will make it easier for Google to index content, therefore making it beneficial for ranking and for usability.

Another way UX can impact SEO is the use of and tagging of images. The Backlinko study showed that content with at least one image significantly outperformed content without any images in terms of rankings. When UX creates pages that feature images, the SEO team can use alt tags and descriptions in those images to help increase the page or websites rankings.

Other UX factors that impact rankings include site speed, easy to read text and responsive design. Responsive design has been a hot topic in the SEO world this year as Google has repeatedly made clear that to keep a good ranking, websites must be responsive on all devices. According to a recent study, 13% of adults access the internet on mobile only. UX designers must create a responsive experience that is quick and easy to read, to continue to meet Google’s standards for rankings. A site’s SEO ranking can improve by mastering these UX elements.

Combining UX and SEO

It is clear that UX and SEO need one another to provide an excellent website experience. SEO has the data that UX needs to create an excellent experience and UX has the website framework that SEO needs to make key decisions. When SEO teams and UX teams share this data and their findings, they can create solutions and strategies that benefit the user.

As an example, many UX design teams use heat maps and scroll depth data to determine what is important to a user and what content they are drawn to. SEO experts can use this data to make learn what content or on-page elements is most important to users and can use that information to make strategic SEO decisions.

By looking at the big picture of user experience, it is evident that SEO and UX do not have opposing goals but actually have quite common goals. SEO will get people to the website and creating a good UX will get those people to stay and convert so both parties have an overall goal of an engaging, high-quality site and by working together, they will more effectively be able to build a website that attracts and converts.

Next Steps

Getting a user to a website or achieving a high ranking is only one step of the process. After all, 38% of people will stop engaging with a website if the content/layout is unattractive. It takes more than just having a user reach the website. The next step is to ensure visitors stay on the website, share the website and use the website. Google and other search engines are clearly taking more steps to understand user behavior and interaction with a website and its content. As their technology and strategies evolve, it will be even more pressing for UX and SEO to work together to create a dynamic experience.

To increase search rankings and create an excellent user experience, one option is to choose the best free website builder that will share SEO and UX data and consistently make decisions based on a user’s experience and needs. Combining two different perspectives will create powerful results that will benefit the user. Create user and buyer personas together so that each part of the process from keyword research to wireframes is based on user personas and decisions are made with the user in mind. Designing with SEO and UX principles will create a website that will satisfy search engines and users.

Featured image: Shot by JESHOOTS.COM

Still life series by Sam Kaplan

Post pobrano z: Still life series by Sam Kaplan
first image of the post

Sam Kaplan has a wide range of styles depending on the project he works on. The project that caught my attention the most is the Still Life series, an experiment in creating modern still lives with everyday objects neatly arranged. This series clearly made me think of a Swiss artist, Ursus Wehrli, but with a more creative touch.

The photographer, based in New-York, presents this series, along with his other work on his website.

Giveaway : 10 Multiple Use licenses ($45 each) for Ample Admin Template & 25% Off to All Designer Daily Users by WrapPixel

Post pobrano z: Giveaway : 10 Multiple Use licenses ($45 each) for Ample Admin Template & 25% Off to All Designer Daily Users by WrapPixel
first image of the post

You can enter this giveaway here! For others, you may be interested in a 25% Discount Code – dd25 (use it at checkout and get 25% instant discount)

WrapPixel creates powerful and premium Bootstrap Admin Templates, HTML Templates, PSD Templates and more. With over 20K people using their products, they have made a mark on the design and development community.

What is Ample Admin?

Ample Admin Template is powerful Bootstrap based Admin Template. If you are in need of awesomely designed and powerful in terms of features, Ample admin should fulfil your requirements easily. It includes 7+ Unique Demo Variations and each contains 3 Unique Dashboard Variations. 

500+ UI Elements

To make your life Easier we have included lots of ready to use UI Elements. So you can build your project quite faster.

Animated Graphs

To Present your project eye catchy to your customers, we have included light-weight css animations to charts and at other necessary places.

Applications

We have included Static Chat Application, Email Application & Contact Application with Ample Admin.

Forms and Tables

Variations of Form options and Table Options are the main need of any backend development and we do understand that, so we have included lots of variations for showing your Forms and Table Data.

Widgets

We have included lots of widgets like Calendar, Charts, Weather Reports etc to ready to use in your project.

6 Pre-Defined Colors

We know how important it is to match colors to your branding and thus we have offers 6 predefined color options, which will be good to use in your projects. You can also change colors as per your needs.

RTL Ready

Our Ample Admin is Right to Left ready.

3000+ Font Icons

Its always good to have set of icons to use in one go, As all customers have their own requirements and it can’t fit in what we have used in our demos, so we have bundled 3000+ font icons to choose the one you want and use it in one go.

Some Other Cool Features

  • MegaMenu Included
  • 1000s of Hours of Design and Development Work
  • Tree View
  • Range Slider
  • 12 New Tabs Styles
  • 12 New Stylish Tooltips
  • Mini Sidebar
  • Light and Dark Color Schemes
  • Full Reponsive
  • Easy to Customise
  • Multiple File Uploads
  • 600+ Page Templates
  • Less Base Coding
  • Summernote
  • PSD Files Included
  • Landing Page Included
  • Data Table export to CSV, Excel, PDF, Copy and Print
  • Lightbox
  • Validation Forms
  • Lifetime Free Updates
  • 1 Year Free Support

& Lots more

Designer Daily Users – 25% of on all Products of WrapPixel. User “dd25” code at checkout and you will get 25% discount.

You can enter this giveaway here!

Let’s Define Exactly What Atomic CSS is

Post pobrano z: Let’s Define Exactly What Atomic CSS is

As Atomic CSS (also known as Functional CSS) has been gaining in popularity, some confusion has occurred about similar related terms. The goal of this article is to clarify this terminology.

There are other projects that use the term Atomic, including Atomic Web Design by Brad Frost. Atomic CSS is a completely separate concept from these.

Let’s start by defining Atomic CSS:

Atomic CSS is the approach to CSS architecture that favors small, single-purpose classes with names based on visual function.

There are different ways to write Atomic CSS (see variations below). One example would be this:

.bgr-blue { 
  background-color: #357edd; 
}

The term „Atomic CSS” was coined by Thierry Koblenz in his foundational article „Challenging CSS Best Practices” in October 2013.

Some people started referring to this approach as „Functional CSS” some time later. Though there have been cases in the past where Functional CSS has been used to describe something else, today the terms Functional CSS and Atomic CSS are used interchangeably.

While Atomic CSS has been the title of an open source project which originated with Thierry’s original article, the term itself applies to the architectural philosophy, not any one particular variation (see below).

Variations of Atomic CSS

Static

Many people write Atomic CSS much like they have always written CSS. It is common to use a preprocessor to generate a library of classes with set variations that define a unit-based design system for spacing, color, typography, etc.

The advantage to this style is that because it is familiar, it has a lower barrier to entry, and is more easily understood by those who are not well-versed in CSS.

Programmatic

The Programmatic approach to Atomic CSS involves using a build tool to automatically generate styles based on what it finds in the HTML.

For example, given this:

<!-- Programmatic Atomic CSS Example -->
<div class="Bgc(#0280ae) C(#fff) P(20px)">
    Lorem ipsum
</div>

The following CSS would be generated:

.Bgc\(#0280ae\) { background-color: #0280ae; }
.C\(#fff\) { color: #fff; }
.P\(20px\) { padding: 20px; }

This flavor of Atomic CSS uses the syntax of a function call with parameters. As demonstrated by the open source ACSS project, which uses Atomizer to programmatically generate styles, it is no longer necessary to write CSS whatsoever. Stylesheets that are generated during the build process are fully optimized with no unused styles of any sort.

Longhand/Shorthand

The longhand style favors more readable class names (see Expressive CSS and Solid), while shorthand favors brevity (see Tachyons and Basscss).

/* Shorthand Atomic CSS Examples */

.bg-blue { background-color: #357edd; } 
.f1 { font-size: 3rem; }
.ma0 { margin: 0; }

/* Longhand Atomic CSS Examples */

.bgr-blue { background-color: #357edd; }
.background-blue  { background-color: #357edd; }
.backgroundcolor-blue  { background-color: #357edd; }
.text-h1 { font-size: 3rem; }
.text-3rem { font-size: 3rem; }
.text-huge { font-size: 3rem; }
.fontsize-1 { font-size: 3rem; }
.marg-0 { margin: 0; }
.margin-0 { margin: 0; }

/* Programmatic Shorthand */

Bgc(#357edd) { background-color: #357edd; }

/* Programmatic Longhand */

bgrBlue(#357edd) { background-color: #357edd; }
backgroundBlue(#357edd) { background-color: #357edd; }
backgroundColorBlue(#357edd) { background-color: #357edd; }

Related Terms

Utility Classes

Utility classes (also referred to as Helper Classes) are easily understood, single function classes that help with common styling patterns (e.g. .clearfix, .hidden).

Many CSS architectures rely on utility classes (e.g. grids, spacing, typography) but do not necessarily fully embrace the concept of Atomic CSS.

Immutable CSS

An aspect of Atomic/Functional CSS where utility classes are never to be modified, thus producing highly dependable results.

Immutability plays an essential role in the proper execution of Atomic CSS architecture. Without it, you risk this:

.black {color:navy;}

Atomic CSS is about shifting complexity away from stylesheets and into HTML. When design changes occur in a Atomic CSS project, it is best if you have well-structured HTML templates so that, for example, you can use an editing tool to quickly change Bgc(colorOne) to Bgc(colorTwo) wherever you may need to.

Breakpoint Prefixing

This technique is a way to allow utility classes to override styles at different breakpoints to make implementation of responsive web design simple and efficient.

/* Examples of breakpoint prefixing */

.grid-12   /* Full width by default */
.m-grid-6  /* 2 column at medium screen sizes */
.l-grid-4  /* 3 column for large screen sizes */

Getting Started

Below is a list of places you can go to begin, depending on which variation you prefer.

Additionally, here are some foundational articles that are worth reading:

„In The Wild”

Atomic CSS has gained in popularity particularly among those who use it for rapid prototyping and, on the other end of the spectrum, for large scale ongoing front end projects.


Thank you to Thierry Koblenz for his feedback on this article and hard work over the years!


Let’s Define Exactly What Atomic CSS is is a post from CSS-Tricks