Freebies

Free Prestashop and WordPress E-Commerce Theme: Velvet Sky

Advertisement in Free Prestashop and WordPress E-Commerce Theme: Velvet Sky
 in Free Prestashop and WordPress E-Commerce Theme: Velvet Sky  in Free Prestashop and WordPress E-Commerce Theme: Velvet Sky  in Free Prestashop and WordPress E-Commerce Theme: Velvet Sky

In case you’ve been looking for a nice e-commerce theme for your website or any ongoing projects, today we’ve got something for you. We’re releasing yet another freebie — a Prestashop and WordPress e-commerce theme called “Velvet Sky” which has exclusively been developed by DapurPixel for Smashing Magazine and its readers. The warm, natural brown colours within the theme portray much comfort and will hopefully provide your customers with a very calm and engaging environment in which they can find the items they’re searching for in no time.

Release in Free Prestashop and WordPress E-Commerce Theme: Velvet Sky

Download the Theme for Free!

The Prestashop theme is released under Creative Commons; the WordPress theme is released under GPL. Both themes are free to use for private as well as commercial projects. There are no restrictions; you may modify the theme as you wish. Please link to this article if you want to spread the word!

Preview in Free Prestashop and WordPress E-Commerce Theme: Velvet Sky

Features

  • WordPress 3.1+ compatible
  • Prestashop 1.4.2.5 compatible
  • Custom homepage
  • Horizontal menu and submenu integration
  • Custom slideshow module
  • Combo slider on the homepage
  • One page checkout and guest checkout supported
  • Custom advertisement block module
  • IE7+, Safari, Opera, Firefox, Chrome compatible

Blog-1 in Free Prestashop and WordPress E-Commerce Theme: Velvet Sky
Blog-1 (large preview)

Blog-2 in Free Prestashop and WordPress E-Commerce Theme: Velvet Sky
Blog-2 (large preview)

Blog-3 in Free Prestashop and WordPress E-Commerce Theme: Velvet Sky
Blog-3 (large preview)

Checkout-1 in Free Prestashop and WordPress E-Commerce Theme: Velvet Sky
Checkout-1 (large preview)

Checkout-2 in Free Prestashop and WordPress E-Commerce Theme: Velvet Sky
Checkout-2 (large preview)

Checkout-3 in Free Prestashop and WordPress E-Commerce Theme: Velvet Sky
Checkout-3 (large preview)

Checkout-4 in Free Prestashop and WordPress E-Commerce Theme: Velvet Sky
Checkout-4 (large preview)

Checkout-5 in Free Prestashop and WordPress E-Commerce Theme: Velvet Sky
Checkout-5 (large preview)

Detail-1 in Free Prestashop and WordPress E-Commerce Theme: Velvet Sky
Detail-1 (large preview)

Detail-2 in Free Prestashop and WordPress E-Commerce Theme: Velvet Sky
Detail-2 (large preview)

Detail-3 in Free Prestashop and WordPress E-Commerce Theme: Velvet Sky
Detail-3 (large preview)

Detail-4 in Free Prestashop and WordPress E-Commerce Theme: Velvet Sky
Detail-4 (large preview)

Detail-5 in Free Prestashop and WordPress E-Commerce Theme: Velvet Sky
Detail-5 (large preview)

Detail-6 in Free Prestashop and WordPress E-Commerce Theme: Velvet Sky
Detail-6 (large preview)

Detail-7 in Free Prestashop and WordPress E-Commerce Theme: Velvet Sky
Detail-7 (large preview)

Home-1 in Free Prestashop and WordPress E-Commerce Theme: Velvet Sky
Home-1 (large preview)

Home-2 in Free Prestashop and WordPress E-Commerce Theme: Velvet Sky
Home page 1 (click for a large preview)

Home-3 in Free Prestashop and WordPress E-Commerce Theme: Velvet Sky
Home page 2 (click for a large preview)

Home-4 in Free Prestashop and WordPress E-Commerce Theme: Velvet Sky
Home page 3 (click for a large preview)

Behind the Design

As always, here are some insights from the designer:

