SoftCraft Web Design Studio

SoftCraft Web Design Studio

Website Design, Logo Design, Graphic Design, CMS, SEO

SoftCraft Web Design Studio RSS Feed
 
 
 
 

Posts tagged business site

5 Advanced Social Media Marketing Strategies for Small Businesses

Samir Balwani is an emerging technology strategist at Morpheus Media, a firm specializing in Social Marketing, SEM, and SEO. You can follow him on Twitter @leftthebox and get his newsletter.Social media marketing and the businesses that utilize it have become more sophisticated. More small businesses are beginning to understand how to best leverage online tools to build a community and recognize that engagement and interaction are the foundations of social marketing, but most don’t know what’s next.What follows are five advanced strategies for small businesses that may already have small online communities and understand how to create an online presence, but don’t know what to do next.What Is An Advanced Strategy?The definition of an advanced social strategy is a technique that goes beyond the normal social media presence. It introduces or reinforces a marketing message while pushing a user to another profile or business site. Before moving forward with an advanced strategy, it’s important that your business understands social marketing, has experience engaging consumers, and that you possess a basic understanding of online marketing.Strategy 1: Multimedia UsageThe term “A picture is worth a thousand words” has never been truer. Consumers are now using the web to look for product pictures and videos; they want more information and want to see what they’re considering buying. The good news is that it’s easy for a company to create and publish videos and pictures.In addition to taking photos of products, you can also take pictures at office events as a way to highlight company culture. This not only helps convince others to work with you or to buy from you (consumers see that you are down to earth and one of them, instead of a stuffy company), it also helps your HR department recruit new employees. Who doesn’t want to work for a company that celebrates birthdays and has a good time?Videos are useful for explaining complex how-tos or concepts. Showing step by step directions can have a greater impact than even the most well written article. Businesses don’t have to invest huge sums of money to create good videos, either. I highly recommend the relatively cheap Flip camcorder, which takes great videos and is easy for even a non-technical marketer to use.Multimedia can break down the faceless business-to-consumer sales flow and make your company appear friendlier. Use videos and images to show that your business is fun, you care about your employees, and most importantly, that you care about your customers. Example: WorldMusicSupply.comWorldMusicSupply.com, an online retailer of musical instruments and accessories, has used YouTube to build a strong online community. Their channel has built over 7,000 subscribers and has over 260,000 views.Strategy 2: Integrate Offline and Online AdvertisingMany small businesses do some sort of offline advertising, whether it be radio, print, or cable. Social marketing allows a business to extend their offline sales pitch.Including your Facebook Page or blog URL in offline ads act as social proof, inviting potential consumers to see your community and increase trust in your business. Not only can integrating online and offline advertising help the conversion process, but it can also help build your community. Introducing potential consumers to your social profiles means they may join your community now and buy later.Strategy 3: Message AdaptationAs businesses start to become more sophisticated with social media they are starting to leverage more online platforms. However, most deliver the same message over multiple platforms instead of tailoring communications for each individual site.Social platforms each have an ecosystem of their own. What might be acceptable on Tumblr might be considered spam on Facebook. A specific style of writing might spread on Twitter but fail on FriendFeed. Understanding that each site is different and then customizing your message ensures they do well on each respective site.Not only does customizing messages across sites help the message spread but it keeps users from receiving multiple identical communications. Be sure to maximize your potential by sending a user that follows the business on Twitter and Facebook two different messages, instead of the same thing.Strategy 4: Local Social Networks, Beyond YelpFor a small business, local search can be a big win. Being visible to consumers looking for a business in their area is extremely important. Make sure your site is included in local business directories in order to help ensure that consumers find you when they need you. Sometimes finding that many sites can be difficult, however. First, make sure you check your competitors. Where are they listed? Check their inbound links to check for business directories you can add yourself to. Also, make sure your business has been added to Google Maps, using the Local Business Center.Take the time to include all the information you can and update any old news. For many consumers, this will be their first interaction with the business.Example: Bella Napoli in New YorkBella Napoli is a small pizzeria in New York that has done a great job of making sure they appear in as many local searches as possible.Strategy 5: Contests and DiscountsBuilding a community is only the first part of social marketing. Using that community to drive sales, propagate marketing, or crowdsource operations is the true power of social media. One way to excite the community is to collectively do something to create a contest or offer an exclusive discount (i.e., the contest can create competition between users). Not only does a contest build buzz organically but if contestants need to, for example, publish an article that gets the most comments in order to win, the contest itself becomes viral.A good social media contest should include some sort of sharing or virality as a requirement for winning.Discounts are also a great way to connect with your community. By giving exclusive coupons to your social community, you’re rewarding and reminding them that you are not only a brand to engage with, but also to buy from.Example: NetFirms.comNetFirms.com decided to make it easier to register a domain by allowing people to do it via Twitter. Those who participated or spread the word by tweeting, were also entered into a prize drawing.ConclusionCreating a basic social media presence is easy enough, getting your community to actually do something is more difficult. Taking advantage of these strategies can help you build your community, make your marketing more effective, and incentivize buying.More business resources from Mashable:- Top 5 Business Blogging Mistakes and How to Avoid Them- 4 Ways Social Media is Changing Business- 6 Must-Follow Steps for Selling in Any Economy- 5 Easy Social Media Wins for Your Small Business- HOW TO: Use Twitter Hashtags for BusinessImage courtesy of iStockphoto, cmcderm1Reviews: Facebook, FriendFeed, Google Maps, Tumblr, Twitter, YouTube, iStockphotoTags: business, community, Lists, MARKETING, small business, social media, strategy
 5 Advanced Social Media Marketing Strategies for Small Businesses

Tags: , ,

In choosing a CMS 40 Great CMS Theming Tutorials

 In choosing a CMS  40  Great CMS Theming Tutorials

 In choosing a CMS  40  Great CMS Theming Tutorials

