Posts Tagged ‘Web Design’

We are pleased to present below all posts tagged with ‘Web Design’.

Taking Credit Card Payments Online: What’s Involved?

If you're looking to integrate a credit card payment solution onto your website, the following steps are a guide to applying for, enabling and taking payments online. At first glance, the prospect of integrating a payment solution on a website can seem unwieldy, what with the vast array of payment options and technical acronyms. This article breaks down the entire process into bite-sized pieces, helping you understand the process much better.

Screenshot

When taking any kind of credit card payments connected to a bank account, you must apply for a merchant account with a bank. If the payments will be taken online, you'll specifically need an Internet Merchant Account (IMA). In addition to banks, in many locations there are dedicated merchant account providers you can use.

Read more...

Relationship Engineering: Designing Attraction

"Look at her: so beautiful, so friendly, so smart. And what a personality. She must be mine. Hooking up with her would make me the envy of all my friends. Sure, she's young and she's gorgeous. Besides, I can easily try something new if I get bored or something better comes along."

No, that’s not an excerpt from Lolita. As cruel and inappropriate as they might seem, these thoughts are fairly common in our society. In fact, in the past year, millions of people have entered into exactly that type of relationship. Don’t bother calling the Special Victims Unit; what we’re discussing here is not what you think it is. It’s the Apple iPad.

Read more...

Dear Web Design Community, Where Have You Gone?

As Web craftsmen, we are living in exciting times today. The frenetic pace of evolution in our industry has created remarkable opportunities for our work. Our established set of design and coding practices is more comprehensive than it has ever been before. Our designs are becoming more usable, our code more scalable, our layouts more responsive. In fact, just by comparing our design processes to those from a decade ago, it's remarkable to observe how quickly we've developed and honed our craft over all these years.

HTML5 Boilerplate is a remarkable example of a cooperation of dozens of Web designers who share their thoughts to create something useful for all of us to use.

However, the maturity of our industry is far from being complete. While producing a myriad of technological advancements, we have outpaced other developments along the way. These developments aren't related to the lack of cross-browser standards support or technical downsides of the tools we are using. No, they have a different nature. They have emerged within our design community — a community which is now so fertile and diverse that it is becoming increasingly difficult to ensure its professional maturity.

Read more...

Showcase of Beautiful (or Creative) E-Commerce Websites

Designers are constantly striving to create eye-catching designs without losing the usability features that add significant importance to the experience of online shopping. Today's showcase presents a variety of websites with elegant design solutions and innovative design techniques. We have analyzed the designs and now discuss their advantages and disadvantages in this review. We also suggest improvements and further ideas that could help improve shopping experience on these sites. Hopefully, you can learn something useful from our thoughts.

Oi Polloi is small retail store based in the Northern Quarter, Manchester, UK. This website has a retro style, supported by the typewriter-style typograph and old print-style textures. They capture the Oi Polloi brand well. The navigation menu is a good old drop-down which doesn’t quite work, especially because the page has six of them on top. This requires a bit more clicks than you’re used to on an e-commerce website. When you roll over an item on a product page, a tooltip provides details about available (and unavailable) colours and sizes. It might be useful including these options in the search as well.

Read more...

Creative Use of Video in Web Design: Background Videos

Since its early days, video has been one of the most powerful and efficient tools of visual communication. It is able to deliver a direct and clear message to a broad audience as well as focus viewers on something particular. A visually appealing video is an excellent way to present a product, service or brand and take user experience to a much more interactive level. For this reason, elegant, creative and professional videos are becoming increasingly popular in Web design today.

Bulgari B.Zero1 in Background Video Showcase

Some designers go even further, creating Bluray-like experience in the browser, with interactive navigation menus, soft transitions and exceptional visual effects — all supported with background videos. This can be done with Flash or HTML5, however, most websites incorporate background videos using only Flash. To enable the rich cross-device experience, it is worth considering adding fallback-videos for those users who have a browser that does not support Flash. Nevertheless, we didn't want to go into technical details just yet and wanted to see what actual approaches designers take within their websites.

Read more...

E-Commerce Copywriting: The Guide to Selling More

Quality product descriptions can transform e-commerce conversion rates — it's common to see increases of 30-100%. As well as converting more visitors, search traffic increases drastically when unique copy is written for each product. Most online retailers use manufacturers' copy or rely solely on images to sell products. They then use inadequate copy elsewhere on their site and fail to achieve a consistent tone to persuade their audience. This creates a compelling opportunity for savvy retailers: by writing quality e-commerce copy you will create a unique competitive advantage.

E-commerce: a product page

Essentially, your copy must achieve two goals — establish trust and convince visitors that your product is right for them. Potential customers cannot see or touch the product since it's not physically there in front of them. This is why it’s important that your copy anticipates the needs of your visitors while convincing them that your company can be trusted to provide excellent products. Persuasion and creating trust are difficult things to do with words alone; yet, they are still achievable.

Read more...

Web Design Questionnaires, Project Sheets and Work Sheets

It's nearly impossible to provide an accurate quote to a prospective web design client without first gathering information about what that particular client needs. Some designers do this in either a face-to-face meeting or over the phone, but more often, they have a questionnaire that prospective clients fill out. This is preferable for a couple of reasons, but the most important is probably that this document then becomes an integral part of the design process and is available to refer back to along the way.

Screenshot

So the question is whether you should put that questionnaire up on your website, or only send it to prospective clients once they've contacted you. There are a couple of reasons you may want to make it available online, but the obvious one is that clients are often eager to get started with their projects and so by providing the questionnaire online, this eliminates a step in the pre-contract part of the process.

Here, we've collected questionnaires and worksheets used by actual web design companies, including some of the leaders in the industry. There are both online and downloadable forms included, as well as the pros and cons for each format.

Read more...

Designing Memorable Websites: Showcase of Creative Designs

One of the main goals of having a website, whether it be a portfolio website or a business website, is to declare your presence on the Web. There are thousands upon thousands of websites out there; it's pretty well established that you are competing for your audience's interest and attention. To this end, it’s important to make those few seconds count when making a first impression.

Screenshot

There are many things happening in web design today. One of the interesting developments is the emergence of responsive web design, in which fluid grids, flexible images, and CSS media queries are used to create more adaptive layouts and hence more elegant user experiences. These designs can adapt to the browser's viewport, completely changing the layout or the overall design of the page altogether, to fit the available space.

We also see a rising popularity of soft :hover and :active/:focus-effects, where buttons, navigation items and links feel more responsive and engaging as well. The transitions are smooth, and often subtly or vividly animated. Another important development is of course the rich web typography, made possible with the emergence of font embedding services. We have much more freedom for our typographic decisions which is an opportunity to create more diverse, unique and therefore memorable designs.

Read more...

↑ Back to top