poniedziałek, 28 stycznia 2019

Work with PSD files? Check out 5 web design trends you should know in 2018

Work with PSD files? Check out 5 web design trends you should know in 2018


Autor: Ania Wilczak


If you work with Photoshop creating beautiful websites for your clients, you should know what to add to your designs to be cutting-edge. Check out how to convert PSD to HTML in 2018 to wow your customers.


Playful animations, GIFs, and cinemagraphs

Web animations are simply about making communication appealing and easier to understand. Animations serve both information, and a dynamic content. If you work with Photoshop, in 2018, you will have to figure out how to convert PSD to HTML a bit differently. Why? Well, it is because you will hear a lot of buzz about:

  • Micro-interactions, which are tiny animations that help users perform better on your page. These little design features can make your website fun, effective, user-friendly, and human.
  • Animated logotypes and brand systems.
  • GIFs and SVGs presenting ideas and processes. You can add them, for example, to your newsletters to make the communication more intelligent and engaging.
  • Cinemagraphs that are coming back this year to websites, social media campaigns, and applications.

Responsive logos

In 2017, the usage of mobile overtook the desktop one. For that reason, in 2018, you will cut PSD files for a mobile audience the most. So, focus on creating your design more intuitive (micro-interactions, gestures), and your users’ experience more sophisticated. In 2018, to respect the mobile first rule, the logical step will be for brands to simplify their logos, to the signatures, so that they look good on mobile devices.

Photoshop subtle gradients + adventurous colors

Flat design becomes passé, but not completely. In 2018, it will survive under a slightly refreshed character. It will be enlivened by gradients and shadows. Do not worry – they will be dynamic gradients of subtler transitions. Fashionable will also be a new Photoshop color palette, inspired by the style of the 80's and 90's.

Creative layouts

Not only web designers, but also customers are becoming bolder when it comes to the layout of websites. In 2018, you will convert PSD to HTML designing more asymmetrical and creative layouts. And vice versa – there will be less and less schematic solutions with symmetrical columns and boxes.

Bold typography

There are some ever-green rules for typography. One of them says that no serif typefaces are used in digital. Otherwise, even if you've already used a serif font, you should not combine it with another serif. In 2018, the immortal rules of typography will be broken. Of course, well-designed fonts, like Helvetica, will still remain fashionable, but designers will opt more for using:

  • serif fonts often,
  • artistic effects,
  • extra-large font sizes,
  • huge headlines.

This courage is possible mainly thanks to the fact that device resolutions are getting sharper and legible.


Check how to convert psd to html

Licencjonowane artykuły dostarcza Artelis.pl.

Jak i gdzie znaleźć idealny szablon WordPress?

Jak i gdzie znaleźć idealny szablon WordPress?


Autor: Ania Wilczak


Szablon WordPress (a tak naprawdę motyw WordPress) to nic innego jak wygląd twojej strony internetowej. WordPress oferuje dziesiątki tysięcy motywów do wyboru, a każdy z nich może wzbogacić twoją witrynę o inne funkcjonalności.


Zobacz, jak i gdzie znaleźć motyw idealny dla twojej strony www.

Szablon WordPress czy motyw?

Na początku warto przypomnieć o różnicy między motywami i szablonami WordPress (inaczej zwanymi templatkami WordPressa). Mimo iż większość społeczności WP traktuje je synonimicznie, warto wiedzieć, że:

motyw WordPress, inaczej zwany tematem lub szatą graficzną, określa wygląd twojej strony, jest niejako jej front-endem,

szablon WordPress, inaczej zwany templatką lub szablonem zawartości, to plik składowy motywu. Np. dany motyw może zawierać w sobie opcję szablonu Landing Page.

Jak i gdzie znaleźć motyw WordPress

Aby mieć pewność, że wybrany motyw jest idealnym dla twojej strony, przed jego wyborem przeanalizuj poniższe 3 aspekty:

Jaki wygląd strony chcesz uzyskać? Czy projekt będzie pasował do planowanych przez ciebie treści? Czy nawigacja jest dobrze przemyślana i strona będzie łatwa w użyciu? Czy motyw przewiduje odpowiednie długości wierszy i odpowiednio duże światła między nimi? Czy zasoby, które posiadasz, np. fotografie, będą dobrze prezentowały się akurat w tym motywie? Czy motyw przewiduje różne hierarchie nagłówków?

Jakich funkcjonalności oczekujesz? Np. czy strona ma opcję wielojęzyczności? Pamiętaj jednak, że im więcej funkcjonalności na stronie, tym częstsza potrzeba ich aktualizacji. Wiele opcji to także ryzyko częstych problemów wynikających z ich niepoprawnego działania.

Czy motyw jest dobrze zbudowany technicznie? Czy zapewnia responsywność twojej strony internetowej? Czy jest wydajny, a strona ładuje się szybko? Czy jest przyjazny późniejszemu pozycjonowaniu strony pod kątem SEO? Czy kod jest jakościowy i np. pozbawiony luk?

Motyw darmowy czy płatny?

Wybierając motyw dla witryny, zadaj sobie pytanie, czy potrzeby i wielkość twojej strony wymagają zakupu motywu płatnego (ich ceny w większości nie przekraczają 100 dolarów), czy może wystarczy ci korzystanie z opcji darmowych. Zaletą płatnych motywów jest przede wszystkim to, że są w najwyższym stopniu dopracowane technicznie. Oprócz wysokiej jakości twórcy płatnych motywów zazwyczaj zapewniają swoim klientom także stały support, regularne aktualizacje motywu czy instrukcję jego obsługi i opis wszystkich funkcjonalności. Płatny motyw to także szansa na oryginalny wygląd twojej strony.

Gdzie szukać motywów WordPressa?

Płatne motywy znajdziesz na stronach typu themeforest.net czy templatemonster.com. Rozwiązań darmowych szukaj natomiast:

  • w oficjalnym repozytorium WordPressa, które dostępne jest z poziomu twojego kokpitu lub na stronie pl.wordpress.org/themes/,
  • na stronach z darmowymi motywami, np. fabthemes.com.

Kompleksowym źródłem tematów jest także bestofthemes.com. Strona zbiera różne motywy (zarówno płatne, jak i darmowe), które dedykowane są różnym platformom (nie tylko WordPressowi, ale także np. Drupalowi czy Joomli!).

O tym pamiętaj podczas poszukiwań

Przeszukuj Internet nie tylko wpisując w wyszukiwarkę frazy takie jak: motywy WordPress, darmowe motywy WordPress etc. Pamiętaj także o formalnie niepoprawnych, ale będących w powszechnym użyciu, frazach: szablon WordPress, darmowe templatki WordPress etc.

Wpadł ci w oko motyw innej strony internetowej?

Jeśli przeglądając Internet wpadł ci w oko wygląd jakiejś strony internetowej, jej motyw możesz sprawdzić pod adresem satoristudio.net/what-wordpress-theme/.


Zobacz, jak zainstalować szablon WordPress

Licencjonowane artykuły dostarcza Artelis.pl.

3 important tips to perform an effective e-mail campaign

3 important tips to perform an effective e-mail campaign


Autor: Ania Wilczak


You run an e-mail campaign, but the conversion rate is not as high as you would like it to be? Clients do not read your e-mails, throw them into the SPAM folder or simply delete them?


Perhaps you are making mistakes that you do not even know about. Check out 3 tips to perform an effective e-mail campaign.

Refresh your subscriber list