In choosing a CMS, one thing you should consider is the theming or templating process. While some CMSs have very simple and easy-to-use theming systems, others can be a real bear to use.Below are tutorials for some of the more popular CMSs out there. Some have tons of tutorials available (WordPress, Drupal, Concrete5) while others have limited documentation outside of the official site (Magnolia, Umbraco, TYPOlight). Some CMSs we’d planned to feature had little readily-available theming documentation and were left off the list entirely. In any case, whatever CMS you choose should have reliable, easy-to-understand instructions for creating custom themes, either in the official documentation or easily available within the developer community.CMS Made SimpleCMS Made Simple is an open source CMS built in PHP.Getting Started: TemplatesThis page from CMSMS’s documentation covers all the basics for creating your own templates. It also includes information on customizing the default templates.
CMS Theming Tutorials

3 ways to plug a custom CSS stylesheet in CMSMSThis tutorial shows three different ways to use custom CSS with CMS Made Simple. Methods included are using metadata in global admin settings, directly in the website templates, and using the native stylesheet mechanism of CMSMS.
CMS Theming Tutorials

Concrete5Concrete5 is an open-source CMS released under the MIT software license.Tutorial: Making a template for concrete5This tutorial shows how to adapt a regular HTML template for use with Concrete5. The tutorial is illustrated and very simple to follow, with all the code you need included.
CMS Theming Tutorials

Concrete5—Create your own themeThis multi-part tutorial shows you exactly how to create your own template for Concrete5. It covers the elements of a theme, the HTML structure, and more.
CMS Theming Tutorials

Understanding and Building Themes in ConcreteThis is the official theming documentation for Concrete5 and includes both a basic introduction to themes and links to more advanced topics.
CMS Theming Tutorials

CushyCMSCushyCMS is a free, hosted CMS option.How to Build a Maintainable Site using CushyCMS and TwitterWhile this tutorial covers a lot more than just theming, that’s what it starts with. And it does a great job of showing how to create a theme for CushyCMS, with very easy-to-follow instructions.
CMS Theming Tutorials

CushyCMS Designer DocumentationThis is the official documentation for designers. It includes everything you’d want to know about designing or customizing themes for use with CushyCMS. Topics covered include overriding content types, using Cushy with dynamic languages, XML elements and more.
CMS Theming Tutorials

DotNetNukeDotNetNuke is an open-source CMS for ASP.NET.Creating your first DotNetNuke SkinThis is a very basic tutorial on how to create a skin for DotNetNuke. It’s a good starting point for learning to create skins, though it doesn’t really result in an end-product many people would want to use.
CMS Theming Tutorials

Creating a Skin TemplateThis is a thorough template on creating a skin that’s part of a series on creating websites in DotNetNuke. It includes tons of information on skin design and implementation. Additional tutorials after this one provide more in depth information on skinning and are linked at the bottom of this page.
CMS Theming Tutorials

How to Create a Pure CSS Skin in DotNetNukeThis is a 9-part video tutorial on how to create CSS-based skins for DotNetNuke. It’s very complete and based on the Simple Red Leaf layout available from DNN Creative Magazine.
CMS Theming Tutorials

DrupalDrupal is a free, open-source, PHP-based CMS.Theming GuideThis is the theming guide available in the Drupal documentation. It covers everything you’d want to know about building Drupal themes, including information for both Drupal 5 and 6. Best practices and information on how to contribute themes are also included.
CMS Theming Tutorials

Create a Killer Band Site With Drupal: A 6-part Tutorial Series
This tutorial is specific to band-sites, but the information it contains could easily be applied to other types of sites. It covers everything from designing the site in Illustrator to Drupal theming and admin. And it gives plenty of examples of similar sites running on Drupal.
CMS Theming Tutorials

How to Make a Drupal ThemeThis is a very simple but complete tutorial on how to create your own Drupal themes. It covers theme building based on the PHPtemplate theme engine and Drupal 6. It also covers the different files included in a Drupal theme and what each one does.
CMS Theming Tutorials

From PSD to Drupal Theme TutorialPart 1, Part 2, Part 3This multi-part tutorial covers everything you need to know to convert a PSD file into a Drupal theme. It’s another very complete tutorial that includes all the code you’ll need.
CMS Theming Tutorials

ExpressionEngineExpressionEngine is a PHP and MySQL-based CMS.Dissecting the Default TemplatesThis page gives a complete run-down of how templates in ExpressionEngine work. It covers everything from category headings and parameters to variables to RSS and mailing lists. It’s a good starting point for anyone interested in developing EE templates.
CMS Theming Tutorials

Introduction to Templates TutorialThis video tutorial covers the basics of ExpressionEngine templates. It’s another good place to start if you want to design EE templates.
CMS Theming Tutorials

Building a Small Business SiteThis series of tutorials covers the complete setup of a website in ExpressionEngine. It includes a few tutorials specifically on how to work with templates, though, all of which are worth a look.
CMS Theming Tutorials

Joomla!Joomla! is a PHP-based, free CMS.Creating a W3C Valid Joomla TemplateThis tutorial shows how to create a CSS-based Joomla theme that’s completely standards-compliant and accessible. The end result is a basic, 3-column theme that can be adapted to different needs.
CMS Theming Tutorials

5 Easy Steps Converting HTML Template to Joomla TemplateHere’s a five-step tutorial for turning just about any HTML template into a Joomla theme. The starting template should be (X)HTML and CSS-based and standards-compliant. This is really a very simple process and the tutorial outlines the steps very well.
CMS Theming Tutorials

How to Create Your First Joomla TemplateThis tutorial covers all the basics to creating a Joomla template, specifically geared to someone with no Joomla templating experience. It’s highly illustrated, making it really easy to follow. It’s also one of the most extensive Joomla theme tutorials out there.
CMS Theming Tutorials

