Sunday, May 31, 2015

Elements of Success anatomy of Website Redesign - ArohaTech

Elements of Success anatomy of Website Redesign - ArohaTech

Published on 
Published in: DesignInternetSocial Media

Transcript

  • 1. .VV . VV . VVN “V” V . V VVV . ~. V.~w. V~VVV~mwNw. V mV. .. . ..aV. ..VmV. .. . .V. .. V . V.. V.V. .V. aV. .VmV. . and V V V
  • 2. Steam; #7: m-We 7 We discussed the value of in your post about Web design trends, but let's review its value again. AI'OhaTeCh have a particular family, style, and size of a font, or typography, that they used that helps their customers immediately identify them versus their competitors. In recent years the selection of fonts that they can use on their website has grown. Designers can have a broader selection of fonts to choose from on their websites.
  • 3. gfemeat #2: 75423 Eedéga Flat design is known for its simplistic appearance. Instead of using three-dimensional effects and other design techniques, flat designs use simple illustrations that typically have bright colors. Let's take A| 'OhaTeCh website for example. As you can see, there is a minimalistic look to it that focuses on the content instead of the design. However, the flat design makes the site look clean and slick.
  • 4. Element #3: ‘Waam gffecw HOVET effects help you identify where you are on a page. When you place your cursor over a part of a website that has a hover effect, it usually changes colors or highlights letting you know where you are looking. Let's take a look at an example with the ArOhaTeCh Home Mortgage website. When you scroll over the navigation bar or even some of the buttons below, the different buttons change colors letting you know where you are on the site. ln this case, when I put my cursor over "Buying a Home, " it changed to a lighter color.
  • 5. gfement #4: Sowfé to page Some websites have a feature where you click a link and it brings you to a different part of the page. For instance, ArOhaTeCh uses this technique on their website. Let's take a look. The navigation on Aroha-I-eCh website links to the most important information that they want their website visitors to look at. Let's say you are interested in their success stories. when you click that link, it slowly scrolls you down to the section of the page that discusses success stories.
  • 6. Zfemwt #5: 79¢ac(ac2! 7ma¢e¢ You may have noticed that many B28 websites are starting to display large pI'0dUCt images on their sites to highlight different features or parts of their product. This element is another important design tactic that we are seeing more and more. Let's take a look at Ar0haTeCh product page on the Content Optimization System (CO5) for instance. As you can see in the three examples below, there are large images of different parts of the product on this page.