Posts

Showing posts with the label web design

Fullscreen Background Slideshow: jQuery vs Shockwave Flash

A client wanted a website with a background that changes every a few seconds. My friend and I had two options: use JQuery, or;  Shockwave Flash movie (swf)  Our consideration was which solution would load more quickly. As much as possible, we did not want the site's first-time visitors to see the loading spinner for more than 5 seconds, if not at all. After multiple searches, my friend Eduard found this one. Build Internet's Supersized! jQuery Plugin  Supersized! is a fullscreen background slideshow built using the jQuery library. The demo uses 9 images, sizes ranging from 97 kb to 236 kb. The width ranges from 800 px to 1024 px; height from 511 px to 1000 px. If you are a first time visitor of the site, it takes about 2 seconds before you see an element (some texts); 15 seconds after, you begin to see the slideshow background. Good enough! At least, the visitor wouldn't have to wait for a long time. That depends of course on the Internet and hardware speed. (...

Best Screen Size To Design Websites

My friend and I always argued about the "right" or better screen size to design websites. He would design websites as wide as 1900 pixels for the reason that his monitor is that wide. I would prefer smaller because I believe most Internet users still use 1024 x 768 monitors. I'm about to design a web site for Legaspi Landscapes. Again, I have this question in mind. What's the size of my website? Maybe, the experts have the answer. At hobo-web.co.uk, the author said that there is no best screen size. What is important is that the web site can be viewed in any device, in any screen size. The size should be flexible, i.e., it should contract and expand fluidly in any screen size. But, there should be a based size or the size to start with. Hobo-web.co.uk shows live global, US, and UK stats on what the majority are using. The screen resolution 1024 x 768 is the one that is widely used globally. So, might as well design websites using this size. Now, I have the kno...

Web Design Review: Razor Scooters Central

Image
Razor Scooters Central ( razorscooterscentral.com ). This site is simple and minimalist yet effective. It is very straight-forward. What you see is what you get. You really don't have to think about anything else. Just by looking at the site, without scrolling down, you'd know that: It's about scooters. The name says so. The images say it so. It's an online store because it says so. Likewise, the images of the types of credit card honored tells you outright that you have to buy the scooters and that it accepts payment using those cards only. It's complete because you'd know what you have to know. You didn't have to read much but it has enough. It leads you to make an action. The three buttons on the right have large fonts that clearly tells you that there are three types of scooters. The image adds creativity in order not to make it look boring. These rectangular buttons make the users to click a choice. What you see is what you get. Clicking on ...

Principles of Effective Web Design

Image
According to Smashing Magazine , "usability and utility, not the visual design, determine the success or failure of a web site ." If the user can not find what he's looking for on a web site, in seconds, he leaves the site. If there's nothing that he can do on a page, in seconds, he leaves the page. Therefore, the user must be able to see in a short time what he is looking for on a web site. On the landing page, immediately, the user must be able to see what he needs. Therefore further, the web site must be clear of its main purpose. A message should catch the user's interest in order to make him stay longer or read further. The landing page plays a crucial purpose. What makes a user click on a link should be the same message that he must see on the landing page. National Geographic's tag line is " live curious ." Similarly, users of the Net surf curiously. If a user knows that the web site is going to satisfy his curiosity, answer some questi...

web design plus more

Image
spread my flyer I call my web design services Web Design Plus because  not only that I design your web site, I also do the following. photography Flash design web site maintenance copy writing training or tutorial internet marketing Web 2.0 (blogs, social media) Google Analytics domain name and web hosting My services do not end at the design. I give other options to move your web site further like enrolling it with Google Analytics so that you'd have an idea how your web site is performing on the Internet. Teach you how to advertise or promote your site to increase its SEO (search engine optimization). Plus, if you want to increase your income, how to put ads on your site and join affiliate sites.

A Contemporary Web Design for a Dental Clinic

Image
This is the web I am designing for a F.W. Guico Ortho-Dental Clinic  . I made the layout a bit away from the traditional web design. You may call it modern or contemporary. Common web designs place the navigations horizontally on top or vertically in the sidebar. The main image is usually a horizontal rectangle that occupies the width of the page. The logo is usually placed in the upper left-hand corner. Most medical sites use shades of blue. For this non-traditional design, I placed the navigation in the upper left-hand corner and the main image on the right and top third. The look is a bit upbeat but without sacrificing professional feel. For the color, I was thinking of blues but my friend, Dr. Winston preferred the oranges, which came out effective. My inspiration on this design is the simple and minimalist designs of a German cable channel DW-TV  . I enjoy watching its news because the studio looks so clean yet elegant. In contrast, other news channels are cluttered wit...