Monday, October 10, 2011
Creating a Portfolio Site
The way to attract the potential clients; your portfolio should be designed properly according to certain key principles, which not only impress the clients, but also ensures smooth user experience.
Here we have summarised these principles into 7 essential rules for you to build or improve your portfolio site;
Rule 1: Keep Faithful to Your Objectives
Keeping a strong core objective is the key to every successful online portfolio as it lets you know what you have to do, and what the clients should expect.
You must establish a key objective, one for you to achieve before you get started on designing your portfolio, and keep it simple.
It’s far better that the objective can be described in 1 sentence, making it clear and straight to the point.
Below, we will explain to you that there are several purposes possible for a portfolio creation:
To get a job: this kind of portfolio is created to help you to find a good job so your main aim is to impress the potential clients.
To sell your works: this is the type of portfolio developed for commercial purpose, particularly to introduce, showcase and ultimately sell your works.
To gain reputation: sometimes you create portfolio just to display your works and spread the word about your talent, in order to gain yourself some reputation in the industry.
To communicate: this kind of portfolio is mainly for networking, which means to find new connections among people who are also involved in web design.
You don’t need to follow every objective listed above absolutely, in fact you can create your own objective from them, or even define yourself a new objective. However, once you created it, stick to it really well and don’t change it unless for some critical reasons such as technical difficulty.
Rule 2: Trust in simplicity
Less is more. Every designer, who entered the design industry for some years, will get to know more and more about the importance of simplicity. Keeping every element on your site simple and intuitive is so important that it even makes your site looks like it’s not something created by certain amateurs, which pretty much burns out your reputation before the potential clients even look at your works.
And what’s really matter here is, a simple portfolio site makes its messages crystal clear to your potential clients. It not only allows the clients to get the idea easily on what the portfolio is going to show, but also get to know or view your works without too much confusion.
However, it’s not that you are not allowed to make use of creative ideas, but those ideas must help the clients concentrate on your showcased works. So as long as the ideas are aimed to focus on your showcasing works, you can probably implement a lot of visual elements that make your portfolio site stands out from the rest!
Rule 3: Be sure to provide ease at use
This rule elaborates more about the friendliness of content access, or so-called user friendliness. Try to look at your portfolio as a client would look at it.
The content should be really easy to access and browse without any confusing or disturbing buttons, pop-ups, shiny banner or even complex site structure which can be hardly understood at once.
Complex navigation may confuse the potential clients and even irritate them so your works might just be ignored by them. That said, you should make your portfolio works like what common people expect to be intuitive and convenient.
Don’t bring clients to Showcase page while they click on the About page. Don’t ask client for a signup when they want to access your work gallery. This sounds ridiculous but trust me, lots of designers done that. You have to avoid these cheap mistakes in order to achieve with your portfolio site.
Rule 4: Don’t overcook it
The rule is really simple, if you want your portfolio get impressed really quick, you need to show only your best works. Don’t try to showcase everything you have, choose some of the most impressive works which could demonstrate your expertise efficiently.
If you have too much great works and you want everyone know about all of them, you can consider to categorize the works and publish them in different sections of the page, or different pages. It allows the client to get what they expect without searching within the overwhelming list.
The same rule applies with description. If you want to write 200 words of the description, think about the way of saying the same thing but in 20 nicely described, straight-to-the-point words.
In short, show the best, mention the important, highlight the relevant.
Rule 5: Pay attention to and understand your technology
You have to be really careful when it comes to using the web technology to build up your online portfolio. In most cases, user-friendliness is the key.
As long as the user can navigate the site without lagging controls, confusing effects or tedious loading time, you’re fine with using the technology.
The other aspect you need to consider about is compatibility. Let’s take HTML5 as example. It’s new, it’s cool, it works like Flash for certain scenarios, but its support varies with browsers, even with their different versions.
Having said that, you have to consider the platform, such as which browser and device your potential clients will use to view your portfolio site, before you work on that technology.
Know the compatibility and incompatibility of the web technologies before you embrace them.
Moreover, the convenience of updating your portfolio will also depend on the technology you use.
If you are working with technology you are good at you will be able to do regular updates and tweaks to your content or site as it won’t take a lot of time and efforts. But if the technology behind your portfolio site is difficult for you to manage you will experience difficulties with the updates, or even suffer with it for years.
Rule 6: Include your contact info
It’s a fact that by including your contact into your portfolio site, the chances of getting work from the potential clients will increase.
To make their life even easier, it is better to put your contact information on every page, be it on site header or footer, so that they can retrieve the contact easily without going here and there.
Also, include as many kind of contacts as possible. It can be your email address, mobile phone number, Skype name or even a Google map for the clients who wish to talk to you face to face.
Make sure the contacts you provide are really easy to reach, such as the email you check often, or the phone number you always carry.
If you are only able to reply clients after few business days, or you just want to limit the time availability of certain contacts, note down your availability in your contact information.
Rule 7: Use the power of testimonials
If there is a chance for you to include testimonials from your previous clients, especially clients from big brands, you must add them.
It not only shows the clients’ recognition on your expertise, but also lets the potential clients know what they can expect from both your skills and work ethic. But always remember that, don’t lie, and choose the honest testimonials that describe the truth.
Getting the testimonials is not hard at all, you can invite previous clients to write the testimonial after you’ve done work with them, with a reminder that the testimonial must be honest. Otherwise you can just list the logo of the company, especially big players in certain industry who have hired you before.
Rule 8: Be Unique
Ultimately your portfolio site is built to impress the potential clients. You have to make it so unique that your clients won’t think of any other alternative. Only you can make it.
While many designers attempt to put their works online as soon as possible, you should really sit down and think of the unique design, as it will impact a lot when it comes to attracting the client.
Bonus tip
Don’t write any introduction message like “Hi, I’m Peter. I’m a web designer. I create beautiful website with well-functioned content.” It’s a nice introduction for sure, but the message is too repetitive that you can see they exist everywhere in the web, with slight variations. Create your own creative introduction message, and your client will think you’re a different one.
Conclusion
These are essential rules you can follow to build a truly effective and professional portfolio site which can help you to achieve the objective you defined, or get the works you desired. They can also serve as a reminder for experts seeking for improvements.
It’s never too late to build up your portfolio site to be a more creative or more user-friendly existence to win more work, popularity and /or reputation.
So what are you waiting for, get started now to make it stand out from the rest!
Monday, August 1, 2011
Farewell Flash? Adobe Launches HTML5 Web Animations Tool "Adobe Edge"
Today, Adobe is launching a new tool called Adobe Edge which will allow creative professionals to design animated Web content using Web standards like HTML5, CSS and JavaScript. Now, with Adboe Edge, it aims to provide the tools that will help professionals build Web animations, and in the future, even simple games.
At present, Edge will focus on its core animation engine, but in the future, it plans to add more HTML5 features, including Canvas support, support for HTML5 Audio and Video tags, richer support for animating SVG graphics and more.
The software (for both Mac and PC) is designed to have an intuitive paneled user interface, a fast startup time, and will include, at the bottom, the familar timeline feature creative professionals already know and understand.
Edge users can import existing HTML documents and graphic assets including SVG, PNG, JPG and GIF and then sytle them with CSS3.
Panels on the left and right provide access to properties of the .EDGE file and the various elements the designer is working with and in the centre, there runs an embedded version of the WebKit browser.
When a project is complete, it will work on modern Web browsers like those that run on Android, iOS, HP's webOS, the BlackBerry PlayBook, plus Firefox, Google Chrome, Safari and Internet Explorer 9.
Where to Get Adobe Edge
Starting today, Adobe Edge is available as a free download while in its public preview period. The 1.0 product is expected to launch next year.This is a hugely important launch for Adobe - one that IDC analyst Al Hilwa, says is "the biggest thing they have done so far." Hilwa likes Adobe Edge, and believes it shows that Adobe is really in-tune with designer needs.
Farewell Flash? Adobe Launches HTML5 Web Animations Tool "Adobe Edge"
Saturday, August 29, 2009
Old Timer IT Terms That You should Never Use: Stay Cool!
"I don't need a cloak to become invisible, Harry." Do you know, or can you name, the one referred to as 'Dumbledore', in your office? No! Then I guess it's probably you!
If you’re old enough to remember the rise of silicon based technology, then you may need a refresher course when it comes to talking about "today's" technology.
Techie Term Checklist
You have here a short list of outdated techie terms, phrases that you shouldn’t be using at work anymore because they will make you seem old and a practioner of the ancient 'black' arts. This is especially true if you’re looking for a new job and on the interview trail. You should be talking about "cloud computing," not "ASPs" even though they are basically the same thing.
This list is also useful for you young whipper-snappers too. Now, when your elders and betters in the office use one of these terms, you can still laugh at them but at least you'll know what their talking about.
1. The Intranet
Popular in the mid-90s, the term "intranet" referred to a private network running the Internet Protocol and other Internet standards such as the Hypertext Transfer Protocol (HTTP). It was also used to describe an internal Web site that was hosted behind a firewall and was accessible only to employees. Today, every private network runs IP. So you can just use the term virtual private network or VPN to describe a private IP-based network.
2. Company based Extranets
An "extranet" referred to private network connections based on Internet standards such as IP and HTTP that extended outside an organisation, such as between business partners. Extranets often replaced point-to-point electronic data interchange (EDI) connections that used standards such as X12. Today, companies provide suppliers, resellers and other members of their supply chain with access to their VPNs.
3. Web Surfing
When is the last time you heard someone talk about surfing the Web? You know the term is out of date when your kids don’t know what it means. To teens and tweens, the Internet and the World Wide Web are one and the same thing. So it’s better to use the term "browsing" the Web if you want to be understood. Or you can just say "Google" since everyone uses that term as a verb.
4. Push Technology
The debate over the merits of "push" versus "pull" technology came to a head in 1996 with the release of the PointCast Network, a Web service that sent a steady stream of news to subscribers. However, PointCast and other push technology services required too much network bandwidth. Eventually, push technology evolved into RSS feeds, which remain the preferred method for publishing information to subscribers of the Internet. RSS stands for Really Simple Syndication.
5. Application Service Provider (ASPs)
During this decade, the term "Application Service Provider" evolved into "Software-as-a-Service." Both terms refer to a vendor hosting a software application and providing access to it over the Web. Customers buy the software on a subscription basis, rather than having to own and operate it themselves. ASP was a hot term prior to the dot-com bust. Then it was replaced by "SaaS." Now it’s cool to talk about "cloud computing."
6. Personal Digital Assistant (PDA)
Coined by former Apple CEO John Sculley back in 1992 when he unveiled the Apple Newton, the term "personal digital assistant" referred to a handheld computer. PDA was still in use in 1996, when the Palm Pilot was the hottest handheld in corporate America. Today, the preferred generic term for a handheld like a Blackberry or an iPhone is a "smartphone".
7. Internet Telephony
You need to purge the term "Internet telephony" from your vocabulary and switch to VoIP, for Voice over IP. Even the term VoIP is getting old-fashioned because pretty soon all telephone calls will be routed over the Internet rather than the Public Switched Telephone Network. It’s probably time to stop referring to the PSTN, too, because it is headed for the history books as all voice, data and video traffic is carried on the Internet.
8. Weblog
A blog is a shortened version of "Weblog," a term that emerged in the late 1990s to describe commentary that an individual publishes online. It spawned many words still in use such as "blogger" and "blogosphere." Nowadays, few people have time to blog so they are "microblogging," which is another word that’s heading out the door as people turn Twitter into a generic term for blasting out 140-character observations or opinions.
9. Thin Client
You have to give Larry Ellison credit for seeing many of the flaws in the client/server computing architecture and for popularizing the term "thin client" to refer to Oracle’s alternative terminal-like approach. In 1993, Ellison was touting thin clients as a way for large organizations to improve network security and manageability. Although thin clients never replaced PCs, the concept is similar to "virtual desktops" that are gaining popularity today as a way of supporting mobile workers.
10. World Wide Web
Nobody talks about the "World Wide Web" anymore, or the "Information Superhighway," for that matter. It’s just the Internet. It’s a distinction that Steve Czaban, the popular Fox Sports Radio talk show host, likes to mock when he refers to the "Worldwide Interweb." Nothing dates you more than pulling out one of those old-fashioned ways of referring to the Internet such as "infobahn" or "electronic highway."

