Sonitek.ca Blog – About Mobile App

Its time to know about hot trends in mobile app, website design, web development. World of great mobile app, design, development tips which inspire every designer & developer.

Top 5 eCommerce Website Design Development tips – Only Practical eCommerce Tips – Sonitek

April 14th, 2012

Stop creating Boring eCommerce website. Default Style. Default Color. Default Product Presentation & hoping from complete SEO & SEM teams to get high sales. If you follow this process then change your mindset & read new, innovative eCommerce website design, development tips & implement it immediately ( Don’t afraid to test new things ). After that tell what’s you thinking now.

1. Differentiate eCommerce website with Unusual Photographs

None of eCommerce website can ignore Photo power. Most of eCommerce website have same product presentation. Now Do want to differentiate yourself? If answer is yes then use unusual snaps on eCommerce website.

Always try to add humor into your photograph. Lots of eCommerce website has straight, serious guys/girls. I found Casual Snapshots most of times turn into Superb Photos. People appreciate humor.

eCommerce website Design tips with Unusual Photographs

Male Model pose & face expression is totally different from female model – Unusual Photography Twist

eCommerce website Design tips with Unusual Photographs

Facebook knows the real power of snaps. Facebook purchase Instagram at $1 Billion. Instagram only focus on providing best experience for sharing photos with friends & family and now appreciate their strategy. Now You also must realize the power of Unusual Photograph on eCommerce website

2. Modal Windows for eCommerce Website Design

Model Windows or Model Dialog Box – A windows float above main page: Model Windows provides a opportunity to user to focus on one small design element

If you are web developer & want to improve usability of eCommerce product pages OR SEO Manager want to impress client by improving conversion rate & revenue of site then apply it right now & enjoy everyone appreciation.

Best place to apply Model Window concept are Product Image, Product Demo, Movie Trailer (see below image ), User Logins, Contact Form Elements, Download Pages, Help Window And Search Boxes

  •   Improve website usability a lot.
  •   Rest of the content will be out of sight/ focus
  •   User must have to take action ( eg. Click to close) to go further
  •   Impossible to Ignore
  •   Provide Incredible User Experience

eCommerce website Design tips about Modal Windows

Forget background, just focus on shirt prints.Now you know how this shirt look on You.

eCommerce website Design tips about Modal Windows

Fade-out product description & other stuff. Now your visitor know this product look good on her or not.

eCommerce website Design tips about Modal Windows

How this Vintage Art look on my home wall. Answer is nice. Now Buy it.

3. Style matters in the eCommerce World

Adapt a style & keep it whole website –  Give a style to your website just like you give yourself . Style can be Modern Style, Retro Style, Casual Style, Vintage Style, Out-Box Style.

eCommerce website Design tips with Unusual Photographs

Models into Elegant Style posture attract high-class, rich consumers.

eCommerce website Design tips with Unusual Photographs

Vintage style on eCommerce website now attract lots of consumers. It compel visitor to stay on website.

4. eCommerce Website Speed Optimization: Patience is not virtue of your visitor. They click on your website & leave it immediately if website not respond quickly. People want Fastest website not even fastest website.

Optimize site speed  >> Reduce Bounce Rate >> More Returning Visitor >> Increase Brand Value >> Increase Revenue

Tools :
Google Webmaster Tools – Google offers site-performance analysis tool to determine site’s comparative speed with high, medium and low priority action items.
YSlow  – A free Plug-in for chromes, firefox which give grades (recalls me old school memory)  your site’s speed on a scale from A to F. Yahoo consider 34 rules which affect your web page performance.
Pingdom Website monitoring  : My favorite pingdom allows me to easily monitor Uptime and performance of website.

5. Replace Old Comment Option with Facebook Dialog on Your eCommerce website

Advantage :

  • Probability of getting response from People improve.
  • Know the Voice of “Real” People.
  • Your eCommerce website, Your website Product – Both Promote on Facebook Without spending more money on Ads.
  • Empowering Visitors to share their thoughtful opinions with you & world.

Hunger to eat more Facebook Marketing Stuff
10 Tips for Marketing on Redesigned Facebook
Facebook Login Integration on website
7 Dimensions of Facebook Commerce

Creative Website Design Examples – Brand Must Deliver Great User Experience

January 27th, 2012

Every Brands need visibility. Visibility at TV, Search Engine, News paper, Billboard , Events, in short everywhere. If your CEO decide to improve brand awareness of company with the help of Website then you must need to understand the importance of SEO for long term benefits. Seeing the website through the prism of SEO require lots of study. You will need to understand -

Why your competitors are enjoying top position on search engine ?
What are the core website design elements help you to persuade visitors ?
How website can create conspicuous consumer experience ?
How to find unseen business prospects ?
How to target & continuously expand consumer base through website ?

To find answers of these question, you will have to follow path of – Analyse, Strategy Planning, Convincing You Boss or clients. Now we try to find answer of question through analyzing success website :

1. We Choose The Moon ( http://www.wechoosethemoon.org )

Do you want to go to moon ? Then open this website, sit into rocket, click on launch button. So simple.

A website whose domain, flash animation, punchline, presentation – everything closely match with each other. Every Visitor will feel excitement, and don’t leave website without admiring the website. This Website is the perfect example of How to use flash animation present whole message in a more entertaining and vivid way using flash animation.

2.  Smashing Magazine ( http://www.smashingmagazine.com )


I believe every intelligent & experience Website Designer aware about Smashing Magazine. This website is use as a great resource to learn different aspects of website design, development & also SEO. Website has a very search engine friendly design. I appreciate this Website because it have features – Search Engine Friendly Navigation, SEO-friendly URLs, optimize images to achieve faster loading times, great & unique content, use social media tools effectively, create links using link-baiting i.e great example for every SEO guy.

3. Water Life ( http://www.waterlife.nfb.ca )

Website wants to share a story – Story of The Last Great Supply of Fresh Drinking water
of Earth. It’s not a fairy tale story or bedtime story.

Website use blue color of water with black in a balanced way. Visitor wants to lost into water world. Moving water create a very realistic ecosystem. Creativity, Imagination, Great, Mind-blowing words popup into my mind.

Tips – If you are fan of animation movie, films & want to get know more about Canadian documentary, animation and

Fiction then enter into room of National Film Board of Canada after tying on your browser http://waterlife.nfb.ca/