Thomas Mapfumo

A very multimedia rich project, the website redesign for Thomas Mapfumo & The Blacks Unlimited includes album management, online digital music sales / downloads, secure payment gateway, and a separate eCommerce install for merchandise.

From ThomasMapfumo.com: “Affectionately known at home as “Mukanya” (“Baboon”) and to the rest of the world as the “Lion of Zimbabwe’, Thomas Mapfumo has been a witness and participant of the history in his native country, Zimbabwe. From the bloody years of the country’s liberation war in the 1970’s, right through the present economic and political cries, Mapfumo has used his revolutionary, spiritually charged music to decry injustice and highlight the historical and cultural issues that underlie the news headlines. Mapfumo is a musical visionary, fearless social critic, and certainly one of the greatest African bandleaders of the past century.”

How a Responsive Website is Designed & Why

Responsive websites are websites that are designed to be viewed in a variety of conditions and on all sorts of modern devices like computers, phones, tablets, TVs, wearable devices, and even some cars and kitchen appliances. Responsive is a new term in the website-making industry that means a website that behaves and displays as best as it can within the constraints of the conditions and device it’s viewed on, such as screen size and resolution, internet speed and bandwidth limits, method of interaction, and even a device’s physical orientation.


-Responsive design is about priority. Because all websites have far more content than can be reasonably displayed on a single screen, every website needs to choose the most important bits of information to show at a given time. The home page, for example, always needs to show the right amount of information that the visitor should see first.

  • Responsive websites need careful prioritizing because visitors may have limited (or excess) time and ‘visual space’ because of the device they’re using or their environment.
  • As the website is more limited in these ways, what it displays has to be reduced, pushing away the less-important information, and keeping only the important information.

-Extensive End User Research: Researching the audience helps to find out how they view the website. Although you could try to make your website respond to all devices in all conditions, this is probably a waste of time and money. Rather, spend time finding out:

  • How your visitors use your website, including how much time they spend on it, how they read and view the content, how far away they are from the screen, and so on
  • What sorts of devices they use most often to view the website, and which devices they may use in the near future
  • Where (at home, outside, in a car, at work, etc.) and when they currently and would view your website

-Different layouts for different devices: Usually, you’ll want to provide the most information or website content for the size/resolution of the device that the visitor is using; keep in mind the viewing distance on large devices like TVs however. Grid-based layouts simplify this task by providing different numbers of columns for blocks of content depending on the device. For example, a website may use 5 columns for its layout on large devices, 3 columns on tablets, and 1 column on a regular phone.

-Automatic adjusting of the layout for the different devices: A combination of CSS and JavaScript can be used to detect the device that the website is being used on, and it’s specifications (such as if it supports the Flash or the latest version of HTML), and adjust the website accordingly. CSS Media Queries are particularly useful for determining the size / resolution of the device.

-Ensuring that that media is appropriately sized: Responsive websites typically try to display smaller images and videos for mobile devices like phones because phone screens are typically smaller than computer or TV screens, and because phone are often used with limited-bandwidth data contracts. This has become less of a problem, however, as smartphones have increasingly higher-resolution screens. In addition, modern browsers often use pre-fetching that makes it difficult to send a particular-sized image to the device.

  • On the opposite side, as all devices have increasingly higher resolution screens, it has become necessary to display higher-resolution images within websites.
  • Basically, you should be aware of the best sizes for the media on your website, and look out for technology that allows you to choose the right media for the visitor.

-Accounting for different types of interaction: The visitor could be interacting with the website using a mouse, a keyboard, a touchscreen, or even a screen-reader (for visually-impaired people). Considering this, your website needs to be able to respond to mouse clicks, the ‘tab’, ‘enter’ and other keys, and screen finger-touches.

  • Hover-over effects do not work with anything except for a mouse. Instead you could use requite the visitor to click a button or icon to display whatever was previously displayed on a mouse hover.
  • Items need to show that they are focused when a user presses the ‘tab’ key.

Tips on Hiring a Graphic Designer

A graphic designer’s job is to bring your vision to life in printed materials, and often on the Web – blending together typography, paper, color, illustration, and photography to deliver a message to your customers.

-Review the portfolios of designers or design firms when considering several candidates: Many graphic design firms have online portfolios, which makes them easy to review and share with others. You can also ask for more samples of design work.

-Designers often haves established reputation with past clients. You can contact past clients for testimonials about creativity, professionalism, and work style.

-Make sure you communicate your needs. You may need a designer strong in print, web or both, or perhaps you require a marketing strategy.

-Set up a contractual agreement with the graphic designer or firm that you choose. The agreement should cover scope of projects, costs out of scope, intellectual property rights, timeline and delivery of final product and who owns the final product.

-Ensure communication and planning. Define roles. Who will ultimately control the vision? Who will approve final design? What is the budget for the project, and how will it be allotted?

-Draft a project plan with a clearly defined project scope and timeline. The project plan should include time allotted for several drafts and review, proofreading, approval, and shipping. Schedule frequent meetings with your designer to ensure you meet all deadlines.

-Review the graphic designer’s work to ensure your complete satisfaction. But remember that good design is subjective. Gaining familiarity with the design process will help you choose a designer that is right for you.