Get in touch with us today! Call us toll-free at 1.866.754.4111 or email us at sales@remwebsolutions.com
Web Design Development Kitchener Waterloo Guelph Cambridge E-commerce
This is a headshot of Christine Votruba.

Last time on my previous blog post, I explained the meaning of a few terms that’re used for different sections of web page. If you haven’t already, you can read Part 1 here. The first post is about the main sections of a web page. In this one, I’ll be getting into a few of the nitty-gritty parts, the components or elements in a web page.

 

Again I’ll be using parts of REM’s homepage as an example with labels to illustrate the terms.

REM Web Solutions homepage with labels: Part 2

  1. Headline – This could also be known as “hero” text. Unlike a heading which could appear several times anywhere on a web page, the headline usually refers to the very first, large line of text that grabs the user’s attention and gives them a quick idea of your company. That means it could be your slogan, tagline or a quick summary of what you’re all about. REM’s headline at the top of the homepage is “We Provide Web Design & Development.” A headline is best when it’s short, concise and leaves an impression on the viewer. You can think of it as the “billboard copy” in your web page.
     
  2. Call-to-Action – The explanation is in the name. This is quite useful for marketing and advertising because it’s an element such as a graphic, heading, button, area, etc. that draws the user's eye and compels them to do something in your website. Its job is to make your user/customer do what you want them to do: contact you, go to this or that page, buy something, etc. For example, in our homepage the large “Learn More” button is a call-to-action to compel our customers to learn more about our services by contacting us.
     
  3. Iconography – This refers to illustrations, visual images or symbols that’re interpretations of an object or idea. Icons are used everywhere in our world, not just in websites. Unlike text which has to be a specific language, icons can be universally understood (think: the symbol for women’s/men’s washrooms). Also key aspects or ideas could be created into icons. In my example’s case, the illustration of a group of people conveys we have worked with many clients.
     
  4. Font – It refers to the typeface and style the texts uses. It plays a crucial role in establishing the website’s look and feel, particularly when it comes to making the design look consistent. Best practices suggest that one use no more than two or three font-styles. In the example I’ve highlighted there are two fonts being used: Raleway and Opens Sans (both sans serif).

Did you feel like you’ve learned something after reading my two-part blog post? I hope you have! We designers think in visual terms; we like to interpret the world around us with images not words, so you can imagine that it was a bit of a challenge for me to write down my personal definitions of these commonly used terminologies.

 

Just like last time, I shall end this blog post with another great quote to inspire you and/or make you think. This one is from Thomas Watson Jr., a businessman, political figure and 2nd President of IBM:

“Good design is good business.”

 

Subscribe to this Blog Like on Facebook Tweet this! Share on LinkedIn

Contributors

Brad Anderson
132
November 14, 2019
Show Brad's Posts
Christine Votruba
25
October 31, 2019
Show Christine's Posts
Ryan Covert
48
July 26, 2019
Show Ryan's Posts
Sean Sanderson
63
July 23, 2019
Show Sean's Posts
Matt Stern
4
July 16, 2019
Show Matt's Posts
Sean Legge
1
June 28, 2019
Show Sean's Posts
Sean McParland
17
June 28, 2019
Show Sean's Posts
Rob Matlow
84
April 17, 2019
Show Rob's Posts
Todd Hannigan
47
November 13, 2018
Show Todd's Posts