“Attractive! Alluring! Beauty! Desire! Glamour is an impression that we wanted you to have by looking at this theme. Velvet Sky has become an e-commerce theme that provides an atmosphere full of charm. We did a lot of customization; the featured product on homepage, the category product page, the product details. Velvet Sky is our humble attempt to provide a feeling of comfort in shopping experience. We worked hard to make sure that customers can found the items needed without being confused. Support your customers well, and start out by building a personal relation between you and your customers. We hope that you’ll find the theme useful for your projects.”

Thank you, Arrie. We appreciate your work and your good intentions.

Related Post

You might be interested in the following related post:


© Smashing Editorial for Smashing Magazine, 2011.


Free Style Guides Icon Set For Writers And Editors

Advertisement in Free Style Guides Icon Set For Writers And Editors
 in Free Style Guides Icon Set For Writers And Editors  in Free Style Guides Icon Set For Writers And Editors  in Free Style Guides Icon Set For Writers And Editors

Today, we’re excited to present you with a free icon set, called Style Guides. Perfect for websites with an editorial flair, Style Guides features 14 high-quality icons ranging from 32×32 to 512×512 pixels. Designed by Thomas McGee of WinePress of Words, this set has been exclusively released for Smashing Magazine and its readers.

Style-guides-2-icon-display in Free Style Guides Icon Set For Writers And Editors

Adapted and expanded from a previous set, Style Guides makes an excellent addition to any website, especially those related to the writing trade. Perfect for your next client’s website or to showcase your own editorial endeavors, these icons would be useful to any designer or developer.

Download the Icon Set for Free

You may use this set for free and without any restrictions. Use the icons for both your private and commercial projects, including software, online services, templates and themes. The set may not be resold, sub-licensed or rented. Please link to this article if you wish to spread the word.

Style-guides-2-icon-grid in Free Style Guides Icon Set For Writers And Editors

Behind the Design

Here are some insights from the designer himself:

Writing and editorial quality is essential to communicating a message. Even without an editor, any blog or website thrives on quality content just as much as, if not more than, a compelling design. With this in mind, we’ve decided to develop an icon set featuring some of today’s most trusted style guides.

Each crafted for its unique genre of writing, style guides help magazines, newspapers and websites keep their writing style structured and consistent for optimum readability. Use these icons to show your readers which style guide you use to maintain editorial quality or as a nice resource for a writing and editing website. Enjoy!

Thank you, Thomas! We sincerely appreciate your work and your good intentions!

(al)


© Thomas McGee for Smashing Magazine, 2011. | Permalink | Post a comment | Smashing Shop | Smashing Network | About Us
Post tags: , ,


Free Website ROI Calculator (Google Spreadsheet)

Advertisement in Free Website ROI Calculator (Google Spreadsheet)
 in Free Website ROI Calculator (Google Spreadsheet)  in Free Website ROI Calculator (Google Spreadsheet)  in Free Website ROI Calculator (Google Spreadsheet)

In this post we are glad to present to you yet another freebie: the Website ROI Calculator, a free Google Spreadsheet created by Anders Hoff specifically for Smashing Magazine and our readers. Of course, the tool is absolutely free to use in private as well as commercial projects.

Is your website doing the job you are paying for it to do? The Website ROI Calculator (ROI being “return on investment�) can get you started with setting goals and following them up in order to make the most of your website. The calculator can be used throughout the website’s lifespan, from planning to termination. Update the figures in the calculator at set intervals in order to see how your website or campaign is doing, and take action depending on the results.

Roi-anders-hoff1-500 in Free Website ROI Calculator (Google Spreadsheet)

Download The Calculator

The Website ROI Calculator is a free Google Spreadsheet that contains:

  • 1 overview sheet,
  • 3 sample calculator sheets for different types of websites,
  • 3 template calculator sheets.

To edit the data, first make a copy (you need to be signed in at a Google account in order to do this). Then, either edit the data in one of the sample calculator sheets or duplicate the template and rename it appropriately.

Using The Calculator Sheet

When beginning a project, duplicate the template sheet and start entering data about your website.

At each evaluation point, archive the current data before changing anything. This way, you can see what effect a measure that was introduced at a particular time may have had. Create a separate Google Spreadsheet (named something like “Website ROI Archiveâ€�), and use the “Duplicateâ€� function in the tab at the bottom of the sheet to copy the current version to the archive. Relabel the sheet so that you know what period it applies to (for example, “Website ROI Jan – Jun 2011â€�).