How to make a Joomla themeThis is a very basic tutorial covering creating your own simple Joomla theme. It consists of only ten steps and provides sample code.
CMS Theming Tutorials

MagnoliaMagnolia is an enterprise-level CMS built on the Java platform. There is a free, open-source edition available.Templating GuideThis is the templating tutorial from Magnolia’s official documentation. It covers the basics of creating a simple template.
CMS Theming Tutorials

MODxMODx is an open-source “application framework” built on PHP.Beginner’s Guide to MODx: Creating the TemplateThis tutorial is from the MODx wiki and covers all the basics of theming with MODx. It includes all the sample code you’ll need and is broken down in easy-to-understand sections.
CMS Theming Tutorials

Theming MODxHere’s another wiki-based tutorial for creating MODx themes. Sample code is included, though this tutorial doesn’t seem to be quite as complete as the one in the official documentation.
CMS Theming Tutorials

Building a Website with MODx for Newbies—Part 3: Working with TemplatesThis tutorial gives thorough instructions for customizing an existing template to work with MODx. Additional tutorials in the series get into more detailed customizations and other aspects of working with MODx.
CMS Theming Tutorials

PlonePlone is a free, open-source CMS.Creating a new theme for Plone: a real-world exampleThis is a very complete tutorial that covers all aspects of building a Plone theme from a Photoshop mockup. It shows how to do everything from creating the basic foundation for the theme to styling the individual elements.
CMS Theming Tutorials

Creating a Custom Theme for PloneThis is another incredibly detailed tutorial for creating Plone themes. It covers everything from creating custom CSS to overriding visual elements.
CMS Theming Tutorials

Radiant CMSRadiant is a free Ruby On Rails CMS.Radiant CMSThis tutorial covers the basics of working with Radiant, including how the pages are set up and how to design around the basic page structure. It shows the basic divs used and how theme and template files are generally set up.
CMS Theming Tutorials

SilverStripeSilverStripe is built on the open source Sapphire development framework.Developing ThemesThis is the theme development guide right from the SilverStripe Documentation. It’s a great place to start, as it explains all the basics of how SilverStripe themes are structured and the core files required.
CMS Theming Tutorials

Tutorial for SilverStripeThis is a tutorial for creating a very basic SilverStripe theme. It includes three steps. In the end, you get a framework that allows for quick and easy theme development without compromising the capabilities of SilverStripe.
CMS Theming Tutorials

Building a Theme from a Static TemplateHere’s a tutorial that covers how to adapt just about any website template to work as a SilverStripe theme. It includes a sample template to work with (both the starting files and the completed ones). It also includes documentation for working with other templates in case you’d prefer to start with something different.
CMS Theming Tutorials

Tutorial: Building a Basic SiteThis is the tutorial in SilverStripe’s official documentation. It covers building templates in addition to other basic functionality of the CMS.
CMS Theming Tutorials

TextpatternTextpattern is an open source CMS built on PHP and MySQL.Your First Textpattern ThemeThis is an 8-part tutorial on creating a Textpattern theme, specifically geared at beginners. It covers forms, pages, excerpts, secondary pages and forms, and tags, among other things. It’s very complete and easy to understand.
CMS Theming Tutorials

Page (Template) Related TagsThis page gives a complete overview of the tags used in building page templates (as opposed to form templates) for Textpattern. It’s a must-have resource for anyone building Textpattern templates.
CMS Theming Tutorials

TYPO3TYPO3 is a GPL-licensed CMS built with PHP.Creating TYPO3 TemplatesThis is a very detailed tutorial from ThemesWiki that thoroughly explains how to create templates for TYPO3. It covers the elements of a template, objects and properties, using TypoScript, integrating design templates, using the auto parser template and more.
CMS Theming Tutorials

TYPO3 Template Design GuideThis is a rather short article on creating maintainable sites and templates in TYPO3. It includes hints for using TemplaVoila, too.
CMS Theming Tutorials

Futuristic Template Building TutorialHere’s a very in-depth tutorial on creating TYPO3 templates. It includes sections covering integration of an HTML page template with TemplaVoila, creating additional page templates, “flexible content elements,” and information on TypoScript.
CMS Theming Tutorials

TYPOlightTYPOlight is a free, PHP-based CMS that uses Ajax and other “Web 2.0″ technologies.Tutorials: Creating Custom TemplatesThis tutorial is from the TYPOlight documentation and covers all the basics of creating your own layouts. Topics included are creating basic modules, importing style sheets, creating page layouts and the site structure, adding content, and previewing and modifying your templates. You can also watch the tutorial as a narrated screencast.
CMS Theming Tutorials

UmbracoUmbraco is an open source CMS built on ASP.NET.Understanding Templates & StylesheetsThis article from the official documentation offers the basics of how Umbraco builds pages and using templates. It’s a perfect starting point for learning how to build templates for Umbraco.
CMS Theming Tutorials

WordPressWordPress is a free blogging platform that can be modified to be used as a CMS.So you want to create WordPress themes huh?This is one of the most complete WP theme-building tutorials out there. It consists of 25 separate lessons and covers how the WP templating system works, The Loop, post meta data, search forms, calendars, comment templates and pretty much everything else about themes in WP. If you want to build a theme completely from scratch, this is the tutorial to show you how.
CMS Theming Tutorials

How to create a simple WordPress themeThis tutorial gives instructions for creating a basic, simple WP theme that includes the header.php, index.php, sidebar.php and footer.php template files, in addition to the style sheet. It’s very simple and straight-forward, but a great place to start if you’re new to building WP themes. The basic steps can easily be adapted to building more complex themes.
CMS Theming Tutorials