Make sure you constantly expand the list of subscribers of your e-mail campaigns. Remember that building a subscriber list is a long-term process, so it is worth continuing it, not only for specific campaigns. Also, remember to reward each new subscriber with a small gift – for example, a discount in your store. The effective circumstances in which you can build the list of subscribers include, for example:

  • registration during purchase in your e-commerce,
  • online events, e.g. webinars (it's important that you offer potential subscribers knowledge in exchange for leaving your e-mail address),
  • website registration pop-ups, etc.

Regularly analyze how individual subscribers behave. Which of them is the most active? Which of them is answering or clicking on banners? Which of them is deleting your messages without reading? On this basis, you can personalize activities related to recipients, e.g. send e-mail campaigns that are aimed at activating resistant addresses. You can also decide to remove subscribers from the database on which such activation e-mail campaigns do not work.

Encourage your recipients to convert

When your e-mail goes to the recipient's inboxes, it's probably one of the dozens of messages per day that each subscriber gets. So, think carefully about the content that you place in the subject line (it is the introductory part of an e-mail that identifies what is the message about) and in the preheader (it appears in the inbox next to the subject line). Let your message stand out in the jungle of other e-mail campaigns. You can create a subject line (and preheader) that will, for example:

  • intrigue the recipient (e.g. Are you in 1.7% of developing people?),
  • personalize the message (e.g. Monica, we extend the promotion especially for you!),
  • promise recipient some benefits (e.g. Do you want to win a trip to Disneyland?),
  • limit the offer in time (e.g. Shopping night! -30% on all books only today until midnight!).

At the same time, pay attention not to hit spam before you reach the recipients' inboxes. Avoid e-mails that communicate sales (e.g. words such as offer, discount), capitalization or excessive punctuation (e.g. too many exclamation marks).

If the subject line and preheader encourage the user to click on your message, you can not let them down. The main content of your e-mail campaign should be a response to the promise they received in the e-mail title. Make sure that the e-mail is personalized (address the recipient by name) and has a personal overtone so that the recipient would have the feeling that your e-mails are being written by a real person, not a bot.

Use HTML e-mail best practices

Regularly refreshed list of subscribers or encouraging title of an e-mail is not all. It may turn out that your message is not optimized for technical reasons. What does this result in? The e-mail campaign may be displayed incorrectly to users in their mail applications or may not be displayed at all. To minimize the risk of such situations, use HTML e-mail best practices:

  • e-mail weight – should be no more than 400 KB,
  • e-mail width – should be 600-800 pixels maximum,
  • design – should be simple and be lacking complicated elements that require HTML floats or positioning,
  • coding system – should be UTM-8,
  • font-family – should be web-safe fonts, e.g.: Helvetica, Arial, Tahoma, Times New Roman, Georgia,
  • images formats – should be .gif, .jpg, .png (but not heavier than 320 KB),
  • others.

See also: html email services

Licencjonowane artykuły dostarcza Artelis.pl.

4 rzeczy, które musisz wiedzieć, projektując landing sprzedażowy

4 rzeczy, które musisz wiedzieć, projektując landing sprzedażowy


Autor: Ania Wilczak


Dobrze zaprojektowany landing page pozwoli ci na skuteczną sprzedaż lub efektywne pozyskanie leadów. To strona o jasnym celu, prostej budowie i małej ilości treści, co pozytywnie wpływa na wysoką konwersję. Zobacz, jak zbudować skuteczny landing sprzedażowy i zacząć sprzedawać więcej.


Czym są landingi sprzedażowe?

Landing sprzedażowy to inaczej strona produktowa, landing page, strona ofertowa czy po prostu landing. To witryna stworzona specjalnie po to, by promować nowy produkt czy usługę lub zakomunikować odbiorcom zmianę w dotychczasowej usłudze. Potencjalny klient zazwyczaj „ląduje” na stronie produktowej po kliknięciu w link reklamowy (np. Google AdWords czy Facebook Ads) lub link pozostawiony przez ciebie na forach internetowych, które odwiedza twoja grupa docelowa. Właśnie to wpływa na jego skuteczność – landing sprzedażowy odwiedzają osoby, które są potencjalnie zainteresowane tym, co oferujesz.

Jaki jest cel efektywnego landing page’a?

Kiedy użytkownik znajdzie się już na stronie ofertowej, dobrze byłoby, aby dokonał tzw. konwersji. To właśnie współczynnik konwersji jest miarą sukcesu landingu sprzedażowego. W dziedzinie marketingu internetowego konwersja to nic innego jak takie działanie użytkownika strony, które przybliża jej właściciela do osiągnięcia założonego przez niego celu tejże strony. W przypadku stawianego przez ciebie landingu celami mogą być np.:

  • ściągnięcie pliku, np. e-booka,

  • zapis na newsletter,

  • pozostawienie danych kontaktowych,

  • dokonanie zakupu.

Skuteczne elementy landing page’a

Ważne jest zrozumienie, jaki cel ma realizować twoja strona produktowa. Świadomość celu powinna być bowiem twoim drogowskazem dla projektu witryny. Dzięki temu wygląd czy budowę landingu zaplanujesz z priorytetem realizacji celu, a to przełoży się na wyższą konwersję. Typowe elementy landing page’a, które zachęcą użytkowników do działania, to np.:

  • Jasny i prosty nagłówek strony, który jest spójny z tym, co obiecuje odbiorcy kampania reklamowa. Dodatkowo zastosuj:

    1. nagłówek wyjaśniający, znajdujący się pod nagłówkiem przewodnim,

    2. nagłówek podtrzymujący uwagę użytkowników, znajdujący się po bullet pointach,

    3. nagłówek zamykający, znajdujący się tuż przed finalnym CTA.

  • Kilka tzw. bullet pointów, czyli podpunktów, które hasłowo przedstawiają wyróżniki oferty.

  • CTA (calls to action, wezwania do działania), czyli klikalne hasła umieszczone na tzw. buttonach, skłaniające odbiorcę do kliknięcia, a co za tym idzie – dokonania konwersji, np. zakupu.

  • Zdjęcie lub video, które przedstawią zastosowanie produktu czy usługi w kontekstach ich użycia.

  • Testimonials, czyli opinie klientów o twojej marce czy danym produkcie (możesz umieścić je w formie cytatów klientów, ich logotypów czy np. kart Twittera).

Jaki powinien być język efektywnego landing page’a?

Landing ma sprzedawać. Dlatego treści efektywnego landing page’a powinny być napisane językiem marketingowym z elementami języka korzyści. Co to oznacza? Komunikowanie do odbiorcy mocnych, pozytywnych sformułowań, które pomogą sfinalizować sprzedaż. Na przykład:

  • Nie mów o cechach produktu czy usługi, ale o realnych korzyściach, jakie przyniosą one użytkownikowi (np. zamiast pisać: Prędkość pralki to 2000 obr./min, napisz: Z tej pralki wyciągniesz niemal całkowicie suche ubrania!).

  • Stosuj znane formuły copywriterskie, aby zatrzymać uwagę czytelnika (np. używaj pytań, apeli czy liczb w treści, np. A czy ty znasz tych 5 sposobów na lepsze prasowanie?).

  • Motywuj użytkowników do działania ograniczeniem oferty w czasie (np. Oferta jest ważna tylko przez 24h!).

  • Stosuj pozytywne wyrażenia typu: Pozwoli ci to na… Zyskasz dzięki temu… Ułatwi ci to… Dla twojej wygody… Wystarczy, że… Jedyne, co musisz zrobić, to...


Dowiedz się, jak stworzyć efektywny landing sprzedażowy

Licencjonowane artykuły dostarcza Artelis.pl.

Wyjątkowy prezent personalizowany

Wyjątkowy prezent personalizowany


Autor: Marcin Drewa


Urodziny, imieniny, Walentynki, Dzień Kobiet, Dzień Mężczyzny – każda z tych okazji jest dobra, aby podarować coś bliskiej osobie. Jak się jednak okazuje, wielu z nas ma dość sztampowych prezentów, których każdego roku dostajemy całe mnóstwo...


Z wytęsknieniem oczekujemy na coś wyjątkowego, coś, co pokaże, że dana osoba naprawdę o nas myśli, co wprawi nas w doskonały nastrój. Prezent marzeń – czy jego kupno jest naprawdę możliwe?

Okazuje się, że tak. Wystarczy popatrzeć na spersonalizowane plakaty, koszulki, skarbonki, kufle do piwa, poduszki, a nawet fartuchy kuchenne. W takim gąszczu produktów każdemu uda się znaleźć się odpowiedniego.

Prezent dla niej: poduszki, fartuchy kuchenne, koszulki itp.

Prezent dla dziewczyny, żony, siostry czy koleżanki wcale nie musi być kolejną nudną książką czy perfumami o zupełnie nietrafionym zapachu. Wystarczy znaleźć dobry sklep ze spersonalizowanymi podarunkami, aby kupić prezent wyjątkowy. Dla pani, która uwielbia gotować doskonałym wyborem będzie kuchenny fartuszek z zabawnym napisem.

Można dopasować go do okazji, na przykład jeśli ma być podarowany z okazji trzydziestych urodzin, może na nim znaleźć się nawiązujący do nich napis. Podobnie z koszulkami czy poduszkami, które stanowić mogą świetny prezent dla kobiety. Wybór jest ogromny – wystarczy zapoznać się z ofertą sklepów sprzedających spersonalizowane podarunki.

Prezent dla niego: kufle do piwa, plakaty, koszulki

Panowie najczęściej muszą robić dobrą minę, kiedy kolejny raz rozpakowują skarpetki czy krawat. W wielu domach tradycją jest, że prezent dla chłopaka czy męża to po prostu sweter. Tymczasem warto stawiać na spersonalizowany upominek dla mężczyzny, którym pokażemy, że naprawdę chcieliśmy obdarować bliską nam osobę czymś wyjątkowym. Doskonałą propozycją dla miłośników piwa są kufle do piwa z odpowiednio dobranym do okazji napisem.

Wielość kształtów, pojemności i motywów sprawia, że bez trudu dobierzemy kufel do mężczyzny, który ma nim być obdarowany. Jeśli dobre znamy pana, dla którego poszukujemy prezentu, możemy śmiało postawić na koszulki. To doskonały pomysł na prezent dla niego, jeśli obdarowywany mężczyzna lubi podarki praktyczne. Koszula może mu nie tylko przypominać o okazji, z jakiej ją dostał, ale stać się również elementem garderoby.

Śmieszne prezenty

Spersonalizowany upominek dla mężczyzny i personalizowane prezenty dla kobiety to nie tylko napisy mówiące, że solenizant obchodzi właśnie 20., 30. czy 40. urodziny. To również cały szereg śmiesznych prezentów, które idealnie sprawdzą się w przypadku wszystkich mających poczucie humoru na swój temat.

W trend ten idealnie wpisują się najróżniejsze plakaty i koszulki, ale także kufle do piwa czy fartuchy kuchenne. Hitem są fartuszki przedstawiające nagie ciało (oczywiście bez intymnych części). Osoba nosząca taki fartuch wygląda tak, jakby była bez ubrania. Zanim zdecydujemy się na zakup takiego podarunku, zastanówmy się czy osoba nim obdarowana na pewno się zaśmieje. Prezent ma bowiem sprawić przyjemność, a nie przykrość.

Spersonalizowane prezenty to dobry wybór, jeśli prezent dla niej czy prezent dla niego ma być czymś więcej, niż kolejną książką, swetrem czy parą nudnych skarpet. W ofercie sklepów zajmujących się sprzedażą spersonalizowanych prezentów znaleźć można dzisiaj całe mnóstwo ciekawych gadżetów, wśród których każdy znajdzie coś dla bliskiej sobie osoby. Czasami wystarczy odpowiednio dobrany napis, aby zwykły kufel do piwa, poduszka czy skarbonka zamieniły się w pełne magii prezenty, na które zawsze będzie patrzeć z sentymentem.


Prezenty personalizowane dla niej i dla niego znajdziesz na: https://floper.pl.

Licencjonowane artykuły dostarcza Artelis.pl.