CSS-Shack. Chris-metal-plate-typo by ~Chrisdesign on deviantART. How to Make a Landing Page That C.O.N.V.E.R.T.S. - Conversion Tips and Examples. So you’ve got your marketing all set. You have paid search ads going, your pages are well optimized and generating good natural search, your Facebook ads are working, and you’re getting lots of traffic. (I know, this probably is a fantasy situation, but let’s go with it.) People are visiting your site, but for some reason, you’re not seeing your other numbers move at all. Should you throw up your hands and conclude that your marketing doesn’t work? Not yet. The first thing you might want to look at is what people do after they go through your ads. If you don’t have a good landing page, it’s like going fishing without a net: you might land a big one on your hook, but you won’t be able to drag it into the boat. You don’t want people to just visit your page. C = Clear Call to ActionO = OfferN = Narrow FocusV = VIA: Very Important AttributesE = Effective HeadlineR = Resolution-Savvy LayoutT = Tidy VisualsS = Social Proof The call to action (CTA) is what you want visitors to do: Shop Now.
AAA. 20 Powerful Infographic Design Kits. Infograpics have become so popular these days and as a result more and more high quality infographic design kits are made available to help designers. Infographics can be used very effectively to present complex data in a nice visual and powerful way. It is done using hand-picked design elements that relate to the data they represent e.g. demographic data can be effectively illustrated using small carefully colored human icons as overlay on a simplified map. Online marketers love infographics for their ability to go viral on social networks and often they are offered as easy to embed code making it fast and simple for e.g. bloggers to share them in posts… very useful value oriented way to build links and online presence.
Infograpics designs are also used commercially in information products. The huge availability of amazing infographics makes it critical to stand out and have a unique and clever design. Tips and Tricks for designing great Infographics Infographics Design Elements. How to Create Good Infographics Quickly & Cheaply. Everyone is building infographics, why not me? I actually asked myself this question the other day, and my initial answer was, "Because I have absolutely no graphic design ability at all. " Well, honestly that answer kind of pissed me off.
I'm a smart girl, I can figure this out without paying a fortune, right? Who Cares About Your Infographic? Now, no infographic post is complete without the requisite section where we talk about the "Who Cares? " factor. Here are my suggestions for building your first infographic: Is your Idea going to be too long? Create your ideas and content with these questions in mind. The Search for an Infographic Solution My search began for a web-based program that can help me.
Free or nearly freeNo annual commitmentsWeb basedEasy to use, drag and drop, and no Photoshop required I found a few that fit the criteria, and tried them out. Google Docs After doing some queries, I found that you can build a simple infographic with Google Docs. Easel.ly Infogr.am Piktochart.com. OpenDeviceLab.com - Locate, Contribute to and Sponsor an Open Device Lab (ODL) Cross Browser Testing Tool. 100+ Browsers, Mobile, Real IE.
Mobile Application Testing on Real Devices – Welcome to DeviceAnywhere from Keynote. Csste.st. Holy Grail of eCommerce Conversion Optimization - 91 Point Checklist and Infographic. Trello uses an icon font and so can you! Inspired by Github’s Octicons and a desire to clean up our kludgy icon code, I set out to convert trello.com to use an icon font. Previously, we used an image sprite method.
We used a single 750×145 pixel image that contained 6 versions of each icon (two sizes and three states). We offset each icon with CSS background-image and background-position. We also loaded a sprite at double the resolution and served it to higher DPI devices via media queries. The sprite image looked like this: Spriting is a popular and battle-tested method. They are scalable and resolution-independent. I was convinced, so I set out to do the conversion. The Tools Glyphs. Importing Glyphs into Glyphs You can copy and paste Illustrator paths directly into Glyphs. More on importing from Illustrator on the Glyphs blog.
Naming Glyphs As an example, Apple uses the PUA to show the the Apple logo character (F8FF). More on glyph names on the Glyphs blog. Hinting Hints In the end, our font looked like this: Did it work? And… Coming Soon, Under Construction & Maintenance Mode plugin for WordPress. How to Create a Great Timeline Cover Photo for Your Brand. Sep 12 2012 Facebook’s latest enhancements for both individuals and brands have changed the way to interact on the network. Besides lots of remarkable features like Timeline for brands, they also introduced Cover Photo, which is the first image a user sees after reaching the page. Cover Photo is the place where, for many, creativity begins. It is kind of a visual status update, which determines the voice and theme of the brand’s page. It is perfect to use this area for announcing new upcomings. For brands, the cover photo provides an immediate and great opportunity to convey a message in a creative way.
There is lots of creative potential for brands in the new Timeline format. Steps to Create a Great Timeline Cover Photo 1. Before you start making your cover photo, visit Facebook and see a few other brands’ cover photos that catch your eye. 2. Never save your time or money while considering the cover photo. In 99 of 100 cases, it’s the first impression that expands your community. 3. 4. 10 of the Best Wordpress Plugins You Can't Live Without. I don’t know what I would do if I didn’t have these necessary plugins for wordpress. If you want your development life to be fast and easy then you need these. 1. WordPress SEO by Yoast This is an amazing plugin for all your meta, title and SEO needs!
Download the WordPress SEO by Yoast plugin here. 2. I definitely cannot live without this plugin. Download Styles with Shortcodes Here 3. The folks at RightHere do it again! Download White Label Branding Here 4. Okay, I know this isn’t really a plugin BUT it is definitely something that you need to use, or at least try out. Click the image above or to the right for this amazing framework. 5. How can you have a top 10 list without mentioning the NextGen Gallery. Download the NextGen Gallery Plugin Here 6. Use this in conjunction with the Nextgen gallery and you’ll have some amazing tools at your disposal. Here’s the Pretty Photo PluginHere’s the Fancy Box Plugin 7. Looking for some cross-linking? Download SEO Smart Links Here 8. 9. 10. Icon Search Engine | Iconfinder.
Painting angel wings in GIMP. This tutorial explains using Smudge tool to paint angle-like wings in GIMP. No filters (like Gaussian blur) are required for postprocessing, albeit you can try adjust the result. Here is the sequence of steps. 1. Create a new image of any size (for example, 580x580 pixels). 2. 3. 4. Continue to smudge until you see something like on the picture below. 5. 6. Select Smudge tool (S) again. 7. 8. Was it useful? Cropp.me | The easiest and smartest online crop tool.
How Much Should A Web Site Cost? Get an Instant Website Quote with Our Web Design Calculator Determining how much a web site should cost is one of the most frequently asked but rarely answered questions in the web design world. Even now, with millions of websites online, there exists no magic formula for calculating either the cost of a new web site or the cost of a redesign. But why not? Questions about website design cost are common online, but very few people are prepared to answer, even when it comes to professional web design prices. For this article, the WebpageFX team of professional web designers, developers, and SEO specialists have worked together to examine some of the most important factors that go into a web design quote. These include historical website development costs, as well as web design costs for different components. The data also includes current website features and design costs. It can still be a challenge to nail down a specific professional website cost.
What is the Average Website Cost in 2015? Creately. Zen Cart integration « N0T a Blog. Introduction WordPress is an extremely powerful open source blogging package. Not only it is free, it has a vibrant community of users and plug-in developers. Zen Cart is an open source shopping cart. Due to its flexible template system it is shaping up to overtake most other non-commercial carts. I use WordPress as a micro-CMS. Unfortunately, there is no fully functional WordPress shopping cart plug-in. Yes, there are several projects in development, often much friendlier than Zen Cart or OS Commerce, but also buggy and immature. Since both WordPress and Zen Cart are nicely striuctured and written in PHP, they should work together, right? If you are just looking for a good general approach / laundry list of issues to consider in a similar project, read this excellent post and download this PDF. Implemented on Zen Cart 1.3.7WordPress 2.0 The Challenge The existing integration has some important limitations: What I want: Now, this is a tall order, so I am going to relax the rules a bit: The plan.
Banner Design from $20 - Animated Web Banners. ViewLikeUs - Check Sites in Various Resolutions! IM CREATOR - Design your website. Minisite Design | Ecover Design | Minisite Graphics | Ebook Cover. OnePage - interactive contact cards. Creating a Favicon. Languages: English • 日本語 • (Add your language) A favicon (short for "favorite icon") is an icon associated with a website or webpage intended to be used when you bookmark the web page.
Web browsers use them in the URL bar, on tabs, and elsewhere to help identify a website visually. Also, it is used as application icon of mobile device. A favicon is typically a graphic 16 x 16 pixels square and is saved as favicon.ico in the root directory of your server. You can use a favicon with any WordPress site on a web server that allows access to the root directories. WordPress Version 4.3 or later WordPress Version 4.3 implemented Site Icon feature that enables favicon in your web site.
Follow the below steps to set favicon in your site. Prepare image file. Creating a Favicon A favicon can be created using any graphics/image editing software, such as GIMP, that allows the saving of .ico files. To prepare the image to be saved as favicon.ico: Installing a Favicon in WordPress. Artisteer - web design software and joomla template maker. Wufoo - HTML Form Builder - Free Contact Forms & Online Surveys.
Fast Secure Contact Form. User Experience Design. June 21, 2004 I've been practicing information architecture since 1994, and from Gopher to Google have seen dramatic changes in the landscape of organization, search and retrieval. Through these ten tempestuous years, I've found the infamous three circle diagram to be a great tool for explaining how and why we must strike a unique balance on each project between business goals and context, user needs and behavior, and the available mix of content. Figure 1. The Three Circles of Information Architecture While this diagram was conceived with IA in mind, it's equally useful for explaining UX. Facets of the User Experience When I broadened my interest from IA to UX, I found the need for a new diagram to illustrate the facets of user experience - especially to help clients understand why they must move beyond usability - and so with a little help from my friends developed the user experience honeycomb.
Figure 2. Here's how I explain each facet or quality of the user experience: Useful. A Big Hive. DONOVAN GRAPHICS HOME | THEATRE POSTER DESIGN | WEB DESIGN LONDON | PANTO THEATRE | LONDON E MARKETING | LONDON LOGO DESIGN. Widget Logic Visual. Control, limit, and restrict what webpages widgets are shown on – point and click visual display. Replaces original widget logic plugin because anyone can use it easily without knowing any code or template tags, “it just works”. UPDATE – now contains ability to visually add widget limitations or exceptions for display OR the ability to add conditional tag code (for advanced users).
You get the best of both worlds! The original Widget Logic plugin is very useful because it allows you to restrict the display of widgets to specific pages using WordPress “conditional tags”. The only problem is that non-technical people don’t know how to use conditional tags. Another Plugin by: Total Bounty Marketplace WordPress is now used by nearly 70 million websites worldwide and the majority of those website owners are non-technical people. You can select to restrict view of widgets to the homepage, specific posts or pages, tags or categories, author pages, etc. Here’s a video tutorial: Contributors. Matt Cutts and Eric Talk About What Makes a Quality Site. Eric Enge: I would like to review an example scenario with you. I often use this in my presentations on SEO. The scenario is one where a user searches on “frogs”. The first result looks promising, so they click on it, and they get something that looks like this: However, they don’t see what they want, and they return to the search results and they click on the second result.
Here is what they get: The resulting page isn’t a duplicate of the first, but the information provided is the same. The reason I use this example is I am trying to show clients that being non-duplicate is not enough, and they need to do more to expect to rank in the search results. Those other sites are not bringing additional value. Matt Cutts: That’s absolutely right. Google would seek to detect that there is no real differentiation between these results and show only one of them so we could offer users different types of sites in the other search results. It’s really the same type of issue. Does that make sense?