How To Create a WordPress Theme: The Ultimate WordPress Theme TutorialHere’s another very complete tutorial, offering up 11 lessons on how to create a WP theme. It focuses on creating a theme with good SEO, valid and logical semantic markup, separated trackbacks and comments, two widget areas, and all the basics you’d expect from a WP theme. The lessons are ordered logically and include theme development tools and information about the WP template and directory structure.
CMS Theming Tutorials

How to convert any web template into a WordPress themeSometimes you don’t want to design a theme from scratch. Maybe you’ve found the perfect theme (or designed one), but it’s just a regular web template, not a WP theme. This tutorial will show you how to convert that web template into a WP theme without too much trouble. It also includes a link to a video tutorial showing how one template was converted.
CMS Theming Tutorials

How to Create a WordPress Theme from ScratchThis tutorial shows how to take a basic HTML/CSS template and convert it to a WP theme. It’s incredibly complete, covering every aspect of WP theming. It also explains how themes are structured and how to create the core theme files.
CMS Theming Tutorials

cameronchapman 80x80 In choosing a CMS  40  Great CMS Theming Tutorials

Author: Cameron ChapmanCameron Chapman is a writer, blogger, copyeditor, and social media addict. She’s been designing for more than six years and writing her whole life. If you*d like to connect with her, you can follow her on Twitter or at her Personal Website.Write for Us! We are looking for exciting and creative articles, if you want to contribute, just send us an email.
 In choosing a CMS  40  Great CMS Theming Tutorials

 In choosing a CMS  40  Great CMS Theming Tutorials

 In choosing a CMS  40  Great CMS Theming Tutorials

 In choosing a CMS  40  Great CMS Theming Tutorials

 In choosing a CMS  40  Great CMS Theming Tutorials

Tags: , , , ,

45 Incredibly Useful Web Design Checklists and Questionnaires

smashing magazine advertisement 45 Incredibly Useful Web Design Checklists and Questionnaires

 45 Incredibly Useful Web Design Checklists and Questionnaires

 
 45 Incredibly Useful Web Design Checklists and Questionnaires

Designing websites can be a long and complicated process. Dealing with clients, designing prototypes, coding, programming, and testing – there’s a lot to keep track of and a lot to make sure gets done.That’s where checklists can make your life a whole lot easier. With lists of points covering multiple areas from content to usability to accessibility to standards, you’re a lot less likely to overlook important parts of a site. Below are 45 checklists to make your design process easier and more organized. Consider using these checklists as a jumping off point for creating your own customized list, based on your own needs.Also consider our previous articles:15 Essential Checks Before Launching Your Website lists some important things to check before you make your sites public.10 Designer’s Checkpoints To Be Aware Of offers a list of things every designers should know about their sites.1. Client-Focused Checklists and QuestionnairesThese questionnaires and checklists are focused on making your relationships with your clients better. Use these to gather information from your clients or prospects at the beginning of each project so that everyone is on the same page.How to Extract the Facts with a Web Design Client Questionnaire
This questionnaire from Freelance Switch is meant to send out to prospective clients to get a good idea of what they’re looking for from a website. It can save you valuable time and allow you to create more accurate proposals.
Screenshot

Design checklist: What clients should provide their designer
A checklist of things that clients should provide their designer at the outset. To follow this list will ensure the client and designer are dealing professionally as well as creating an efficient workflow.Comprehensive Web Design Checklist
This is another client-focused questionnaire. It’s aimed at getting clients to really think about what they need and want from a website.How I Approach Logo Design – A Checklist
Learn how to figure out what the client wants to have in a new logo, what his objectives are and where the logo will be used. Also check 4 Critical Logo Design Details You May Be Forgetting About.
Screenshot

Client Questionnaire for Web Developers
This questionnaire is very short and basic but covers the important points: audience, content, and communication.Step-By-Step Website Development – Check List
To help you make your plan, here is a simplified checklist for the development and design of a website ($ indicates potential additional fees that may be incurred).Project Planning Website Checklist
This website check list is a high-level check list of activities to include in your project plan. A successful web development requires attention to several strands of activity, an in particular the organization of information and changes in origanization and business processes.2. Pre-Launch ChecklistsThis checklist deals less with the planning and initial stages of website design and focus on the things you need to make sure are complete prior to launching a new site. Every designer should have a pre-launch checklist to make sure they’ve completed everything on a site that they need to.The Ultimate Website Launch Checklist
This is a comprehensive checklist of things to check pre-launch that includes things like content, style, validation, seo, and security points. Created by Dan Zambonini. The pdf-version is available as well and so is the French translation. The checklist is a very useful reference that may help you in your daily projects and will help you to prevent errors and mistake once the site is released.
Ultimate Check List

Blogger’s Checklist Before Hitting The Publish Button
How many times have we hit publish on a blog and then realized we forgot to do something crucial, whether it is changing post slugs or a crucial spell check. Here is a quick checklist of what you should do before you hit publish.3. General Web Design ChecklistsThe checklists in this category are general-purpose; they cover a wide variety of web design areas. This is a good place to start if you’re not sure what a checklist should include or what you need to remember when designing sites. But don’t mistake these for beginners’ resources; most of them are quite comprehensive.Web Standards Checklist
This checklists covers pretty much every aspect of building a standards-compliant website, from accessibility to basic usability to site management. It’s very complete and well-organized.
Screenshot

Typographic Rules Checklist (PDF)
Another useful typographic checklist that contains not only some general typographic rules, heuristics and guidelines, but also reminders for typography in your projects.Typography Checklist (PDF)
Compiled by Jason DewinetzIf, this list contains some useful typographic checks that you may want to consider for before launching your next project or printing your next brochure or book.
Screenshot