At each evaluation point, we suggest that you make a back-up copy of the current data by copying the calculator sheet to a separate Google Spreadsheet (from the menu in the tab at the bottom). Then, at each evaluation point for the duration of the website, you can copy the calculator sheet and update the figures in the new sheet.

Goals

  • Figures updated
    Date of when the current data was extracted and entered into the calculator.
  • Name
    Name of the person who updated the sheet.
  • Currency
    Currency of figures for expenditures and revenues in the sheet.
  • ROI goal, percent
    Set the goal of the return on your investment. A 0% ROI means that 100% of your expenses are returned (i.e. you did not lose any money). Normally, the goal is set at the start and is not changed at subsequent review points.
  • ROI goal, days
    Set the number of (maximum) days to achieve your percentage-based ROI goal. If you have to run a campaign for a very long time to reach your ROI goal, then you may want to consider stopping the campaign and allocating your resources to more profitable opportunities. Normally, the goal is set at the start and is not changed at subsequent review points.

Statistics

Roi-anders-hoff-expenses-500 in Free Website ROI Calculator (Google Spreadsheet)

  • Site launch date
    The date when the website or campaign launched.
  • Site ran for
    The number of days that the website or campaign has run since the launch date.
  • # of visitors
    The unique number of visitors since the launch date. You will have to get the actual numbers from your Web statistics package (such as Google Analytics). During the planning stage, you may want to enter fictitious numbers here to see how many visitors your website will need in order to get a reasonable ROI.
  • Net # of visitors
    These numbers will be more realistic if you subtract the visitors from your development partners and from your own organization. Your statistics package should have support for doing this.
  • Page views
    The number of pages that visitors have viewed. Again, this number will be found in your statistics package.
  • Average page views
    To keep it simple, the average number of page views is automatically calculated by dividing the number of page views by the total number of visitors.

Development and Operating Costs

Add in the costs of developing and operating the website. The sample sheets show examples of different types of development and operating costs.

Marketing Costs

Make a list of marketing costs. If your marketing activities are for channels other than the website, then allocate a portion of the total marketing costs to the website. The sample sheets show examples of different types of marketing costs.

Calls to Action and Revenue

List the actions that users can take on the website that are of value to you. In the calculator, you will find a separate sheet with a sample list of calls to actions.

Roi-anders-hoff-cta-500 in Free Website ROI Calculator (Google Spreadsheet)

You can select calls to action from the drop-down list in the “Calls to action� section of the calculator sheet, or enter a call to action directly in one of the cells. Regardless, we recommend that you collate all of the calls to action in the “Calls to action� sheet.

The value of each call to action will be specific to your organization. Estimate a value, and then enter it in the “Value� column.

ROI Summary

In the ROI summary section, you will see how your website is doing, calculated using the current figures that you have entered in the sheet.

  • ROI
    This shows how your website is doing so far and what the ROI would be if you terminated the website today.
  • ROI, percent
    The ROI as a percentage of your investments (i.e. costs).
  • Break even after
    The number of days (from launch) before the costs are recovered (i.e. before the ROI equals 0).
  • Will reach ROI goal of (ROI goal, percent) after
    The number of days (from launch) before the ROI goal is reached.
  • Prognosis, ROI
    The expected final ROI if the current rate of traffic and activity on the website continues.

The “Overview� sheet also shows the ROI prognosis for projects that are running (the ROI goal in days has not exceeded). Once the ROI goal in days has passed, the ROI will then be displayed as actual ROI, not a prognosis.

Measures to Increase ROI

When you review the ROI for your website at a point in time, you may find that performance is not as good as you had hoped. You may need to make adjustments or even terminate the website or campaign. Make sure to specify who is responsible for putting in place a particular measure, and then prioritize the measures and suggest concrete solutions.

Roi-anders-hoff-measures-500 in Free Website ROI Calculator (Google Spreadsheet)

Using the Website ROI Overview Sheet

Once you have entered all of the data about a website, you will need to activate the project by selecting “Active� in the status field on the Overview page. When the website is terminated, you can deactivate the project in the same place. You can also suspend projects by selecting “Pause.�

If you have more than one website, you can get a quick view of how they’re doing on the “Overview� sheet, and you can write comments to elaborate on individual results and measures.

If the project is active, the ROI prognosis will be displayed. If the project has ended, the resulting ROI will be displayed. The prognosis for how many days it would take to achieve the ROI goal is also shown.

How the ROI Prognosis Is Calculated

The ROI prognosis calculation is linear, meaning that the traffic and activity on the website will be assumed to continue at the same rate for the duration of the project as it has up to when the current data was entered. However, traffic and activity could fluctuate; for example, a campaign could see a spurt of activity early on and then level off, while some websites have seasonal fluctuations. This is not factored into this simplified ROI prognosis calculation.

Behind the Calculator

The intention of the calculator is to help project managers, designers and developers start thinking about and planning for revenue as early as possible in a website’s lifecycle. By planning and setting goals, we are better able to evaluate how we work. If a website is costing a lot of money and eating up a lot of resources, then terminating the project and spending the resources elsewhere might be best.

Please share you feedback so that I can continue to improve the calculator.

(al)


© Anders Hoff for Smashing Magazine, 2011. | Permalink | Post a comment | Smashing Shop | Smashing Network | About Us
Post tags: ,


Free HTML5/CSS3 WordPress 3.1+ Theme With Responsive Layout: Yoko

Advertisement in Free HTML5/CSS3 WordPress 3.1+ Theme With Responsive Layout: Yoko
 in Free HTML5/CSS3 WordPress 3.1+ Theme With Responsive Layout: Yoko  in Free HTML5/CSS3 WordPress 3.1+ Theme With Responsive Layout: Yoko  in Free HTML5/CSS3 WordPress 3.1+ Theme With Responsive Layout: Yoko

In this post we are glad to present to you yet another freebie: a responsive WordPress theme Yoko which was designed by talented designers Ellen and Manuel from Elmastudio and released for the Web design community. Of course, the theme is absolutely free to use in private as well as commercial projects.

Yoko is a modern and flexible WordPress theme. With the responsive layout based on CSS3 media queries, the theme adjusts to different screen sizes. The design is optimized for big desktop screens, tablets and small smartphone screens. To make your blog more individual, you can use the new post formats (like gallery, aside or quote), choose your own logo and header image, customize the background and link color.

Release in Free HTML5/CSS3 WordPress 3.1+ Theme With Responsive Layout: Yoko

Download the Theme for Free!

The theme is released under GPL. You can use it for all your projects for free and without any restrictions. Please link to this article if you want to spread the word. You may modify the theme as you wish.

Preview in Free HTML5/CSS3 WordPress 3.1+ Theme With Responsive Layout: Yoko

Features

The theme requires WordPress 3.1+ to run. It has following features:

  • Cross-browser compatible (tested in Chrome, Firefox, Safari, Internet Explorer 8+)
  • HTML5 (with fallback for IE < 9) and CSS3
  • Responsive layout (CSS3 media queries, not supported in IE < 9, but you can use libraries like Respond.js by Scott Jehl or CSS3-Mediaqueries-js by Wouter van der Graaf to make it work in older versions of IE.)
  • WordPress post formats (aside, gallery, image, video, link and quote)
  • Theme options page, custom background, custom header image
  • Optional sub menu
  • A custom social links widget to promote your RSS-Feed, Facebook, Twitter, Flickr, Vimeo, LinkedIn or Delicious profile
  • Full-width page template
  • Google Web fonts in use (Droid Sans and Droid Serif)
  • Threaded comments with Gravatar support
  • Shortcodes for multiple columns, info boxes in three colors and highlighted text
  • Currently available in English, German and French.

Screenshots

Three-column-layout in Free HTML5/CSS3 WordPress 3.1+ Theme With Responsive Layout: Yoko
Three-Column-Layout.

Two-column-layout in Free HTML5/CSS3 WordPress 3.1+ Theme With Responsive Layout: Yoko
Two-Column-Layout.

One-column-layout in Free HTML5/CSS3 WordPress 3.1+ Theme With Responsive Layout: Yoko
One-Column-Layout.

