User Interface Design Approach

• Divide the Interface into logical sections.
• A logical section is just a group of elements that are all related on the page
• don’t add structure for structure’s sake. Always keep your structure as simple as possible to get the job done. For instance, if it is helpful to add a “pets” section that contains both “cats” and “dogs” to the PetStorz page, by all means add it. However, if it provides no real benefit, then it just complicates your page. After working with <div>s for a while, you’ll start to get a feel for when and how much to use them
• Do you ever put <div>s in a class instead of giving it an id? A: Well, remember that an element can have an id and be in one or more classes at the same time, so the choice isn’t mutually exclusive. And, yes, there are many times you create <div>s and place them into classes. Say you have a bunch of album sections in a page of music playlists; you might put all the elements that make up the album into a <div> and then put them all in a class called “albums”. That identifies where the albums are, and they can all be styled together with the class.  At the same time you might give each album an id so that it can have additional style applied separately.
•  
• same color for heading and the logo 
• very nice font
• high definition pictures
• white background
• bootstrap for responsive design
• image carousel
•