Essential Navigation Checklist for Web Design
These checklists pull together best practice in the disciplines of information design, usability and accessibility, into an easy to apply format. If you are already familiar with those topics, the checklists serve as a handy reminder that is easy to refer to and apply when planning navigation.Checklist for usable forms
This checklist is for HTML forms along with links to a few articles that are very helpful. Check also Brian Crescimanno’s article Sensible Forms: A Form Usability Checklist.GUI Screen Design Checklist
This checklist covers various common problems, issues and errors that appear frequently in graphical user interfaces. Also check the legendary GUI Testing Checklist.
Screenshot

Web Accessibility Checklist (also available as printable PDF and in German)
This checklist, compiled by Aaron Cannon, contains over 35 checks that will help you to improve the accessibility of your web-site. Another accessibility checklist.Checklist To Improve Your Site’s Speed and Performance
Users have short attention spans and are generally not willing to wait for a bloated Web site to load. Take advantage of these tips, tools and resources, and you’ll have a much better time capturing visitors’ attention. This article presents over 50 speed optimization tips to consider before launching your web-site.The Ultimate Testing Checklist
Testing plays a critical role in the development of your web site and its long-term maintenance. While smaller web sites—especially those with more limited budgets—may not need to follow the formal testing procedures that are required for large-scale, commercial web sites, every site needs to be thoroughly tested to ensure that it’s error-free, user-friendly, accessible, and standards compliant. This checklist will help you test your site both during development, and after. Download this checklist, along with others covering SEO and content management. Sitepoint also offers 101 Essential Checklists (printable .PDFs, for 29.95$+ per PDF).
Screenshot

50 Questions to Evaluate the Quality of Your Website
This 50 questions long questionnaire might trigger something here and there for some of you or maybe brings some forgotten item from the long to-do list back into your mind.Content Quality Checklist
In my experience, a common misperception of the evaluation of content quality is that its scope is limited to the correction of typos and grammatical errors. To truly consider content quality, we need to examine its quality along several dimensions. Consequently, the content quality checklists that follow cover everything from usefulness to voice to accuracy.CSS Crib Sheet
While not a traditional checklist, this article does offer a pretty complete list of things you need to double-check in your CSS.
Screenshot

Beginner*s Checklist Before Debugging CSS
This article shares common pattern of mistakes that designers tend to make in practice. Although the following examples may be stating the obvious, it seems most beginners make these mistakes quite frequently.Ruby On Rails Code Quality Checklist
Ruby and Ruby on Rails is often considered to be one of the most difficult language/framework combinations to truly master. You may want to give this checklist to your coding teams so they can sign off on for each of their projects. Also check Launching Ruby on Rails projects, a checklist.Checklist for Securing PHP Configuration
The Apache/PHP/MySQL stack is immensely popular for web application development. Its components are powerful, versatile and Free. Unfortunately however, PHP comes with a default configuration that is not suitable for production mode, and may cause developers to use insecure techniques during the development phase. Inside is a check list of settings that are intended to harden the default PHP installation.4. Usability ChecklistsUsability is the single most important part of web design. If the sites you design aren’t user-friendly, if they don’t work as expected, and if they confuse visitors, there’s really no point in even designing them—they won’t get used. The checklists below can help ensure your sites are usable by the vast majority of visitors.Web Design Best Practices Checklist
This Web Design Best Practices Checklist from terrymorris.net covers a wide variety of usability points, including page layout, browser compatibility, color and graphics use, and multimedia content. It’s very thorough, with more than 60 points to check.The Ultimate Webdesign Usability Checklist
This checklist from NotUsable offers up more than 85 points to check covering everything from images to navigation to content to forms. It’s one of the longer usability checklists out there and is incredibly complete.
Screenshot

Quick Usability Checklist
This 7-point checklist from Ux Booth covers some of the most important elements of site usability.
Quick Usability Check List

The Blog Usability Checklist
19 point checklist that should be useful to any blogger looking for a practical way to evaluate (and improve) the usability of their blog. Many of the principles here will apply to websites, as well.25-Point Website Usability Checklist
The 25-Point Website Usability Checklist offered by UserEffect covers all the basic areas in which to check your site, including accessibility, identity, navigation, and content. It’s shorter than many other checklists, but it still covers all the important items. A printable .pdf-version is available as well.
Screenshot

Everyday Usability—14-Point Checklist for Success
This checklist offers up fourteen points for making your website more usable and more effective. It covers everything from user testing ideas to link checking.Usability.Edu: 25 Incredibly Useful Usability Cheat Sheets & Checklists
A truly useful collection of usability cheat sheets and checklists for forms, blogs and more, all listed in alphabetical order. Useful!The Usability Toolkit
The Usability Toolkit is a collection of forms, checklists and other useful documents for conducting usability tests and user interviews.Key questions to ask your usability testing supplier (PDF)
This document gives you some of the key questions you should ask your usability supplier and explains what to listen for in their answers. You can use it as a checklist during invitations to tender, when interviewing usability providers or when reviewing proposal documents.Dr. Web: The Ultimate Usability Checklist (in German)
An extensive German usability-checklist writte by Stefan Nitzsche.5. Search Engine Optimization (SEO) ChecklistsCommon Sense SEO Checklist
Chris Coyier’s list of pretty straightforward things to consider when publishing SEO-optimized content on your website.
Screenshot

The Ultimate SEO Checklist
Optimizing your web site for search engines should be an integral part of your web site project, from the very beginning to the very end. Shirley Kaiser’s checklist that can be used as a guide to optimize your web site for search engines.The Beginner’s Checklist For Small Business SEO
Consider some essential SEO checks that are important for local small business sites. The following is a checklist of all the tasks that may be necessary for you to generate great results. See also The Beginner’s Checklist for Learning SEO and The Web Developer’s SEO Cheat Sheet.
Screenshot

