ManyPixels Blog

Get awesome inspirations and tips directly from the ManyPixels team on how to create and use pixel perfect designs

Pixelian of the Month: Juan

June 2019, 13
With a slight delay, here is the Pixelian of the month of April! The award was given to Juan! … 🥁 … Juan ![Juan](https://i.ibb.co/R4VDjgT/Screen-Shot-2019-06-13-at-16-43-15.png) Juan joined ManyPixels a year ago and is a full-time freelancer on our platform. _(Each month, we recognise the great work of ManyPixels’ designers by giving an award, the Pixelian of the Month is awarded to acknowledge excellent design and communication skills and the designer receives an additional bonus)_ # 1. Can you tell us about you? My name is Juan. Nothing really special about me. I'm a designer and currently work and live in Jakarta, Indonesia. I am passionate in brand development and editorial design (presentation design such as pitch decks as well). Aside from design I also like football and watching movies. I loved good visuals since I was a little. I was good at drawing and I love to draw new designs for products such as cars or sneakers (I was a sneaker enthusiast way before I knew what a sneaker enthusiast was), packaging, etc. Those factors encouraged me to take a design major. There was a product design major in one of the university in my hometown but I didn't feel it was good enough so I decided to take visual communication design instead. From there I learnt a lot and found some fields I loved to work on, and here I am. ![Juan sketching laptiop](https://i.ibb.co/9TBhdFL/20181112-153900.jpg) _Above, work in progress of a logo by Juan_ # 2. What’s your typical day like? I often work at home but once or twice a week I also work in some nice coffee shops. My favourite coffee shops in Jakarta are Chief Coffee (try their Bailey's Latte), Kopi Nalar, OnThree, and 1/15 Coffee in Menteng. Working at different places helps me to keep refreshed, but can also distract me if I do it too often. ![On Three Coffee](https://i.ibb.co/HtPhzkJ/onthree1.jpg) _OnThree, one of Juan's favourite places to work from in Jakarta_ When I am done with work I sometimes do indoor football or hangout with friends during weekends. # 3. How do you get inspired? My inspiration really comes from anywhere. It can come from books, internet, visiting places and learn new things, even from talking with people. Specifically, I use Behance and Pinterest the most. That said, I use Instagram for my daily dose of inspiration. There are lots of great agencies and designers sharing their inspiring work, and also some accounts share curated designs which makes it easier for me when I need some specific style for inspirations. My favourite Instagram accounts to follow are [visualjournal.it](https://www.instagram.com/visualjournal.it/) and [WeLoveBranding](https://www.instagram.com/welovebranding/) # 4. Can you share some of the pieces of your work you’re most proud of? I really liked doing the logo for Finin, a fin-tech app. They were really happy with the result and also asked for business cards, letterheads as well as the full branding package. ![Finin](https://i.ibb.co/wJxcY4y/Screen-Shot-2019-06-13-at-17-07-19.png) ![Finin](https://i.ibb.co/hdq1gHK/Screen-Shot-2019-06-13-at-17-07-05.png) ![Finin](https://i.ibb.co/3WYLBv3/Screen-Shot-2019-06-13-at-17-06-50.png) # 5. Finally : What’s your advice for designers? Nowadays visual design tends to evolve faster, and to stay relevant you have to stay up to date and be aware of trends. But don't give up your design style just to follow the trends. You can always adapt the trends to complement with your personal style, in your own way to make it unique and you. ---------- Thanks for the interview, Juan!
Continue reading

Our favourite design requests: May 2019

So what did our designers work on in May 2019? They worked on more than 500+ design requests for our clients and here are some of the coolest work they've done, curated for you! # 1. T-Shirt design "Ben Franklin" (by Christian) Christian is a talented illustrator that joined us as a freelancer a few weeks ago. The request was simple: Design a T-shirt with Ben Franklin drinking a pint of beer. The objective was to sell this t-shirt on Amazon Merch. ![Amazon Merch T-shirt design](https://i.ibb.co/9HS97Cy/4440-mockup-correct-spelling.jpg) Great result, isn't it? # 2. Pitch deck / Investor presentation design (by Juan) One of the most popular requests we have is powerpoint presentation redesigns. Whether it is sales decks, pitch decks, or simply an internal presentation, designing it with the correct branding is really key in order to pass the right message. Here are a few slides of the deck: ![Slide deck design](https://i.ibb.co/SX7CQmM/Screen-Shot-2019-06-10-at-12-45-27.png) ![Slide deck design](https://i.ibb.co/WG3JxCT/Screen-Shot-2019-06-10-at-12-45-15.png) ![Slide deck design](https://i.ibb.co/c8Ph19W/Screen-Shot-2019-06-10-at-12-44-59.png) ![Slide deck design](https://i.ibb.co/S5rq43H/Screen-Shot-2019-06-10-at-12-44-48.png) # 3. Explainer infographic (by Nurul) Infographics are a powerful way to communicate a message. Once your infographic is done you can also ask to have special versions for posting it on LinkedIn, Slideshare, Instagram, or Facebook to make sure the right message is sent in the right format to your audience. This request was not an easy one for Nurul: Lots of data and specific branding guidelines to respect but the result is beyond awesome! ![Explainer infographic](https://i.ibb.co/sRqsqS4/4506-01.png) # 4. School poster design (by Evgenia) This request is one of my personal favourites: I really love the level of creativity (and it wasn't an easy one as Evgenia used multiple fonts). ![School poster](https://i.ibb.co/WDPmCNg/DFK19-quote-poster-v1.jpg) # 5. Custom illustrations on our gallery (by Wis) Earlier this year we released our royalty-free, 100% editable SVG [illustration gallery](https://gallery.manypixels.co). Each week we update our illustration gallery with 15-20 new illustrations. ![Free illustrations](https://i.ibb.co/0y58QYD/game-of-throne-tyrion.png) # 6. Coverage map for a car-sharing startup (by Japhet) This request wasn't easy either - redraw an entire map with the branding of the startup and add precise locations of the coverage. The result turned out excellent! ![Coverage map car sharing](https://i.ibb.co/92Ftg4P/4187-Car-Sharing-3-01.jpg") # 7. Flyer with illustrations (by Alexander) This request was for a crowdfunding e-book promotion: Design a beautiful flyer with custom illustrations. ![Flyer with illustrations](https://i.ibb.co/yBH0qbb/4268-Flyer-01.jpg) # 8. Infographic for a SaaS (by Japhet) This request is for a SaaS infographic. The request had a lot of data point so it wasn't an easy feat for Japhet. ![Infographic for SaaS](https://i.ibb.co/jVp5j20/4332-infographics-draft-5-01.jpg) # 9. Email marketing banner (by Deddy) ![Email marketing banner design](https://i.ibb.co/wzLfsrC/decathlon-giveaway-01.png) Another request we have are email marketing design materials: Newsletters mostly! This project was very fun to do for Deddy: Design a custom illustrations and follow the branding guidelines of the customer. # 10. Dashboard UI design (by Kevin) a Dashboard design for an upcoming car sharing startup. Dashboard designs are usually very demanding and demand a strong eye for a great user experience and Kevin did a great job at this! ![Dashboard design](https://i.ibb.co/K55hHdf/Dashboard-4341-Modal.png) # 11. WINNER: Sales brochure illustration (by Evgenia) And the winner is... This sales brochure illustration by Evgenia. I thought the result was so beautiful aesthetically yet conveyed a lot of important information. Great job! ![Brochure illustration](https://i.ibb.co/4PQ3hgW/7.jpg)

Pixelian of the Month: March 2019

This month, the award of Pixelian of the Month goes to... ... 🥁 ... Kevin! ![Kevin](https://i.ibb.co/nMycWX7/Screen-Shot-2019-04-03-at-14-26-11.png) Kevin joined ManyPixels a few months ago and is a full-time freelancer on our platform. *(Each month, we recognise the great work of ManyPixels' designers by giving an award, the Pixelian of the Month is awarded to acknowledge excellent design and communication skills and the designer receives an additional bonus)* # 1. Can you tell us about you? Let me introduce myself, my name is Kevin. I was born in Indonesia's capital, Jakarta. I reflect myself as a well - quite non-interesting individual. Perhaps that's caused by my extreme Introversion personality (I took that online MBTI test kind-of-thing, and got the award for getting a 92% introversion result). > ## My only passion was to play video games and to draw anything related to it. You could say I would highly prefer to do everything and keep everything by and to myself. But may be I can share a few things this time (especially doing it digitally) : My path to work as a designer begins from childhood times. Back in the day, my only passion was only to play video games and to draw anything related to it. That habit is kind of bad as it can took focus out of my study, sitting in the back of the class doing nothing but sketching useless stuff. (Today, I stilll like drawing stuff, just more rarely). It really took its toll as I failed my first year of high school. That event was quite a wake up call for me to focus on something more important. In the end, I am really glad I finished my high school with nearly perfect grades. ![spaceguns](https://i.ibb.co/Jtxdf1S/space-guns-001-by-kevinmoses-dcxgkws.png) *Above, a sketch done by Kevin.* College times, I finally could focus on doing *artsy* stuff again. So I entered Bunda Mulia University in 2013, and started having a great time studying visual design. It made my inner artist finally shine at the right place. With years passing by, I really got into learning Motion Graphics and User Interface Design there. Just sadly the UI lessons provided were quite shallow for me so I decided to lean deeper towards Motion Graphics first. The result of that is I worked initially as a 2D Animator Intern for 3 months, which I really liked. While doing that I was still intrigued by how UI worked and decided that my next full time job should be as a UI designer. You could say it was quite a struggle to find a job, as I didn't have any solid UI portfolio, let alone any UI experience. But thanks god, I finally got accepted by a micro-startup in North Jakarta as a junior UI/UX designe thanks to my motion graphics skills. During my time as an intern, I learnt many things by working closely with developers, and getting a good grip on how UI/UX in an app works. Sadly, just 7 months into the job, I got badly ill and had to take a long break, giving up my job. I finally got better and here I am, working as a Junior UI Designer at Manypixels. I have been here for 7 months and hope I will never catch that illness again. # 2. What's your typical day like? > ## I also very much like it when my work is uninterrupted most of the time. My typical working day is pretty usual. I wake up, have breakfast and shower before 8.45 am. Then I immediately open my laptop, and begin to work. I also very much like it when my work is uninterrupted most of the time. (Perhaps my only breaks are just lunch and going to the bathrooms). The main reason I work like this is that I very much like to keep my working pace efficient and avoid overtiming. I tend to finished my work exactly at 16.45 everytime . After my work is done, I finally have a leisure in the same sitting spot and play Destiny 2. My favorite game for the moment. I play it till the night's over and get to sleep. Next day, I wake up and repeat. Yeah, I know it sounds really boring to some, but hey, I absolutely love that. Being humble, doing nice & honest work, some work / life balance, this is good enough for me. # 3. How do you get inspired? My main inspirations for my artworks came from the web, Dribbble, Instagram, Behance, the usual stuff. That said, I have a tendency on looking for them rather rarely. # 4. Can you share some of the pieces of your work you're most proud of? Yes, I do and it's not the prettiest project. But it's a very good example of pursuing great collaboration with the client, which I think we observe more often. Sometimes when we do design projects, it feels like a one way street. Either the client is agreeing to us on everything every single time, or the client keep having endless revisions to a spiralling infinite oblivion. In this project though, the client is actively asking questions, giving suggestions, and we do it vice versa. It's like talking to a colleague rather than a bossy figure, a really fluid two way collaboration that makes working on this project really fun. ![kevinwork](https://i.ibb.co/0hn1gYj/Experimental-1.png) # 5. Finally : What's your advice for designers? I got no particular useful advice, but I may say that just do what you really feel best for you and be grateful, as not everyone may be as lucky as compared to where you stand right now. So yeah, just be grateful. --- Thanks for the interview, Kevin!

10 Popular Requests on ManyPixels

Wondering what to order on ManyPixels? Here are 10 popular requests you can order today. ## 1. Sales decks Let's face it, in business you constantly need to sell (at one point or another, your job mostly is about selling, in the words of [Sam Altman](https://twitter.com/sama/status/943618320825118720?lang=en)) So how do you sell? - You need to pursade - You do so with a great presentation or in other terms, a sales deck ![salesdeck](https://i.ibb.co/TWGpHkp/salesdeck1.png) ![salesdeck2](https://i.ibb.co/zSJXsNB/salesdeck2.png) ![salesdeck3](https://i.ibb.co/pz0sNFZ/salesdeck3.png) At ManyPixels we use sales deck a lot. When we reach out to a prospective company, we follow up with a customised sales deck. It speaks to them, it shows we understand their problem, and we try to book a call with them. Here is what goes into a great sales deck: - What problem you're working on for **them** (your customers) - What solution you and why your solution is perfect for **them** (why they should care) - Reference of past clients (clients won't take your words, let your work **speaks for it**) - Pricing - Contact details *Tip: Also add "Services/Product for..." to make it personal!* Here is an example of another sales deck: ![salesdeck2](https://i.ibb.co/HPKkkpd/0013-Presentation-Pitch-Deck-no-src.jpg) ## 2. Logo design with mascot Logo designs with mascot make your brand really unique. In addition to making your brand unique, it also gives you to opportunity to have a logo with multiple use cases (with or without mascot) Here are some logos that our designers have created: ![harvylogo](https://i.ibb.co/Ld3DSvN/0035-Logo-Design.jpg) ![grumpylogo](https://i.ibb.co/Gc3Tprk/bearlylogo.png) ![happierpets](https://i.ibb.co/YZvWBbf/Screen-Shot-2019-04-02-at-10-54-40.png) ## 3. Infographic design Infographics are a great way to repurpose content. As attention-span is now hugely limited, you have to find another way to capture attention. Here are some examples on how you can use infographics to market your business: - Use them as Facebook Ads to drive traffic to one of your ebook or blog posts. - Use them in your presentations - Use them as social media posts on LinkedIn, Instagram, Facebook - Use them to illustrate your blog posts Here are some examples of infographics our team has designed: ![infographic1](https://i.ibb.co/9Gdzhdm/0001-Infographic.png) ![infographic2](https://i.ibb.co/0s1qKbD/0009-Infographic.jpg) ![infographic3](https://i.ibb.co/xSpVS5J/0007-Infographic.png) ## 4. Display ads Advertising, whether through prospection or retargeting can be an incredibly effective way to generate traffic and leads, build your brand, or even directly drive direct sales to your website. Here are some examples of ads you can request that your team has produced: ![displayaddesign](https://i.ibb.co/CvXdwTH/0014-Banner-Display-Ads.jpg) ![displayaddesign](https://i.ibb.co/QfdcRKR/0016-Banner-Display-Ads.jpg) ![displayaddesign](https://i.ibb.co/FqSx7x7/0015-Banner-Display-Ads.jpg) ## 5. Reports, manuals, and company culture books Another idea to request is to create reports or manual: Present information beautifully so people actually want to consume it. *Tip: You can actually put these reports in powerpoint format and put them on Google Slides to share them internally with your coworkers or with your investors.* ![reports](https://i.ibb.co/TLWwxRS/0010-Business-Reports.jpg) ## 6. Landing pages Landing pages design is a very popular design request on ManyPixels. Designing a landing page is usually better to go into redesigning a full website for several reasons: - A landing page gets the visitor to do a single action: Usually booking a call or leaving their email address, downloading an Ebook, etc. They are a great marketing way to capture the attention to a visitor towards a single objective. Here are some examples of landing pages you can request: - General landing page s - Book a demo landing pages - Referral page landing pages - Contest landing pages - Coming soon landing pages Here are some examples of landing pages that our team created: ![landingpage](https://i.ibb.co/6gxF5zb/0009-Landing-Pages.jpg) ![landingpage](https://i.ibb.co/60G5W4J/0034-Landing-Pages.jpg) ![landingpage](https://i.ibb.co/df78Znt/0013-Landing-Pages.jpg) ## 7. Email and newsletter designs Building your email list is like having your own little piece of Internet real estate, where your subscribers are your tenants. Unlike Facebook, Twitter, LinkedIn and other social media platforms, email is still a strong and independent way to reach out customers. **Building your email list is thus hugely important!** Once you've built your list, having compelling emails. Here are some examples of email designs you can request on our platform: - Welcome emails - Lifecycle emails - Receipts emails - Newsletters Here's an example of an email design from you team: ![emaildesign](https://i.ibb.co/MRhBG2w/0004-Email-Newsletter.jpg) ## 8. Custom made illustrations and icons Illustrations are one of our most popular services as well. They have multiple uses cases: - Make a powerpoint presentation look nicer or unique - Help create social media graphics - Help create landing pages Here are some example of illustrations ![illustrations](https://i.ibb.co/XDPk79X/customillustrations.png) ![illustrations](https://i.ibb.co/SnGXSDB/customilliustrations2.png) Or for branding purposes. This e-bike app decided to create a lot of illustrations to help with their branding: ![brandingillustration](https://i.ibb.co/NC4vmqX/illustrationbrand.png) ![brandingillustration2](https://i.ibb.co/sCtnnfM/illustrationbrand2.png) ![brandingillustration3](https://i.ibb.co/f2V7whC/illustrationbrand3.png) ## 9. Facebook page branding Another popular example of request is redesigning your Facebook page / Messenger bot. ![facebookbranding](https://i.ibb.co/D4CvtRD/Facebook-Banner.jpg) ## 10. Pitch deck redesign So you're planning to raise your seed or series A round? Well, a better pitch deck will definitely impress your potential investors. Here are some screens of a pitch deck we've recently redesigned. ![pitchdeck](https://i.ibb.co/DKXg4Yb/pitchdeck1.png) ![pitchdeck](https://i.ibb.co/bNSdVqg/pitchdeck2.png) ![pitchdeck](https://i.ibb.co/bsRf8XK/pitchdeck3.png) ![pitchdeck](https://i.ibb.co/7z2QGK9/pitchdeck4.png) ![pitchdeck](https://i.ibb.co/27wG2K8/pitchdeck6.png) ![pitchdeck](https://i.ibb.co/GvHnn4k/pitchdeck7.png) ![pitchdeck](https://i.ibb.co/DtN6Ywn/pitchdeck8.png) ![pitchdeck](https://i.ibb.co/3CnsVR9/pitchdeck9.png) ![pitchdeck](https://i.ibb.co/7gs0tbX/pitchdeck10.png) ![pitchdeck](https://i.ibb.co/Bq3PyqD/pitchdeck11.png) That's it! We will regularly be posting more popular example of design requests.

Our month in Review: March 2019

March was a busy month for ManyPixels! Here are four important things we achieved in March: 1. Hired new team members 2. Launched a huge marketing project 3. Completed 95% of our new platform (and launching it in the next few weeks to a few select customers) 4. Started seeing repeatable growth (but we're not quite there yet) ## 1. Expanding to 🇷🇴 Romania Growth cannot happen with an intrinsically great product. But also great operations / service delivery as we are a managed design services marketplace. In order to have great operations, we needed to have a great team in place which has been our top focus for the month. So we asked ourselves: What are the attributes of a great team? - Great communication skills - Alignment with our values and goals (we can enable them to grow as we grow) Most of my focus with Quentin was thus hiring freelancers based on those values. After building the largest part of our team in South East Asia for a year (and I lived in Indonesia for one year to recruit myself the first designers on the platform), we made the decision to start hiring designers in Eastern Europe, starting with Romania. Why did we make this decision? - European designers can work in the same timezone of our customers, and thus can ensure faster response rate which will improve customer experience. Liana is our team leader and Alex and Alin joined us as a designers. We're going to announce many more new designers very soon. Here is some of the work from our talented designers from Romania. ![grumpybearlogo](https://i.ibb.co/m8H7hyW/alexlogo.jpg) Or this work... ![happierpets](https://i.ibb.co/yS1bYdD/happierpets.jpg) ## 2. Launching our 🎨 free illustrations gallery ![freeillustrationgallery](https://media.graphcms.com/resize=w:1000,fit:crop/compress/QbWjcAksRoChCwDoVlPK) Our [free illustration gallery](https://gallery.manypixels.co) is our main marketing tool at ManyPixels. We created this for several reasons: - We are big fans of beautiful, modern illustrations. - We want to help entrepreneurs that are at the beginning of starting their own projects. - We use it to drive traffic to our main website through retargeting, newsletter subscriptions, etc. How did we launch this? **We first decided to promote it on various Facebook groups that could potentially be interested in it (FB ads, E-commerce, Startups groups...)** ![fbpost](https://i.ibb.co/cLXV5yq/Screen-Shot-2019-04-01-at-11-02-24.png) The engagement on Facebook groups was so high (due to people commenting) that I suspect my post organically reached tens of thousands of people, without any paid advertising. **We then launched it on Hacker News. It hit the front page within a few hours and stayed on the 8-9 spots for almost 24 hours.** Shortly after, we got hunted on ProductHunt! ![producthunt](https://i.ibb.co/YW8gkGL/Screen-Shot-2019-04-01-at-11-08-02.png) In total during launch week we got about 15k visitors. Due to the overwhelming response, we decided to **double down** our efforts on the gallery. Instead of 5 new illustrations per week, we set a goal of creating 10 new illustrations per week. If this still works well? Well, we'll double that number again. **How did it perform for us in terms of traffic and sales?** The illustration gallery has been quite a success so far. Here is the spike of traffic from Google Analytics after the launch of the gallery. ![illugallerystats](https://i.ibb.co/8B4jfkP/illugallerystats.png) In terms of subscribers, we receive 70 to a 100 new email subscribers per day and 3000 visitors on the gallery (this number has been constant since a few days). We also ran an email campaign that resulted in 6 sales, all from the gallery subscribers. I think this kind of product will probably grow best based on word of mouth and just producing exceptional illustrations is thus our main goal. Let's see how it goes in a few months! ## 3. Product improvement Geoffrey recently joined ManyPixels as CTO. Quentin and I went to Paris to meet him back in December 2018 and we spent 5 days just working at various coffee shops / coworking spaces in Paris + spending all evenings together. I highly recommend that you spend a lot of time with your cofounders so you know their working styles. After being sure we wanted to work together (this goes on both sides), we created a shareholder agreement and Geoffrey joined us as CTO as of January 2019. The first task was to recreate a professional looking website, but then what really mattered to create value was creating a solid platform to do the following things: 1. Enable customers to place design orders seamlessly 2. Dispatch orders and manage workers 3. Communicate and collaborate In the upcoming weeks, we are releasing the platform to a select group of our subscribers. Here is a sneak peek of the platform (still in progress!): ![sneakpeek](https://i.ibb.co/4JfgY8W/orders.png) ## 4. Growth My main responsibility at ManyPixels is growth . Finding customers, retaining them, and then making sure they have such a great experience that they become loyal fans that refer the product to their friends is a loop that we need to attain. **Here are some of our results from our growth efforts:** - Website traffic for the month is 31k visitors. This month it is projected to be around 90k. - We went from 90 email subscribers in early March to well over 2000 now. - Revenue went up by +13.6% - Net revenue went up by +14.6% - We launched only 1 email campaign, it resulted in 6 sales. - We started experimenting on retargeting ads with a very low budget. Our marketing is basically a mix of three things: **1. Sales** Our sales process goes like this: 1. Targeting: We asked ourselves by looking at our customers what were the attributes of our customers and know more about who they were. We then built list of potential customers. 2. Cold-emailing: It can be an incredibly powerful way to get customers. We do not have a perfect system (yet) for this but we are getting there. We book on average 3-4 high quality calls per week that land long-term customers. 3. Demo of our product / Sales deck: Once the customer has received an intro call, we follow up with a Sales Deck (or soon: A demo of our product for their industry) **2. Content** Content is like our long-term, safe investment that we would be crazy not to have in our marketing portfolio (in the words of [Julian](https://www.julian.com/guide/growth/content-marketing)). I see we can add value by creating two types of content: - 1. Brand content - Monthly reviews, designer of the month, How we do X or Y at ManyPixels. This type of content can add value to entrepreneurs seeking to know how to grow their business. - 2. SEO content - Content that people actively search about, example: "*How to make an infographic*" **3. Ads** We recently started using ads, for now only by focusing on Facebook Ads and we've already had 10 conversions and a positive ROI. We are doubling our efforts on ads as well. ## Conclusion It's already been 3 months since the start of the year and our focus for the next three will be: - Continue to attract talented freelancers on our platform and make that process faster and smoother. - Achieve scalable and repeatable growth. - Improve our product / service delivery so we can continue to generate word of mouth.

How to build a gallery with editable SVG illustrations

I’ve recently made a [gallery for ManyPixels](https://gallery.manypixels.co/) displaying SVG illustrations available to help people with their projects, kinda similar to [Undraw](https://undraw.co/) in its behaviour. Using it is pretty simple: You browse the gallery, pick color that match your brand, click it, download it as PNG or SVG (with updated colors!) and voilà! So how I did it ? It’s a work of developer and illustrator. ---------- # Designing the right way To make all of our illustrations, we use **Adobe Illustrator**. ## It’s all about one colour First you need to choose one color which will be your “dynamic color”, for our gallery we used the hexcolor **#68E1FD** to match our brand. Every illustrations must use this color or the javascript code won’t work when color picking. You can of course use other colors as “static colors”. To achieve the gradient effect, **never use** gradients. You have to create mask layers, gradiant white or black and play with the opacity. ![](https://cdn-images-1.medium.com/max/1600/1*hNRy11oMujaksGMDw6iaYA.png) ## Exporting your SVG When exporting, you have to select **Presentation Attributes,** we have our SVG code with attributes like **fill=“#68e1fd”** which will be easily changed with code. ![](https://cdn-images-1.medium.com/max/1600/1*MUcG0BNyNywsJJ4XbVZFmQ.png) ---------- # The coding part ## Color Picker ``` js import React from 'react'; import { ChromePicker } from 'react-color'; import { dynamicColor } from '../constants/colors'; class Magic extends React.PureComponent { state = { color: dynamicColor }; onChangeColor = color => this.setState({ color: color.hex }); render() { const { color } = this.state; return ( <div> <ChromePicker color={color} onChangeComplete={this.onChangeColor} /> </div> ); } } export default Magic; ``` The goal is to get the **hex** of the dynamic color you will change later in your illustrations. For my example, I used _react-color_ which provides few styles of color picker easy to use. ## How to change the SVG color ``` js import Svg from 'react-inlinesvg'; import styled from 'styled-components'; import { dynamicColor } from '../constants/colors'; const ContainerSvg = styled.div` *[fill='${dynamicColor}'] { fill: ${p => p.color}; } *[stroke='${dynamicColor}'] { fill: ${p => p.color}; } `; <ContainerSvg color={color}> <Svg src={url}>Can't load image</Svg> </ContainerSvg> ``` I’m using styled-components to do all the styling in the gallery. By giving my dynamic color as props, I replace everywhere in the SVG with fill=“**#68E1FD”** by new **hex color.** The illustration is updated instantly. ``` js import React from 'react'; import { ChromePicker } from 'react-color'; import { dynamicColor } from '../constants/colors'; import { ContainerSvg } from './toto.style'; import Svg from 'react-inlinesvg'; const url = "https://media.graphcms.com//ztnygNBMTHuPDarh6hxH"; class Magic extends React.PureComponent { state = { color: dynamicColor }; onChangeColor = color => this.setState({ color: color.hex }); render() { const { color } = this.state; return ( <div> <ChromePicker color={color} onChangeComplete={this.onChangeColor} /> <ContainerSvg color={color}> <Svg src={url}>Can't load image</Svg> </ContainerSvg> </div> ); } } export default Magic; ``` ## Save as PNG or SVG with updated colors You have to first get the **ref** from your inline SVG. ``` js <Svg src={url} ref={ref => this.svg = ref} > Can't load image </Svg> ``` Saving as SVG is really simple, you get the **svg string** from the **inline svg** reference and replace all the colors. ``` js handleOnClickSaveSVG = () => { const { color } = this.state; let svgToSave = this.svg.state.loadedText; svgToSave = svgToSave.split(`fill="${dynamicColor}"`).join(`fill="${color}"`); svgToSave = svgToSave.split(`stroke="${dynamicColor}"`).join(`stroke="${color}"`); const blob = new Blob([svgToSave], { type: 'image/svg+xml' }); const url = URL.createObjectURL(blob); downloadElement(url, 'illustration.svg'); }; ``` Download that **blob**! ``` js downloadElement = (url, name) => { const tempLink = document.createElement('a'); tempLink.href = url; tempLink.setAttribute('download', name); document.body.appendChild(tempLink); tempLink.click(); setTimeout(() => { document.body.removeChild(tempLink); window.URL.revokeObjectURL(url); }, 100); }; ``` Saving as a PNG starts like the SVG by replacing the colors. I create a canvas and draw in a new **Image** then use my previous function **downloadElement**() to get it. ``` js handleOnClickSavePNG = () => { const { color } = this.props; const DOMURL = window.URL || window.webkitURL || window; if (!DOMURL) { this.setState({ error: 'Your browser doesn\'t support download' }); } let svgToSave = this.svg.state.loadedText; svgToSave = svgToSave.split(`fill="${dynamicColor}"`).join(`fill="${color}"`); svgToSave = svgToSave.split(`stroke="${dynamicColor}"`).join(`stroke="${color}"`); const blob = new Blob([svgToSave], { type: 'image/svg+xml' }); const url = DOMURL.createObjectURL(blob); let match = svgToSave.match(/viewBox="0 0 (\d+\.?\d*) (\d+\.?\d*)"/m); const width = match && match[1] ? parseInt(match[1], 10) : 500; const height = match && match[2] ? parseInt(match[2], 10) : 500; const tempCanvas = document.createElement('canvas'); tempCanvas.width = width; tempCanvas.height = height; const ctx = tempCanvas.getContext('2d'); const pngImage = new Image(); pngImage.onload = () => { ctx.drawImage(pngImage, 0, 0); DOMURL.revokeObjectURL(url); const imgURI = tempCanvas.toDataURL('image/png').replace('image/png', 'image/octet-stream'); downloadElement(imgURI, 'illustration.png'); }; pngImage.src = url; }; ``` ---------- With that, you have all the tools you need to do an editable SVG gallery! I hope it was clear, feel free to ask on **Intercom** or **info@manypixels.co** if you want more information. ![](https://cdn-images-1.medium.com/max/1600/1*Ukh7DYekkpqlPDuO7LEG0w.png)

11 Ways to Use Illustrations to Grow Your Business in 2019 (with Design Examples)

Illustrations are a great way to capture visitor attention and add value to your content. We've compiled 11 ways to use illustrations in 2019 to grow your business. ## 1. Header illustrations Probably the most popular type of illustration: Show. Don't tell. Having a unique illustration in your header can tell your visitor about your service or product (and probably help with bounce rate too!) but not only, it can help with your branding. ![enter image description here](https://cdn.dribbble.com/users/895215/screenshots/6088404/preview_2x.png) By [Valeria Rimkevich](https://dribbble.com/shots/6088404-Landing-page) ## 2. Coming soon illustration If you do not have time to fully code or launch your service or product, a good way to validate future demand is to create a coming soon page with an illustration. Coming soon pages are faster to create than landing pages and you just need to communicate your value proposition / an email capture form and a beautiful illustration to get started. ![enter image description here](https://cdn.dribbble.com/users/1925451/screenshots/4374127/walking_people.jpg) By [Dmitrii Kharchenko](https://dribbble.com/shots/4374127-Friends) ## 3. Blog post illustrations Blog post illustrations really help to share your content over social media or simply to make the post more attractive (like this one!) Here are some of our favourite styles of blog post illustrations: ![enter image description here](https://cdn.dribbble.com/users/2372549/screenshots/5374751/hero_dribbble_2x.png) By [Magda Koscianska](https://dribbble.com/shots/5374751-The-power-of-illustration) ![enter image description here](https://cdn.dribbble.com/users/1461762/screenshots/5894653/warrior_lana_marandina_2x.png) ![enter image description here](https://cdn.dribbble.com/users/2066397/screenshots/6159407/3_2x.png) By [Margarida Mouta](https://dribbble.com/shots/6159407-The-Ultimate-Guide-to-Personal-Productivity-Methods) ![enter image description here](https://cdn.dribbble.com/users/1481060/screenshots/6205782/___2x.png) By [Sloan](https://dribbble.com/shots/6205782-Leisure-time) ![enter image description here](https://cdn.dribbble.com/users/851350/screenshots/5136810/family_time_2x.png) By [Magda](https://dribbble.com/shots/5136810-Family-Time) ![enter image description here](https://cdn.dribbble.com/users/418188/screenshots/6005129/information_architecture_illustration_tubik_2x.png) By [Tubik](https://dribbble.com/shots/6005129-Information-Architecture-Illustration) ![enter image description here](https://cdn.dribbble.com/users/1830645/screenshots/6205572/32_2x.png) by [初夏Ruby](https://dribbble.com/shots/6205572) ![doodleillustration](https://i.ibb.co/zZW5Rk7/doodleillustration.png) ## 4. Features / product in action illustrations Another way to use your product is to show characters using your product / service. ![enter image description here](https://cdn.dribbble.com/users/1925451/screenshots/6137929/artboard_2.jpg) By [Dmitrii Kharchenko](https://dribbble.com/shots/6137929-Appointment-concept/attachments) ## 5. Blog post promotion Facebook ad One way to use illustrations is to retarget visitors from your website with an ad linking to your blog post. [Wrike](https://www.wrike.com/) is an work management solution that creates a lot of content and then use Facebook Ads to retarget it. ![blogpostad](https://i.ibb.co/nPDWLZG/Screen-Shot-2018-11-01-at-10-49-21.png) ## 6. Ebook chapters illustrations So you've created an Ebook? Now create small illustrations for each chapter! ![chapterillustration](https://i.ibb.co/d74YSWW/Screen-Shot-2018-12-05-at-10-30-08.png) ## 7. Illustrations for different use cases Another way to use illustrations is to create a Use Case page to show how your product or service may benefit certain type of clients and why. [Slab](https://slab.com/use-cases/) is making good use of illustrations for their product. ![enter image description here](https://cdn.dribbble.com/users/696837/screenshots/5313256/slab-use-cases_2x.png) By [JT Grauke](https://dribbble.com/shots/5313256-Slab-Use-Cases) ## 8. Social media post illustration Another way to create engaging content on social media is to use illustrations for your social media posts. This is an example from Tech In Asia ![socialmediapostillustrations](https://i.ibb.co/YPyPks2/illustrationforyourbusiness.png) ## 9. Long-form content illustrations A very good example of long-form content and guide illustrations in action is found on the site of [Backlinko](https://www.backlinko.com), a marketing blog which recently wrote [a guide about keyword research](https://backlinko.com/keyword-research). They first start with a very clear header and bullet points to show what they'll talk about: ![longformcontentillustrations](https://i.ibb.co/mGBNb8M/backlinko1.png) Which is immediately followed by a clear call-to-action which prompts users to subscribe to the newsletter to download the PDF: ![calltoactionillustration](https://i.ibb.co/Y0qhj2q/backlinko2.png) Followed by a small illustration set for each chapter: ![chapterillustrations](https://i.ibb.co/nQFKfGp/backlinko3.png) And each chapter has its own illustration as well: ![mainchapterillustration](https://i.ibb.co/nPYTWVp/backlinko4.png) All in all, it really makes the article structured and a pleasure to read which probably helps rank Backlinko content higher in Google (try googling Keyword Research for example!) ## 10. Carousel ad illustrations Another popular form of illustrations (especially on mobile!) is to use them in carousel ad. Here are some examples from [Flock](https://flock.com), a communication and collaboration tool for teams. ![carouselillustration](https://i.ibb.co/pLv0zbr/fbcarouselad.png) ## 11. Illustrations for infographics ![infographicillustrations](https://i.ibb.co/kDk5cJG/dd3.png) Probably the most popular : Using illustrations for your infographics. ![infographicillustration](https://i.ibb.co/68nWT1N/infographic-illustrated-section-data-dribbble.png)

The Ultimate SaaS Design Trends of 2019

This week we have looked at popular SaaS (or as-a-service type of companies) and compiled a very curated list of trends and design inspiration. From logo inspiration, to illustrations, to some landing pages styles, this guide should give you a solid base to start your SaaS projects in 2019. We've also included some further resources below to tackle your SaaS design projects, so make sure to check them out! ## 1. Minimalist, simple, elegant, and sharp logos (and purple is insanely popular) In 2019 the trend seems to be around SaaS logos that are minimal or simply font-based with slight tweaks. Purple and dark blue are also colours widely used as they represent trust / luxury and thus convey a high-quality service. Here are some examples we've particularly liked: ![saaslogo](https://cdn.dribbble.com/users/2760058/screenshots/5509935/ch_dribble_01_4x.jpg) by [Keene Niemack](https://dribbble.com/shots/5509935-Clubhouse-Brand-Identity) by ![saaslogo2](https://cdn.dribbble.com/users/1769954/screenshots/4970476/artboard_1.png) by [Deividas Bielskis](https://dribbble.com/shots/4970476-A-logo-design) ![saaslogo3](https://cdn.dribbble.com/users/696837/screenshots/5267924/bread_4x.png) by: https://dribbble.com/shots/5267924-Bread ![saaslogo4](https://cdn.dribbble.com/users/56801/screenshots/5344854/marketo.jpg) by Chase Turberville https://dribbble.com/shots/5344854-Marketo-Rebrand ![simplesaaslogo](https://cdn.dribbble.com/users/14268/screenshots/5680050/customer_4x.png) by [Eddie Lobanovskiy](https://dribbble.com/shots/5680050-Customer-io-branding) ## 2. Font-based logos (with or without symbols) Another trend are logos that can be used in multiple ways (with or without a symbol) and that are mostly very minimalistic. Some of these logos have just a small font tweak (see DesignModo) ![simplesaaslogo2](https://cdn.dribbble.com/users/14268/screenshots/5021036/hitch-logo_4x.png) by [Eddie Lobanovskiy](https://dribbble.com/shots/5021036-Hitch-Logo) or ![saaslogofonts](https://cdn.dribbble.com/users/1240533/screenshots/4878758/copper_brand_02.jpg) by [Aaron Poe](https://dribbble.com/shots/4878758-Copper-Brand-Identity) or ![designmodologo](https://cdn.dribbble.com/users/283883/screenshots/4488962/designmodo-dribbble.png) by [Paul von Excite](https://dribbble.com/shots/4488962-Designmodo) ## 3. Soft illustrations Let's now dive into our favourite topic - illustrations. While we had between 2016 and 2019 a slight overload of isometric illustrations (do not worry - they still look great and we do have them on our website!), there seems to be a surge of new type of illustrations. The first type of illustrations are soft illustrations (or soft line illustrations) which seem to be incredibly popular. For example, [Canny](https://i.ibb.co/r70FNfq/Screen-Shot-2019-03-12-at-12-28-26.png), a popular feedback tool (and, virtual high-five on them, fully bootstrapped!) used them in their header. These illustrations usually use cold colours or very soft / pastel colours. ![softillustrations](https://i.ibb.co/r70FNfq/Screen-Shot-2019-03-12-at-12-28-26.png) Here is another example: ![softillustrations](https://cdn.dribbble.com/users/264131/screenshots/4005848/ill_1.png) by [Andrey Kovalev](https://dribbble.com/shots/4005848-FlowMapp-illustration) ## 4. Illustrations with people A very trendy type of illustrations are those which look like these, which were done for [Prospa](http://prospa.com), a small business owner financing app. These illustrations usually use warm colours and are very entertaining. ![peopleillustrations](https://cdn.dribbble.com/users/310943/screenshots/5625983/trade-illustration_4x.png) by [Andrew McKay](https://dribbble.com/shots/5625983-Trade-Illustration) Another style are the ones done by [Will Beeching](https://dribbble.com/shots/6059666-Flatfair-Illustrations) for [FlatFair,](https://flatfair.co.uk) a tenant/landlord relationship app. ![peopleillustrations](https://cdn.dribbble.com/users/833795/screenshots/6059666/flatfair-dribbble_4x.png) Or this one: ![peopleillustrations2](https://cdn.dribbble.com/users/13754/screenshots/6137252/project-manager_s-presentation_4x.png) by [Udhaya Chandra](https://dribbble.com/shots/6137252-Project-Manager-s-Presentation%29) ## 5. Minimalist animated icons Again by [Prospa](https://www.prospa.com), these state icons are very cool (and animated) ![animatedicons](https://i.ibb.co/gRX3BhG/ezgif-2-354ba38b0326.gif) ## 6. Illustrations with pencil style [Gusto](https://gusto.com), a SaaS which is a Payroll-as-a-Service recently revamped their homepage and features a unique style of illustrations which we really loved! ![illustrationpencilstyle](https://cdn.dribbble.com/users/661851/screenshots/5485342/artboard_1_copy_3_4x.png) by [Camellia Neri](https://dribbble.com/shots/5485342-Time-tools) Which looks pretty good! ![illustrationpencilstylesaas](https://cdn.dribbble.com/users/661851/screenshots/5485342/attachments/1186682/screencapture-gusto-product-time-tools-2018-11-01-08_59_45.png) ## 7. Animated illustrations Another popular trend are illustrations with simple animations, which certainly helps to grab more effectively the visitors' attention and deliver a great experience. ![animatedillustrations](https://cdn.dribbble.com/users/721524/screenshots/5415367/2_shot.gif) by [Sofy Dubinska](https://dribbble.com/shots/5415367-Website-for-Cannabis-Retail-SaaS-Company) or ![animatedillustration2](https://cdn.dribbble.com/users/2168142/screenshots/5223476/mmint-banner3.gif) by [Alegria](https://dribbble.com/shots/5223476-MM) ## 8. Large hero illustrations The trends for landing pages (and not only for SaaS ones) seems to have large hero illustrations. An example is this one by Tubik Studio: ![largeheroillustration](https://cdn.dribbble.com/users/418188/screenshots/6158271/hiring_artist_website_design_illustration_4x.png) by [Tubik](https://dribbble.com/shots/6158271-Hiring-Artists-Website-Design) ## 9. Clean UI with crisp and clean fonts The trend for SaaS landing pages (which deserve an entire blog post on its own) seems to be geared towards very clean pages, with crisp fonts which are very easy to read. ![cleanlandingpages](https://cdn.dribbble.com/users/1873180/screenshots/5294004/drb_4x.png) by [Casey Kennedy](https://dribbble.com/shots/5294004-Blackbird) The same goes for SaaS dashboards: ![saasdashboard](https://cdn.dribbble.com/users/231089/screenshots/5602849/brandmates_-_4_4x.png) by [Stan Yakusevich](https://dribbble.com/shots/5602849-Brandmates-Real-time-analytics) ## 10. Further resources Ready to tackle your next SaaS redesign or simply want to start from scratch? Check out some interesting resources below: 1. For your UI projects, we recommend using design systems. For example, Shopify released [Polaris](https://polaris.shopify.com) which is widely used by SaaS companies. It can save your designer (and developer) a ton of time to design your MVP or your fully-fledge SaaS landing page / app. 2. Icons8 recently created a gallery of free illustrations made by top Dribbble designers, with different styles. You can find it [here](https://icons8.com/ouch/style/pale). Alternatively, you can also use our [free illustrations gallery](https://gallery.manypixels.co) as well (*we're constantly updating it and open to suggestions!*) 4. [Land-Book](https://www.land-book.com) is our go-to resource for SaaS Landing Pages. The collection is really well curated and features landing pages that follow (or create) the trends.

The Anatomy of High-Conversion Landing Page

So you have built an interesting product or service and it's time to spread the word about it. Where do you start? And how do you ensure that your visitors *understand your business* and go about buying your product? Over the last months, we have designed a ton of landing pages at ManyPixels so I have decided to set up a small guide on what goes into creating a conversion oriented landing page. Before we dive into this, I'll start with **bold claim**: There are no special tricks - or shortcuts. This post is not about which colour or fonts will help you convert best but rather about sharing some common principles for what needs to be in a high conversion landing page. These ideas and principles are mostly about business and not design. If you're looking for design inspiration - we're producing a lot of other articles. I will lay down those principles in this post. ## You need to have a good product. And communicate about it. It is important to ask yourself two questions: 1. What is your value proposition? 2. How are you going to tell people about it? In other words the goal of your landing page is : How can my website explains so well what I do so that my visitors will buy? ## 2. The high-conversion landing page structure Julian Shapiro [wrote a great guide](https://www.julian.com/guide/growth/landing-pages) on landing page structure which essentially consists of four sections: 1. Hero 2. Features and objections 3. Validation and Proof 4. Call to action (Book a strategy session, get a free trial, sign up, ...) Your landing page should mostly convey all of this! ![landingpage](https://cdn.dribbble.com/users/180062/screenshots/5353150/jere.png) by [Alex Banaga](https://dribbble.com/shots/5353150-WireFrame-Before-After-for-FMBM) Or ![landingpage2](https://cdn.dribbble.com/users/406451/screenshots/4922890/landing_page_concept.png) by [Jess Eddy](https://dribbble.com/shots/4922890-Cluey-Landing-Page-Concept) ## 1. Hero section Your hero should comprise of a few things: 1. Your value proposition (What problem you are solving) 2. A call to action (Learn more, Get started, Sign up, Schedule a demo) 3. If you want to do: Photos, pictures of your products, video of your product, etc. Let's take have a closer look at ManagedByQ hero section, an office management solution. ![landingpagemanagedbyq](https://s3-eu-central-1.amazonaws.com/land-book-production/websites/screenshots/000/010/512/large/Q.jpg?1551776473) We can notice a couple of things: - The first thing that captures the visitors' attention is the tagline "*We run workplaces*" - They also put a very large photo of an office space with people which is very appealing. ## 2. Features and Objections Once your value proposition is clear and makes sense to your visitor, that's when you'll really have to stand out of the crowd and counter objection. Here's what happens in most visitors head: "*I do not see what is interesting here. What's in it for me?*" Then they eventually leave your website. Asking yourselves these questions can help: - What do you better, faster, cheaper or what can you provide more than the competition? - Why is your problem important? - What objections from the customers can you address? Here are some examples: ![makespacefeatures](https://i.ibb.co/B3x5k47/Screen-Shot-2019-03-08-at-11-17-10.png) [MakeSpace](https://makespace.com/), an on-demand storage experience is doing really great by using natural languages, simple icons and a call to action about each feature they have. Another example, from [FlatFair](https://flatfair.co.uk/) is conveying really well their value proposition (for both tenants and landlords) ![flatfairfeaturessection](https://i.ibb.co/9h5nP3Q/Screen-Shot-2019-03-08-at-11-21-23.png) Some tips: - Use natural, plain language, avoid jargon or buzzwords. ## 3. Validation and proof Once your value proposition is clear and how you're going to solve it by countering objections, a key aspect of landing pages is actually to provide validation (case studies) and proof (it can be social proof, companies you've helped work) A few questions worthy to ask in that regard are: - What clear benefits did you deliver for that particular customer, in that particular case? (Companies basically ask themselves: "*Hey, I want this too! How can I have it?*") - What was the problem / challenge you solved for that customer and how did your solution help it? (The idea here is to show that you *understand* what problem companies are facing, and why you're the expert to solve it) Here are some good examples: ![reviewsblyss](https://i.ibb.co/T8P307B/Screen-Shot-2019-03-08-at-11-41-28.png) Blyss, a Mobile Mssage company in Australia is doing a good job by doing two things really well: - They show they are the first in Australia, with the best reviews - They show real reviews from TrustPilot Another example of social proof is from Orca, which shows how many people already joined the service. ![Orca](https://i.ibb.co/qxmdz1t/Screen-Shot-2019-03-08-at-11-47-38.png) Some other ideas to include as validation / social proof: - How many customers you served - Ratings, reviews - Video case studies / video feedbacks of your users ## 4. Call to action Last but not least, you need a clear call to action to get your visitors to actually do something on your website (leaving an email address, signing up for a free trial, etc). Here are some examples of great call to actions: ![zeroeight](https://i.ibb.co/2jLWW5t/Screen-Shot-2019-03-08-at-12-21-45.png) [ZeroEight](https://zeroheight.com) is a SaaS for designers. They have two CTA's : Get started for free (the main CTA) and See example, which directs visitors to an actual demo of their product. Another great example is from [Spendesk](https://www.spendesk.com/), a management platform which also offers two CTA's: ![spendesk](https://i.ibb.co/6srrFT5/Screen-Shot-2019-03-08-at-12-26-41.png) Some ideas / tips: - It can be a good idea to offer two CTA (sign up + free demo) in case some visitors are not yet convinced. Showing a demo, example, or webinar of your product is a low friction action vs. asking for a sign up which takes time. ## Tools and resources I have summarised a list of tools and resources we often re-visit or to design our landing pages. Do let me know if you have any other resources! 1. [Balsamiq](https://balsamiq.cloud) is a great tool to design your landing pages wireframes. 2. The [blog](https://www.cortes.design/blog) of Pedro Cortes is a gold mine to get landing page inspiration tips. 3. We highly recommend you [ Land-Book](https://www.land-book.com) for Landing page inspiration 4. [This guide](https://www.julian.com/guide/growth/landing-pages) from Julian Shapiro gives excellent copywriting tips as well as helping you how to structure your landing page.

7 Types of Presentation Design to Grow Your Business (+ Design Examples)

Having a great presentation is an effective way to explain and communicate your ideas: But what are the different types of presentation and how can you use presentation design and translate that to actionable objectives that drive your business? We have compiled various types of presentations, along with examples we loved and key tips to nail them which will hopefully give you inspiration to go ahead and apply this to your business. ## 1. Sales deck presentation design Let's face it - no one knows your business better than you. While your product / service might instrinsically be great, at the end of the day it's really up to you to sell it (while being honest about it for course) and put the word out there. Here are some examples on how to do that with a sales deck (that you can email to your customers or place on your website to get leads) ![salesdeck](https://cdn.dribbble.com/users/2501763/screenshots/5663467/nationshearing-05-12-2018_v2_4x.png) by [Plato Design](https://dribbble.com/shots/5663467-Presentation-Design) Another great example is this one by [LightBoard](https://dribbble.com/shots/5411384-Customer-Value-Presentation) : ![customervaluepresentation](https://cdn.dribbble.com/users/1356973/screenshots/5411395/dribbble_lightrail_grid.png) ![customervaluepresentation](https://cdn.dribbble.com/users/1356973/screenshots/5411137/dribbble_lightrail_detailcallout.png) Another example is this one by [Daniel Thomas](https://dribbble.com/shots/3716484-Unomaly-Customer-Deck) : ![customerdeck](https://cdn.dribbble.com/users/241106/screenshots/3716484/artboard_6_copy_2.png) ![customerdeck](https://cdn.dribbble.com/users/241106/screenshots/3725451/artboard_6_copy_4.png) ![salesdeck](https://cdn.dribbble.com/users/77765/screenshots/5619199/sales-deck-light.png) by [Metro](https://dribbble.com/shots/5619199-Sales-Deck/attachments/1214470) Another example is this one by Brella: ![salesdeck](https://cdn.dribbble.com/users/310450/screenshots/6131847/attachments/1315144/01cff177118547.5c7e69a751eb5.jpg) ![salesdeck](https://cdn.dribbble.com/users/310450/screenshots/6126488/attachments/1313951/brella-deck-grid.jpg) by [Katya Kovalenko](https://dribbble.com/kkovalenko22/projects/1102553-Brella-Sales-Deck) ![salesdeck](https://cdn.dribbble.com/users/30951/screenshots/3677427/shot-1.jpg) by [Jan Losert](https://dribbble.com/shots/3677427-Filli-Product-Deck) Here are some great tips on **how to do an effective sales deck presentation**: - Focus first on the benefits of your product / service and nothing else. - Always have the audience in mind. This means that you must understand who your customer is and what problems they care about. - Show testimonials. Let the results speak for themselves. - Focus at the end on the features. - Ask for a call to action: Your phone number, website, or email so that users can contact you. ## 2. Case study presentation design Another popular way to convey information is to send a case study to your customers. ![casestudy](https://cdn.dribbble.com/users/1023572/screenshots/5363877/krematoorium_4x.jpg) by [NOPE Creative](https://dribbble.com/shots/5363877-Presenting-a-case-study) Here are some of the best practices on how to do a great **case study presentation**: - Show to your customer you understand their problems really well. Some questions you may include are: Why is the problem important? Why does it matter? Why are we uniquely positioned to solve it? - Show what steps you took to come up to the solution: Which questions did you ask yourself? What choices did you have to make to come up to the solution? What was your decision process like? - Show them what the final solution looks like. How does it to actionable benefits for that particular customer you helped? Any numbers to share? ## 3. Brand guide presentation What's the difference between a coffee you buy off the street and a $7 Starbucks: Perceived value! Especially for designers making logos or packaging which can be abstract, a great way to increase perceived value of your work is to present it well, such as doing a brand guide by placing the logo on mockups or explaining your thought-process. ![presentationshowoffwork](https://mir-s3-cdn-cf.behance.net/project_modules/max_3840/f8ce2575344741.5c49d95430404.png) by [Alina Keehl](https://www.behance.net/gallery/75344741/Branding-Logo-Web-Design-QUICK-PRESENTATION) ![brandguidepresentation](https://cdn.dribbble.com/users/602780/screenshots/2700150/typography-101-dribbble-600.png) by [Andréa Crofts](https://dribbble.com/shots/2700150-Web-Typography-101-Find-Your-Type) Some of the best practices to make a killing brand guide presentation: - Place the logo on mockups - Show the use cases of the logo - Show to the customer what was your thought process like ## 4. Ebook excerpt presentation Another unique type of presentation is to do an ebook excerpt, showing a preview of the content of your ebook which you can then sell more effectively. ![ebookpresentation](https://cdn.dribbble.com/users/1356973/screenshots/3902945/talkspace-3.png) by [Lightboard](https://dribbble.com/shots/3902945-eBook-Excerpt) Some best practices to do an **ebook excerpt presentation**: - Show which chapters you will be covering - Use illustrations ## 5. Pitch deck presentation ![slidedeckdesdign](https://cdn.dribbble.com/users/139604/screenshots/3021603/slide-deck.png) by [Nguyen Le](https://dribbble.com/shots/3021603-Slide-Deck) ![pitchdeck](https://cdn.dribbble.com/users/930637/screenshots/6188801/frame_4x.png) ![pitchdeck](https://cdn.dribbble.com/users/930637/screenshots/6183870/frame_4x.png) by [Eugen Eşanu](https://dribbble.com/shots/6188801-Alpha-Reports-Presentation) ![pitchdeck](https://cdn.dribbble.com/users/52100/screenshots/3231338/pushdeck_dribbble.jpg) by [Brian Athey](https://dribbble.com/shots/3231338-Pitch-Deck) Some tips on how to do a **great pitch deck presentation design**: - Show who your team is - Focus on showing what problem you solve, and your solutions and benefits - Include a lot of pictures from your product ## 6. Coaching / workshop presentation A great way to gain customers is also to **show you are an authority in that field**. When people think of you as a thought leader of an industry, they want to learn more and you become a content creator. ![coachingpresentation](https://cdn.dribbble.com/users/446075/screenshots/3741619/attachments/840623/elp_design_workshops_dribbble-3.jpg) By [El Passion](https://dribbble.com/shots/3741619-EL-Passion-Design-Workshops-presentation) ![coachingpresentation](https://cdn.dribbble.com/users/248200/screenshots/5425850/social_media_4x.png) by [James Frewin](https://dribbble.com/shots/5425850-How-To-10X-Your-Startup-s-Social-Media-Growth) ![coachingpresentation](https://cdn.dribbble.com/users/237483/screenshots/3355500/neuroscience.png) by [Christopher Reath](https://dribbble.com/shots/3355500-Neuroscience-baby) Here are some tips to nail your **coaching presentation**: - Include agenda of presentation - Include deliverables: What you will achieve or what you request from your audience - Show your past results / performance ## 7. Employee onboarding presentation ![employeeonboardingpresentation](https://cdn.dribbble.com/users/930637/screenshots/6125386/frame_4x.png) Here is **how to do a great employee onboarding presentation**: - Explain them what your company is about: Mission, vision, values - ... but make it genuine: Come up with values that made sense for the company as a whole. - Explain them what's in it for them: That's what employees will care about. It's not about you, it's about them. - Show them rules / regulations. ## Further resources and tips: 1. Use tools such as Slideshare to spread the content of your presentation easily 2. It's all about content and value first, then design second. 3. Tell a story. The core idea of a presentation is to keep the user wanting to know more about you and that there is a "What's next" in his mind. Focus on telling a story and most presentation. 4. Make it short. Unless it is a case study, people attention fades away after a few slides. If you need to include more resources add a last slide with "Want to learn more?" 5. Focus on improving your speaking skills : There are countless videos on YouTube about this but it is mostly about: Speaking clearly, not using jargon, making pauses, using repetition. 6. When sending a deck (to investors, clients) always send it in PDF format (or via a link) so that they can visualise it from anywhere.
1
2