Samples of websites by industry
Further down, you’ll find website examples for various businesses and organisations with useful tips you might think about when working on a website design project by yourself or with a design professional.
Each example will take you to its own subdomain where they are located to give you a better impression of how they work and feel. Not all the links on the subdomains are fully functional, as they are just for demonstration purposes.
When you finish browsing, click ‘back to CDS’ to return here.
List of contents
Business website examples
Green energy
Focus on the appropriate terminology and design.
A dynamic message, including the word ‘Go’ and a video banner that underlines the ‘moving message’, welcomes visitors to the homepage of an energy provider.
In this example, it’s an excellent use of terminology and design synchronised with the identity of the business and its purpose.
The messaging here will most likely resonate with the audiences it was created for, adding a sense of harmony and trust.
Green energy
Focus on the appropriate terminology and design.
A dynamic message, including the word ‘Go’ and a video banner that underlines the ‘moving message’, welcomes visitors to the homepage of an energy provider.
In this example, it’s an excellent use of terminology and design synchronised with the identity of the business and its purpose.
The messaging here will most likely resonate with the audiences it was created for, adding a sense of harmony and trust.
Restaurant
Use imagery that resonates with audiences searching for specific services/products.
In some cases, the choice of pictures/photos might be apparent and easy to choose and publish. For others, you might need to undergo extensive research, possibly discussing or testing various proposals for the people you would like to respond to your communication.
For example, what else makes you think about food than just looking at it?
Juicy pieces of sushi or rolled salmon dressed in a minimalistic, modern design, emphasising Japanese minimalism and aesthetics works here hand in hand.
Freelance
Time the stages of the development of your business well and communicate each state clearly.
A good example is a young freelancer who communicates what she’s done and what she does in the area called ‘above the fold’, that is, the visible part of a web page before scrolling.
If you have a well-established business, you might choose to highlight to your visitors above the fold what you offer and how they can benefit from it rather than offering to see your portfolio.
The freelancer website might be more interesting for a recruiter or a well-established copywriter company who is looking for new employees. This might also be the same for small companies and self-employed people who are seeking to hire an inexpensive copywriter for their project.
Freelance
Time the stages of the development of your business well and communicate each state clearly.
A good example is a young freelancer who communicates what she’s done and what she does in the area called ‘above the fold’, that is, the visible part of a web page before scrolling.
If you have a well-established business, you might choose to highlight to your visitors above the fold what you offer and how they can benefit from it rather than offering to see your portfolio.
The freelancer website might be more interesting for a recruiter or a well-established copywriter company who is looking for new employees. This might also be the same for small companies and self-employed people who are seeking to hire an inexpensive copywriter for their project.
Bakery
Choose the main purpose of a website and draw the attention of its viewers to it.
The main purpose of this website is to sell baked goods. Above the fold (visible part of the webpage without scrolling), there should be a clear call-to-action button ‘ORDER NOW’. This is consistent with the website’s main purpose on the current page and throughout the website.
Charity, for example, could have as the main purpose to ‘DONATE’, a non-governmental organisation to ‘SUBSCRIBE TO OUR NEWSLETTER’ to inform etc.
If you give visitors too many tasks instead of the (main purpose) one, you might dilute their attention, which can confuse or frustrate them, and they’ll leave the website without coming back.
Vegbox
Explain procedures, simplify the steps.
By explaining the procedures that will lead towards the desired action, you might increase the likelihood that visitors will follow.
See the example on the Vegbox website.
– Select a Produce Box. (orange)
– Set a Date and Frequency for delivery. (magnolia)
– Fresh Produce Delivered. (green)
First of all, they will understand what to do before they do it and familiarise themselves with it. Second, you take their mind to the future, where they already have what they came for, (in this case by; ‘Fresh Produce Delivered’) which might encourage them to do the last step on your website. And that’s to purchase the vegbox because it is already so close to fulfill the need they came for.
Also, make it as comfortable and as straightforward as possible for them to order, which will stimulate positive experiences and outcomes.
Vegbox
Explain procedures, simplify the steps.
By explaining the procedures that will lead towards the desired action, you might increase the likelihood that visitors will follow.
See the example on the Vegbox website.
– Select a Produce Box. (orange)
– Set a Date and Frequency for delivery. (magnolia)
– Fresh Produce Delivered. (green)
First of all, they will understand what to do before they do it and familiarise themselves with it. Second, you take their mind to the future, where they already have what they came for, (in this case by; ‘Fresh Produce Delivered’) which might encourage them to do the last step on your website. And that’s to purchase the vegbox because it is already so close to fulfill the need they came for.
Also, make it as comfortable and as straightforward as possible for them to order, which will stimulate positive experiences and outcomes.
Education website example
Language school
Welcome a white/negative space.
White space, or so-called ‘negative space’ (negative space could be any colour), is an essential part of any design.
You might think about it as a pause between the notes in music. Otherwise, there would just be a constant tone or noise. The same way that a pause is a part of musical expression, a negative space is an inevitable part of visual expression.
Negative space guides a viewer’s attention to the essential parts of a web page, the call to action and the value proposition. It helps the design to be perceived as light, spacious and non-intrusive, which might be associated with quality by an audience.
Not-for-profit website example
NGO
Present a video when appropriate and possible.
A video conveys information in a way that a static image cannot. It might add more authenticity to any project and inform the viewers more naturally through images and synchronised sound.
For example, a transcript of a speech will be enriched by a video allowing viewers to pick up additional information from the presenter. The video might evoke certain qualities and emotions needed for the information to be remembered better or acted upon.
NGO
Present a video when appropriate and possible.
A video conveys information in a way that a static image cannot. It might add more authenticity to any project and inform the viewers more naturally through images and synchronised sound.
For example, a transcript of a speech will be enriched by a video allowing viewers to pick up additional information from the presenter. The video might evoke certain qualities and emotions needed for the information to be remembered better or acted upon.
Health website examples
Veterinarian
Organise navigation throughout your website.
A well-made website should create a seamless experience for its visitors. Navigation plays an important part here.
If people don’t find what they have come for, they will most likely leave your website, only to find another one that offers better navigation and, therefore, a better user experience.
Poor design practices, confusing navigation interfaces and ambiguous hypertext are examples to avoid, just to mention a few.
Acupuncture
A responsive web design is essential.
‘Responsive website’ means that its design will adjust to the size of the viewer’s screen. This includes the positioning of elements and their sizes, together with sizes of illustrations and photos.
Those need to be optimised to decrease their overall size. Also, images should have different-sized versions to fit the dimensions of the user’s screen. This will shorten loading times and improve the user experience.
When you have a well-designed, responsive website, your visitors will stay on the page longer, possibly turning into customers/followers. Search engines will recognise this, rewarding you with more organic (free) traffic.
Acupuncture
A responsive web design is essential.
‘Responsive website’ means that its design will adjust to the size of the viewer’s screen. This includes the positioning of elements and their sizes, together with sizes of illustrations and photos.
Those need to be optimised to decrease their overall size. Also, images should have different-sized versions to fit the dimensions of the user’s screen. This will shorten loading times and improve the user experience.
When you have a well-designed, responsive website, your visitors will stay on the page longer, possibly turning into customers/followers. Furthermore, search engines will recognise this, rewarding you with more organic (free) traffic.
Nursing home
Keep in mind SEO.
Search Engine Optimisation (SEO) helps to drive valuable organic (free) traffic to any website.
In order to succeed with SEO, use good structure, carefully choose head titles, words and phrases and write a good content. Optimise images with alt tags, build links, improve technical SEO, monitor and analyse to refine SEO.
The above are just a few basic ones.
Altogether, Google uses over 200 ranking factors in their algorithms.
It’s not about putting your phone number in the Yellow Pages anymore. The ranking system is complex and getting more sophisticated.
Community website example
Chess Club
Create content for specified personas.
Personas are different segments of your audience.
Basically, you might think of them as avatars with certain characteristics, motivations and needs for whom any content is designed.
For a start; discuss your customers and service users with colleagues or a design professional. Note their traits, demographics, what pleases them, what disturbs them, what they respond to, what they don’t and their aspirations and dreams. Then, create content that fulfils personas’ needs and solves their problems in the context of your business or organisation.
You are more likely to succeed if the job is done well.
Chess Club
Create content for specified personas.
Personas are different segments of your audience.
Basically, you might think of them as avatars with certain characteristics, motivations and needs for whom any content is designed.
For a start; discuss your customers and service users with colleagues or a design professional. Note their traits, demographics, what pleases them, what disturbs them, what they respond to, what they don’t and their aspirations and dreams. Then, create content that fulfils personas’ needs and solves their problems in the context of your business or organisation.
You are more likely to succeed if the job is done well.
Brand Identity
Name development Logo Colors Fonts Imagery/photographs Tone of voice Keywords Tagline Brand positioning Strategy
Applied on
Business cards Letterheads Email signatures Reports Posters Brochures Banners Social media Campaigns Websites
Website design
Website development Hosting for websites Custom emails Enhanced security Back ups Technical support
Enhanced performance and UX (User Experience) WPO (Web Performance Optimisation) SEO (Search Engine Optimisation) CDN (Content Delivery Network) improving WPO and SEO Low carbon emissions websites Landing pages (campaigns) design Analytics WordPress CMS (Content Management System)
Communication Design Studio
Stigenveien 25
Lyngseidet 9060
Troms og Finnmark
Norway
+47 98 85 32 89
send me a message
Communication Design Studio (Palguta) is a registered sole proprietorship in Norway number 926 834 789