SEO Checklist
There are “over 200 SEO factors” that Google uses to rank pages in the Google search results (SERPs). What are the search engine optimization rules? Here is the speculation – educated guesses by SEO webmasters on top webmaster forums. Should you wish to achieve a high ranking, the various confirmed and suspected Google Search Engine Optimization (SEO) Rules are listed below.6. Marketing ChecklistsViral Marketing Campaign Checklist
Once you*ve decided you*d like to create a viral marketing campaign, its easy to become too focused on the details, and miss the forest for the trees, but a good campaign is the integration of a lot of parts. Here*s a quick checklist to make sure you haven*t missed anything.
Screenshot

The Best Damn Web Marketing Checklist, Period!
Here’s an extensive checklist for verifying you’re doing everything you can to market your website from Search Engine Guide. More information is linked from the headline of each category on the list.
Screenshot

Improving Conversion Rates Checklist
If your Web site gets great traffic but no sales or sign-ups to back it up, it’s time to take a good, hard look at it. Chances are, your site is scaring off customers. Follow these tips to make your Web site more friendly to customers and encourage better conversion rates.
Screenshot

Landing Page Checklist
The landing page checklist below is unique in its scope and detail. It is designed to help you assess what you have already done and what is left to do on any given landing page.Checklists for starting your first business
If you don’t have a business of your own, or are new to starting businesses, you’re probably at a loss for some of the details of what you need to do. So let’s work them out, keeping everything as simple as possible.7. WordPress ChecklistsWordPress: The Complete Post-Install Checklist
Depending on how you’ve installed WordPress (manually or by a “one-click-install” that many hosting providers offer) – one of the very last installation steps is to choose a blog name and provide an email address. That’s where this checklist begins. More checkpoints.
Screenshot

WordPress: Blog Maintenance Checklist
If you use WordPress to run your website, at the minimum, you need to regularly check updates on such things as your theme and the plugins you are using. This WordPress-powered blog maintenance checklist is a reminder of tasks that you may need to do as well as tracker of such things as version numbers of plugins and themes.
Screenshot

WordPress: Theme Development Checklist
A list of essential checks that you should consider before releasing a theme or launching your Wordpress-powered blog. Another checklist and yet another one (incl. a printable PDF-version).
Screenshot

Moving and Upgrading Your WordPress Weblog: A 20-Point Checklist
Now, there are many types of “moves” that can be performed for a weblog. This one not only involves changing hosts but also upgrading the blog platform version. And it all has to be done at the same time. It turns out that it’s not a problem-free switch. So what about a “brute force” process for moving and upgrading your weblog? On the off chance that it’ll help someone, here it is. Check also the WordPress Upgrade Preparation Checklist.8. Ultimate Web Design Checklists149 Mortal Sins That Will Send Your Site to Web Design Hell
This checklist from Web Pages That Suck is one of the most complete checklists out there. It primarily focuses on front-end design.
Screenshot - General Web Design Checklist

The Official ‘Successful Website Checklist Challenge’
This checklist breaks down important points over six different categories: Planning, Design/Layout, Usability/Accessibility, Content, Website Optimization/Standards, and Search Engine Optimization/Marketing.
Screenshot - General Web Design Checklist

PC Limited’s Web Design Check List
This is a very comprehensive checklist that includes ten steps for planning your site designs. Steps include sizing up your competition and choosing a domain name, among others.A Solid Web Design Checklist
This checklist includes both pre- and post-launch points to verify in a variety of categories, including typography and layout, accessibility, and consistency.A Website Design & Development Project Checklist
This checklist is aimed at both designers and their clients, and offers some great starting points for creating an effective working relationship.
Screenshot

Test Your Website: A 57-Point Checklist for Maximum Usability
In addition to offering 57 points to check your site’s usability, this article also offers more resources for each of those points. A very valuable resource for creating more usable websites.About the authorCameron Chapman is a professional Web and graphic designer with over 6 years of experience. She also writes for a number of blogs, including her own, Cameron Chapman On Writing.© Cameron Chapman for Smashing Magazine, 2009. |
Permalink | Be the first to comment | Add to del.icio.us | Digg this | Stumble on StumbleUpon! | Tweet it! | Submit to Reddit | Forum Smashing Magazine
Post tags: checklists, useful

Tags: , , , , , , ,

25 Unique uses of WordPress as CMS

 25 Unique uses of WordPress as CMS
 25 Unique uses of WordPress as CMS

WordPress is often thought of as little more than a blogging platform. But it’s capable of so much more. Through a little customization and the use of plugins, WordPress can easily be transformed into a full-featured content management system. Here are more than 25 sites who have done just that (and done it well).

This is the second article in the four-part series, “The Comprehensive Guide for a Powerful CMS using WordPress“.


UGSMAG

UGSMAG is a Canadian hip hop magazine. The home page is laid out in a grid, with featured articles along the left two columns and news on the right. The color scheme and design choices reflect the young, independent audience they attract. The lack of a category list (other than the top nav, which simply lists “News,” “Features,” and “Interviews”) and archives lend the page to looking more like a traditional news or magazine website than a blog.

UGSMAG screenshot

Subtle changes to individual article pages, such as removing the category labels, the use of a drop cap initial character, and moving the date from it’s usual blog-centric location under the title to the upper-right hand corner of the page all also contribute to the site looking more like a magazine and less like your standard blog.

The Weather Pops

The Weather Pops are a group of weather-related characters available for licensing. The site is simple and straightforward, and an excellent example of how WordPress can be used to build a simple yet powerful website. The pages included on the site offer great examples of how you can incorporate a gallery, contact form, and standard pages into a WP site.

The Weather Pops screenshot

The integration of plugins, such as the NextGEN Gallery plugin used on the gallery page, further improves the functionality of the site. Unless you looked at the code of the site, it’s unlikely anyone would have any idea this site was built using WP.

Temple Bar TradFest

