Site Design Preview

Screenshot of Me2Solar home page

About the Me2Solar Product

Lightweight, portable solar panels for charging a variety of small electronics which everyone uses today on a daily basis: Mobile Phone, Laptop, iPhone/Smart Phone, portable media player (i.e. iPod or similar) and much more.

Our daily lives have started to revolve around these devices and now we find it hard to do without them. When they run out of power, it puts us into a bind. Having one small, portable device that is capable of charging most of these devices fast using the power of the sun is not only good for the environment, it’s a smart and practical solution.

What Makes Me2Solar Different

Shot of Me2Solar's Aurora 2 model

Our products differ from competitors by their small footprint, their high quality (made in U.S.A.), their ability deliver a charge even in low light conditions and being more powerful despite their smaller footprint, thus charging devices faster.

Because of this we required a different approach to creating and designing a website which would explain and define our products to interested customers and potential buyers.

What We Looked For

We required a new logo for the entire product line and a website that was in 2 parts:

  • An informative part of the website which would, among other things, explain in detail the functions and superiority of the products,have lots of nice high resolution pictures, and have links to testimonials, support and press releases.
  • The other part would be a web shop which would be seamlessly be integrated with a partner logistics warehouse which was capable of receiving orders from the web shop automatically and correctly fulfill them without any other input anywhere in the process. This way we could focus on marketing and the customer’s needs without having to spend time with logistics.

Working With Scratchmedia

Scratchmedia delivered on every part. First they listened to what it was we wanted even though we really didn’t know what or how we wanted it done. All we knew was we wanted the website to look new, to look “Web 2.0”which is we realized is a term that is overused.

They took our basic ideas and formed a website concept that seemed to be what we had in mind. It was slick, easy to navigate which was another big requirement, and versatile.

The entire website used the Magento Open-Source web shop system as its backbone, which is a powerful tool, if sometimes a little frustrating to use at the beginning for non-IT people.

However, the Scratchmedia Team was always very helpful with any problems that arose or any questions that needed to be answered, even after the website was finished.

They quickly got us familiar with the Magento back-end and its different functions as well as how to easily use the CMS functions to edit different pages all together.

The Scratch team were always very communicative, keeping us up to date with progress and overcoming any problems with ease.

Overall, it was a very good experience for us. If we ever need another website done (which is more than likely) we shall definitely turn to Scratchmedia first.

The Designer’s Perspective

by Ben Hunt, Principal Consultant, Scratchmedia

Getting the Me2Solar account was a perfect fit for our team. The product resonates with what Scratchmedia is about. It’s very modern, using cutting-edge materials, and it’s certainly sexy, yet it’s packaged in a way that makes it genuinely useful for end users.

That’s how we view our web sites. Visually appealing, for sure, but ultimately really easy to use and practical.

That synergy meant we found working with Matt and his team at Me2Solar really pleasurable and easy. They knew they wanted a site that emphasised the modern design of the Aurora and Xpedition portable solar chargers. It had to work on a slick e-commerce platform (we selected Magento). And the overall result had to be simple and convenient.

We enjoyed developing ideas for the branding, combining energy, sun, and power. The final logo (on the left, below) combines a sun image with a power level meter.

The rest of the web page design went incredibly smoothly. Once we had settled on the main layout, we focused on crafting a soft and strong user interface, using new custom icons to draw attention to the key features.

Producing the Site

by Dan Johnson, Production Specialist, Scratchmedia

Translating the new design into a fully-functioning e-commerce site involved slicing up the graphics, and slotting them into a customised Magento theme.

We then used the CMS functionality of Magento to separate the informative side of the site from the online store, giving the Me2Solar team complete control over the web site content.

Finally, we also customised the payment gateway templates to fit with the design, ensuring a seamless shopping experience for Me2Solar’s customers.

Make Better Web Pages!

How to make your web site sell - use my secrets

Find out How

Do you love our approach to crafting simple & effective web sites that just work for people?

We'd love to hear about your web strategy.

Contact one of our team today!