Comments in Free HTML5/CSS3 WordPress 3.1+ Theme With Responsive Layout: Yoko
Comments area.

Customheader in Free HTML5/CSS3 WordPress 3.1+ Theme With Responsive Layout: Yoko
Custom Header.

Post-format-gallery in Free HTML5/CSS3 WordPress 3.1+ Theme With Responsive Layout: Yoko
Post Format Gallery.

Themeoptions in Free HTML5/CSS3 WordPress 3.1+ Theme With Responsive Layout: Yoko
Theme Options.

Behind the Design

As always, here are some insights from the designers:

“Since the mobile Web is getting more and more popular every day, we think that it’s also time for WordPress themes to become more flexible and adapt to different devices and screen sizes. While designing the Yoko theme, our goal was to create a minimalistic design with focus on content and good readability on various devices. Also we wanted the theme to be easy to use and customizable for everybody, so we kept the theme options simple while still including the most important options to add a personal style to the theme.

The main problem to solve during the design and development process was to make sure that all the different contents and plugins that people will use still work in the responsive layout. Of course the responsive design approach is still in development but we think it’s a lot of fun to explore new possibilities and as doing so make Web design and WordPress themes more powerful and flexible to use.”

Thank you, Ellen and Manuel! We sincerely appreciate your work and your good intentions!


© Smashing Editorial for Smashing Magazine, 2011. | Permalink | Post a comment | Smashing Shop | Smashing Network | About Us
Post tags: , ,


Free WordPress 3.1 Theme: Splendio (With PSD Sources)

Advertisement in Free WordPress 3.1 Theme: Splendio (With PSD Sources)
 in Free WordPress 3.1 Theme: Splendio (With PSD Sources)  in Free WordPress 3.1 Theme: Splendio (With PSD Sources)  in Free WordPress 3.1 Theme: Splendio (With PSD Sources)

Today, we are glad to present a new freebie: a beautiful theme, designed by Vlad and Elena Scanteie which was developed exclusively for Smashing Magazine and its readers. As usual, the theme is free to use in both private and commercial projects. The theme is based upon the Twenty Ten WordPress theme and requires WordPress 3.0 to run.

Release in Free WordPress 3.1 Theme: Splendio (With PSD Sources)
Visit the demo or a large view.

The upper area contains a slider where you can place extra emphasis on your most important pages. The main area can include the content of your latest blog posts. On the right side you’ll find an overview of latest blog entries as well as the latest tweets.

The upper area of the sidebar features five latest comments. You can place any widget under it as it is defined as a dynamic sidebar. Also, right above the footer you’ll find a Flickr gallery in case you wish to showcase your latest shots. The footer itself is designed in a pronounced blue, giving it a nice contrast to the rest of the design. There you you can place your≈ widgets such as Pages, Categories, Archives, and others. A soft upper area, a useful middle area, and a strong footer are the essence of this theme.

Download the Theme for Free!

The theme is released under GPL. You can use it for all your projects for free and without any restrictions. Please link to this article if you want to spread the word. You may modify the theme as you wish.

Spl1 in Free WordPress 3.1 Theme: Splendio (With PSD Sources)

Screenshots

Spl2 in Free WordPress 3.1 Theme: Splendio (With PSD Sources)
The footer area.

Spl3 in Free WordPress 3.1 Theme: Splendio (With PSD Sources)
Main content area.

Spl4 in Free WordPress 3.1 Theme: Splendio (With PSD Sources)
The comments area.

Behind the Design

As always, here are some insights from the designer:

“Releasing a theme on Smashing Magazine is always a challenge for us at DesignDisease. A challenge we look forward to. ‘Splendio’ is a theme where we try to solve the empty space that exists around most themes with a joyful rhythm of lines and squares, complimented with a light color palette. The specialized header images complete the package, as it can be used both in a static or randomized manner.”

Thank you, Vlad and Elena! We sincerely appreciate your work and your good intentions.


© Smashing Editorial for Smashing Magazine, 2011. | Permalink | Post a comment | Smashing Shop | Smashing Network | About Us
Post tags: , ,


  •   
  • Copyright © 1996-2010 BlogmyQuery - BMQ. All rights reserved.
    iDream theme by Templates Next | Powered by WordPress