The Temple Bar TradFest is an Irish music and culture festival held each year. The home page of this site bears absolutely no resemblance to a blog. The same can be said for internal pages, too. Individual pages within the site have no date or timestamp, no category or other tags, and otherwise look nothing like a traditional blog post.

Temple Bar TradFest screenshot

Good use of plugins for the gallery and other pages further improves the functionality of this WP installation. This is another site where your average visitor would have no clue it was built on WP unless they checked the source code.

Table Talk

Table Talk is an online store selling dining furniture, tableware, and similar products. The home page features a product gallery with rotating images and the product pages show products laid out in a grid format. The site was built using the WP e-Commerce plugin for the online store functionality. E-commerce plugins greatly increase WP’s ability to be used as a CMS for virtually any kind of site.

Table Talk screenshot

Pages within the Table Talk site are set up without comments, date and time stamps, and categories. Categories are used for products, instead.

TP Hire

TPs is a teepee rental company serving Sussex and South East England. This site is actually a great example of using WordPress as a CMS. In addition to the standard pages found on most business sites (news, information, about us, etc.), there’s also a really great gallery page that uses the Lightbox formatting for viewing larger images and the option to view images in a slideshow. The layout of the events page is also an excellent example of how pages can be thoroughly customized within WP to suit the needs of the individual site.

TP Hire screenshot

The Art of Catalin Bridinel

The Art of Catalin Bridinel is your basic portfolio site. This site is a bit more blog-ish than most of the others here, but still offers up a good example of how to use WordPress for something other than your traditional blog. Paintings are listed in blog posts, with a large image appearing immediately under the title and a brief description under that. Comments are enabled here, unlike on many other CMS sites. The overall design, lack of sidebars, and other stylistic elements make this look more like a traditional portfolio site than a blog.

The Art of Catalin Bridinel screenshot

Search Inside Video

Search Inside Video is a service that provides searchable transcripts for online video content. Their site is one of the more innovative uses of WordPress as a CMS that I’ve seen. The overall site design is very simple, basically consisting of one long page with anchor tags for different content. Not exactly a revolutionary idea. But the implementation of it is very slick. It’s a great example of thinking outside the box in using WP as a CMS.

Search Inside Video screenshot

P2P Rescue

P2P Rescue is a non-profit organization working to help Sri Lanka and other Southeast Asian countries. The home page offers up basic information and articles about the organization and their cause. The overall site architecture is very simple, but again, bears little resemblance to a regular WP blog. Use of plugins for allowing donations to be made through PayPal further increases WP’s base functionality. The site also includes an online store powered by WP e-Commerce. Other pages include basic information about the organization and a blog (under the “Voices” section).

P2P Rescue screenshot

Myshli

Myshli is the portfolio of Danil Kryvoruchko. The home page of the site offers a gallery of designs, including a JavaScript slideshow of selected works. Individual pages on the site include galleries for each different type of work they do (web, print, etc.) along with an about page. Pages for individual projects show a variety of screenshots and images. The site also includes a blog with a different theme from the rest of the site (the main site has a black background whereas the blog has a white background).

Myshli screenshot

Little White Lies

Little White lies is a website that revolves around movies. The home page is not unlike many other news and magazine websites, offering up links to current content, including interviews and reviews of upcoming and recently released films. Category pages (such as for interviews or reviews) use a different layout than the home page, though it does make them feel a bit more blog-like.

Little White Lies screenshot

The article pages have stripped out the majority of blog-centric features, but have left in the comments section (many newspapers and magazines have added comment functionality to their articles both in and outside of blogs). The shop section on the blog appears to be the only section not powered by WordPress. Why this is is unclear, as there are some great plugins for e-commerce on WP.

KMX Karts

KMX Karts are manufacturers of recumbent trikes. The home page bears no resemblance to a blog, with the exception of the presence of a somewhat blog-like footer. The site includes a number of different kinds of page templates. There are pages for the different Kart models, pages for accessories, and pages for general company information. Each type of page, because they have their own unique functions, is slightly different from the other pages. The theme, though, is consistent throughout the site. The e-commerce aspects of the site are powered by the Shopp plugin.

KMX Karts screenshot

IconDock

IconDock sells stock icons to designers. This is one of the prettiest sites I’ve seen using WP as a CMS. The home page is simple while still offering up plenty of content and some icons for sale right on the home page. Navigation is easy, with top nav and links placed within the content (such as the “Browse Icon Library” in the main image on the home page). The e-commerce portion of the site is powered by the WP e-Commerce plugin. The product pages offer up plenty of information about individual icon sets as well as different pricing options.

IconDock screenshot

One of the coolest features on this site, though, is the drag-and-drop shopping cart (just drag an icon or set to the box on the left-hand side of the screen to add it to your cart). The box on the side shows your cart’s contents and removing an item is as simple as clicking the “x” in the corner. It’s definitely one of the slicker shopping cart UIs I’ve seen.

Ginger Restaurant

Ginger is a restaurant in South Africa. The overall site design and architecture are very simple while also being very attractive. The home page offers up basic information, including their hours and phone number. Other pages include more information about the restaurant, an online menu, and a gallery of the restaurant and their food. The gallery uses the JavaScript Thickbox functionality for displaying photos. There’s also a slideshow in the header of their offerings.

Ginger Restaurant screenshot

A couple of features that really set this site apart from similar sites, though, are their addition of links to their Facebook page and a page that lets you tell friends about Ginger. This kind of functionality is rarely seen on local business sites but should be utilized more often.

Fraai Magazine

Fraai Magazine is a free online magazine offering up creative inspiration. The site uses a the FLV Embed plugin to embed the Flash magazine into the site. (FYI: There is also a plugin available for WordPress, Page Flip Image Gallery, that allows you to create a flip-book style magazine right within WP.)

Fraai Magazine screenshot