4 Comments

  1. Hannah Hurst says:

    The view of a site being visually appealing is spot on, but as mentioned it must be easy to use and practical as well for it to be successful. This is what makes the difference between an excellent visual piece of design and a successful looking and working website.

    If a client knows exactly what they want for their business, this makes the designing and overall outcome so much more effective. Added to this success was the choice of e-commerce platform being Magento, an excellent choice. Keeping the end result simple and convenient also played a part in this success, as this would tie in very nicely with the desired message of the products being simple to buy and use.

    The final logo chosen is by far the best choice. The combination of sun and power, along with colour use and simple typography produced in such a simple yet very effective way creates an impressive piece of branding. Finally, using icons for key features of the webpage is a great way of drawing attention to these important areas. With the added effect of a drop shadow, this will allow the user to access the main areas of the business at ease. Overall a fantastic site!

  2. Hi guys,
    Really like this design, especially the logo and icons.

    Is the shopping cart a custom built solution or using a 3rd party cart? Looks really good.

    Why did you decide to use a pop-up window though for the image views? Kinda old-skool.

  3. Jimmy Hughes says:

    Hi David,

    Thanks for your comment.

    The shopping cart is an open source kit called Magento. We use this for most of our e-commerce projects due to it’s comprehensive bundle of features and template support. The ‘pop-up’ window for the image enlargement is standard with Magento so we might look at changing that for the client.

    Jimmy
    Scratchmedia Ltd

  4. Jimmy Hughes says:

    Hey Hannah,

    Great to hear from you and thank you for your positive feedback on the me2solar project. We really enjoyed working it and we’re very pleased with the outcome :)

    Jimmy
    Scratchmedia Ltd

Leave a comment

Articles + tutorials in Blog

