Welcome! We’re here to pass along the latest and greatest in web design tips. Periodically we will be reviewing new sites we come across to discuss what they have done that caught our eye, and what you can learn from them. Our first site of review is Law Booth. Lawbooth.com was created by a group of University of Colorado graduates with the intention of revolutionizing the communication system in the field of law.
Lawbooth.com uses a very appealing color choice for their branding. The friendly demeanor makes it feel as if talking to a lawyer isn’t that scary at all! The site has clear navigation channels at the top (essential for user driven websites). Additionally the company placed a strong call to action button right at the center of the page. When you hover over the button your mouse transforms and begs you to click.
A few other observations –
Lawbooth.com has gone with a theme that allows for a longer scroll. As users become more eager to burn time between activities, long scroll has increased in popularity. This was a good move by the lawbooth.com team.
Lawbooth.com has posted credible sources of publicity. Yahoo, CNBC, and the other logos are very well recognized. By displaying these front and center, you get an idea that this is truly a remarkable company.
We all know how key the navigation and “flow” of a site is… What many site architects don’t realize is that the slightest disconnect that directs visitors where they should go and shouldn’t go can make or break the entire experience. Lawbooth.com does a very good job listing a navigation for all areas of law as you can see from the image below;
Doing this allows for users to land on a page with sum directional links and the ability to navigate forward to the appropriate information they are looking for.
It’s important to note that when completing a strategy of this nature you want to ensure that the landing pages have clear markings for what will come next. Vague titles and ambiguous wordings will cause visitors to be confused. Lawbooth.com does a fantastic job clearly marking what is on the next page.
More to come…
As we build the portfolio of great websites to evaluate and learn from, keep in mind that trends change! It’s important for you to ultimately find design that you feel works best for you.
Here are a few tips until our next post;
Create A Good “Feel” or “Look” for Your Site Before You Start Coding
Certain sites have a very distinct “feel” or “look” to them. A few good examples include Wikipedia, YouTube and Facebook. Even without their URL, most people can recognize these sites by just looking at their design.
This is why you should start by designing your site’s layout before carrying out any coding, as this will allow you to develop a good feel and look for your site before any of the actual work begins. However, if you don’t have any good ideas to go on then try looking at some popular websites and note down what you like about them and use them as inspirations to create your site’s layout.
Make Room for Updates
Updates are often an issue for most websites, particularly those which belong to growing businesses. So if you expect to change your site’s content regularly then you should make sure that it will be easy to do so. What this means is that coding needs to be carried out in such a way that all subsequent updates can be carried out with very little work. This may require the additional work, but as long as they reduce the difficulty of updating the site then they’re worth the trouble.
Also, comments and written information should be included on how updates should be carried out, so as to preserve the integrity of the site even after multiple updates. This way, you won’t have to send out special instructions whenever the site needs its code or content updated.
Clean Up Your Design
This one is quite well-known, but it’s still worth mentioning, especially when you’re creating a responsive design for your site. You will need to eliminate all non-essential codes when designing your site. Not only is this good coding practice, it can also increase your site’s page loading time.
Get A UX Design Software
Get a UX design software to help you improve your site’s design. These tools will not only help you design your site’s layout for tablets and mobile devices, they can also be used to set breakpoints and make media queries. They can even be used to copy CSS files to other programs and HTML editors, thus making your work easier.
Make Media Queries
Finally, you will need to make media queries. Media queries are an important feature of CSS3 and they allow you to test your site’s resolution, width, height and overall appearance on various devices. These tests/queries are important because they allow to determine how responsive your site is on various mediums.