Other pages on the site include a visual index of articles and a page listing the issues available. The overall site is very simple but it’s an effective implementation of WP and appears to work well for what they’re doing.

Ford Motor Company—Global Auto Shows

This is the site of Ford Motor Company’s global auto show coverage. This is another site where you’d never guess it was powered by WordPress if you didn’t look at the source code. The home page offers up a gallery of featured vehicles, links to the different Ford brands, and a list of recent articles. Other pages on the site include a show schedule, information on concept cars (including a gallery) and information on vehicle types. From the looks of it, there’s a lot of custom programming going on on the site, including some custom Flash modules.

Ford Motor Company Global Auto Show screenshot

Executive Warfare

This is the site for Executive Warfare, a book by David F. D’Alessandro with Michele Owens. The basic layout of the site is very simple, as is the site architecture. The home page features some basic information about the book as well as a couple of sample articles. Pages contained on the site include a sample chapter, “10 Rules”, Reviews, an “About the Authors” page, and a video page.

Executive Warfare screenshot

The site also has a blog. The page templates are all the same, though the use of images and block quotes gives them each a unique look. Overall, it’s a great site that offers up its content in a way that is both aesthetically pleasing and practical.

Cubicle Ninjas

Cubicle Ninjas is a design firm offering up web design and development, graphic design and illustration services. The overall design is bold while still being simple. Their portfolio pages are some of the best I’ve seen, offering up embedded video on some pages in addition to images of individual projects. The Cforms2 plugin (which offers great customization options) is used for their “Request a Quote” page.

Cubicle Ninjas screenshot

Camacho Cigars

This is the site of the Camacho Cigars company. The site architecture is completely un-blog-like. For example, the “Our Story” page contains subpages (”History of Camacho,” “Tobacco in Honduras,” and “Production Tour” linked with icons from the page itself. Other pages on the site include a page detailing their cigars, a “Where to Buy” page, a “Press Room” and a contact page. This is another site that does well by linking their social network profiles right from their home page.

Camacho Cigars screenshot

Alpha Multimedia Solutions, Inc.

This is the online portfolio of Alpha Multimedia Solutions. The site’s design is simple and elegant, as is the architecture and navigation. The offer up case studies for their different clients and the pages for these use a slightly different template than their other pages. The use of slideshows for each project in the header also add to the overall look of the site very nicely.

Alpha Multimedia Solutions screenshot

Gaijin Film & Sound

Gaijin Film & Sound is a film, sound and new media production and consultancy company. Their home page offers up basic information about the company, including contact information in the sidebar, a list of services, and an abbreviated list of clients.

Gaijin Film and Sound screenshot

The top nav on the site is very effective and includes links to “About,” “Portfolio,” “Production,” and other pages. Their portfolio page is one of the nicest on the site, offering up links to videos within a very aesthetically pleasing layout.

Frisk Design

Frisk Design is a web design company. Their site makes great use of pages within WP for offering up information about the company, their services, portfolio, and contact. A blog is also included, though it’s not the focus of the site. The portfolio has a very elegant layout that offers up information about each site without having to click through to individual project pages.

Frisk Design screenshot

Feedback Audio

Feedback Audio provides music production, film audio production, and live sound production services. The home page of the site offers up a great overview of the company, their services, and ongoing projects. It’s an elegant design that offers some great visual pop. The individual page templates are simple and the lack of a sidebar keeps this from looking anything like a blog.

Feedback Audio screenshot

Eye-Fi

Eye-Fi is a company that provides SD cards for digital cameras with built-in wifi for transferring photos to your computer. The site has an excellent layout that is at once visually interesting and easy to navigate. There’s no blog on the site, only pages that offer up information about the products, including where to buy and how they work. Overall, it’s an excellent example of a WP-powered site.

Eye-Fi screenshot

Earth911.com

Earth911.com is an environmental information site. The top navigation is one of the best I’ve seen, offering intelligent drop down menus that are only there when you want them to be. The overall site design is exceptional, simple while still be visually pleasing. Individual category pages are also beautifully designed, offering up basic information at the top along with articles related to the topic below. Overall, the site is one of the better designed portals I’ve seen powered by WP.

Earth911 screenshot

OriginOne

OriginOne is a clothing company that celebrates human oneness and connectedness. The site design is edgy and complex while still being very user-friendly and easy to navigate. The online store is powered by the Shopp plugin for WP. There’s no blog present on the site. Individual pages are kept simple, with the content as king. The shop itself is beautifully laid out and works well for a shop without a ton of products.

OriginOne screenshot

Sponsors

Don’t Forget to…

subscribe to our RSS-Feed and visit my twitter page : nourayehia get notified when our third post in this series will be published.

cameronchapman 80x80 25 Unique uses of WordPress as CMS

Author: Cameron Chapman

Cameron Chapman is a writer, blogger, copyeditor, and social media addict. She’s been designing for more than six years and writing her whole life. If you’d like to connect with her, you can follow her on Twitter or at her Personal Website.

Write for Us! We are looking for exciting and creative articles, if you want to contribute, just send us an email.
 25 Unique uses of WordPress as CMS 25 Unique uses of WordPress as CMS 25 Unique uses of WordPress as CMS 25 Unique uses of WordPress as CMS

 25 Unique uses of WordPress as CMS

Tags: , , , , ,

Shopping Cart

Your shopping cart is empty

Visit the shop

SoftCraft Web Design Studio

Categories

Web Design

Call now:

Skype Me™!
Call Me™!

ESTATE AGENT PRO

02.The brokers or agencies that will use the advantages of the site will actually need just a few clicks to add and customize the new offers, plus they can add unlimited amount of images and descriptions as long as they wish.

  • Estate Agent Pro

Subscribe to Newsletter

Loading...Loading...


Recent Tips

Tags