Me2solar E-commerce Site Designed by Scratchmedia
UK-based Web Designers Scratchmedia recently delivered this new e-commerce site for US/German Me2Solar, makers of innovative portable solar chargers
GuruShot – Scratchmedia’s Latest Web2.0 Application Design Project
Introducing GuruShot, a new Web2.0 web-based application. GuruShot is a wisdom sharing site designed and built by UK Web2.0 designers Scratchmedia.
What is the Relationship Between Graphic Design and Web Design?
Explores the difference between design, graphic design, and web design. Argues that web design is a much broader discipline than graphic design.
Ben Hunt’s Web Design Newsletter, April 2010
Ben Hunt's web design newsletter April 2010: Conversion Rate Optimization, 2 new Web2.0 projects, and a trip of a lifetime
Case Study: Increasing conversion rate using Google Website Optimizer
A case study on increasing conversion rate with split testing using Google Website Optimizer
Order Your Copy of the Blogging for Business Pre-Release DVD
Order your pre-release copy of Ben Hunt and Mark Attwood's "Blogging for Business" seminar
Conversion Rate Optimisation Case Study: Bible Timeline
How Scratchmedia's designers tripled one customer's web site's conversion rate
Ben’s New Year 2010 Newsletter
Ben Hunt's web design review of 2000-2009 and a look ahead to web design in the 2010s...
Web Design is Dead
Why the familiar creative-driven web design process fails, why combining creativity and testing works so much better, and how to do it successfully.
Ben Hunt’s Web Design Newsletter, October 2009
Web design newsletter for October 2009: Conversion Rate Optimisation, usability, and an invite to an exclusive internet marketing club.
New Book: How I’ll Maximize Your Web Site’s Conversion Rate
How I'll Maximise Your Web Site's Conversion: Process and agreements for taking advantage of Ben Hunt's new CRO book project offer.
Your Chance to Be Part of My New Book Project
Your Invitation to be part of my new book project on Conversion Rate Optimisation. I'll try to double your web site's conversion rate and track the results in detail.
Simple Tips for More Effective Web Sites
Save the Pixel is an ebook from pro web designer Ben Hunt which teaches that anyone can create great web design
10 Boring Things to Get Excited About
Some of the best things in life take some time and don't feel like much fun, but they're better than the quick fix alternatives. Ben Hunt introduces a list of ten really interesting uninteresting things we should all be doing.
Meet Ben Hunt at Ken McCarthy’s System Intensive, London September 26 + 27
Invitation to meet Ben Hunt at Ken McCarthy's System Intensive online marketing seminar in London September 26 and 27 2009
Ben Hunt’s Web Design Newsletter, August 2009
Web Design newsletter for August 2009 by Ben Hunt, various thoughts and links
Ben Hunt’s Web Design Newsletter, July 2009
White on white web design, semantic HTML, testing and measuring, and a free copywriting ebook (Ben Hunt's Web Design Newsletter, July 2009)
Ben Hunt’s June 2009 Newsletter
Ben Hunt's June 09 newsletter: Results of Google Website Optimizer experiments on Save the Pixel; Web Design from Scratch redesign
Benefits of a Simple Client Brand/Design Alignment Session
Sitting down with your clients before you start a design project to run through a few dozen web sites and identities can save hours or days of work
Argument that Investing in Evolving Your Web Site Beats Big Bang Redesign
It's more cost-effective to invest in evolving your web site, using continual cycles of change-test-measure, than to redesign wholesale.
Why Deepak Chopra’s New Navigation Fails
Deepak Chopra has a new site, but the navigation leaves you guessing. Not the place to be airy and mystical, Deepak.
Ben Hunt’s Newsletter, April 2009
Ben Hunt's newsletter for April: Tips for Surviving the Economic Winter
Introducing Clicss, Flexible and Useful Web Page Templates
When can using web page templates really work? Sneak preview of Clicss.com, a new range of simple, standards-compliant web page templates for sale.
Subscribe to Ben Hunt’s newsletter
Ben Hunt is sharing his experience in making web sites that are appealing, easy to use, and successful. Subscribe to his newsletter to get regular updates.
8 Reasons to Put Your Prices UP This Recession
Many service providers needlessly undercharge. Here are 8 Reasons why you should seriously consider putting your prices UP.
10 Top Skills for Web Design, in order of importance
My list of the top ten skills you need to be an effective web designer, in order of importance. Not what you may think!
My Vision for a Real Workable Web3.0 World
Ben Hunt's vision of Web3.0, solving the future of the web user experience, consumerism, marketing and DRM in one elegant theory. Just may be the biggest thing you read today.
When to Use Graphics in Web Design
Ben Hunt urges web designers to get really conscious about only using graphics in web design to communicate, and lists 7 specific reasons why graphics can be better than text.
Tips from Our Experience of Switching from PC/Windows to Mac
One business user's experience of switching from Windows PC to Mac, using Parallels and a temporary Windows installation to transition in a manageable step by step way.
10 Tips for Recession-Proofing Your Web Site
10 simple and powerful principles web site owners should be following now to help ensure your web site is really supporting your business through the current economic difficulties.
Announcing Scratch Web Design Forums
Scratchmedia has launched a free web design forum at http://scratchwebdesignforums.com/. Visit to learn from industry experts and share hints and tips on web design, production, SEO etc.
Introducing CMS from Scratch, the open-source lightweight AJAX CMS
We're proud to launch CMS from Scratch, now as an open-source project: the system we've developed over the last 3 years to let Scratchmedia's own clients easily manage and update their web site content.
Real Web Design versus “Design Toss”
The vital difference between true Design (crafting communication solutions with a purpose) and graphic art for the sake of other designers
My Web Design Workstation: 10 essential items of design kit
The 10 key pieces of kit that this web designer couldn't live without
The Social Future of Web2.0 / Web3.0
Ben Hunt casts an eye to the future of a more connected web, and predicts that Yahoo will be the dominant online brand for the next 5 years (LOL)
Why All Web Designers and Web Developers Should Learn to Type
Learning to touch-type is one of the most valuable skills you'll ever learn as a designer or developer
Pursuit of the Original in Web Design
The value of laziness in design, and why the pursuit of the original can be detrimental to design success.
DHTML Decision Making Tool
Tutorials on learning JavaScript to enhance web pages and applications
Review of Harvey Nichols’ 2nd web site, 2004
Review of Harvey Nichols' second web site from 2004
Review of Harvey Nichols Web Site (2001)
Review of Harvey Nichols' first web site from 2001
© Scratchmedia Limited, 2006-2010
Floor 3, 111 Buckingham Palace Road, London, SW1W 0WQ, UK
+44 (0)207 1600 989