Creating a website clients love


Most creators design incredible websites that capture their style and elements of creativity, but forget when designing that the website is for clients.


๐—ช๐—›๐—”๐—ง ๐—ช๐—œ๐—Ÿ๐—Ÿ ๐—•๐—˜ ๐—–๐—ข๐—ฉ๐—ฅ๐—˜๐—— ๐—œ๐—ก ๐—ง๐—›๐—œ๐—ฆ ๐—”๐—ฅ๐—ง๐—œ๐—–๐—Ÿ๐—˜?

  • Common mistakes freelancers make when making a website

  • Key elements for a successful website

  • How to layout your website

  • Examples of best layouts

๐—ง๐—›๐—˜ ๐—–๐—ข๐— ๐— ๐—ข๐—ก ๐— ๐—œ๐—ฆ๐—ง๐—”๐—ž๐—˜๐—ฆ ๐—ฌ๐—ข๐—จ ๐— ๐—”๐—ฌ ๐—•๐—˜ ๐— ๐—”๐—ž๐—œ๐—ก๐—š:

  1. You donโ€™t set yourself goals – The first step in crafting your websiteโ€™s copy, then, is to set your goals.

  2. Define your audience – Whoโ€™s that ideal client youโ€™re looking to buy your services

  3. Tell your visitors what you want them to do – This step is vital. Because itโ€™s only when you know what you want people to do, that you can write website copy that will persuade them to do it.

  4. Decide what will persuade them – The key is empathy: put yourself in their position.

  5. Make a list – Make a list of strong bullet points!

  6. Get someone to proofread your website!

๐—ž๐—˜๐—ฌ ๐—˜๐—Ÿ๐—˜๐— ๐—˜๐—ก๐—ง๐—ฆ ๐—™๐—ข๐—ฅ ๐—” ๐—ฆ๐—จ๐—–๐—–๐—˜๐—ฆ๐—ฆ๐—™๐—จ๐—Ÿ ๐—ช๐—˜๐—•๐—ฆ๐—œ๐—ง๐—˜:

Imagine/ view the website from your clients/ customers point of view and feature what they are looking for. Important pages to feature are:

  1. Front page (what should be included?)

  2. Portfolio

  3. Contact information

  4. Services & Where to book your services?

  5. Testimonies & Case Studies

  6. About page

๐Ÿญ – ๐—ง๐—›๐—˜ ๐—™๐—ฅ๐—ข๐—ก๐—ง ๐—ฃ๐—”๐—š๐—˜

๐Ÿฑ ๐—บ๐˜‚๐˜€๐˜ ๐—ต๐—ฎ๐˜ƒ๐—ฒ๐˜€ ๐—ผ๐—ป ๐˜†๐—ผ๐˜‚๐—ฟ ๐—ต๐—ผ๐—บ๐—ฒ ๐—ณ๐—ฟ๐—ผ๐—ป๐˜ ๐—ฝ๐—ฎ๐—ด๐—ฒ:

  1. This page should outline what services you offer (list all services separately and what goes into it – go into detail)

  2. At least a few testimonials / reviews. You could also include brand logos (If applicable) that youโ€™ve worked with.

  3. Contact information (at the top & footer) -> make it easy for them to contact you -> live chat?!

  4. Preview of some portfolio work

  5. Nice to have: Video introducing yourself and your services

๐Ÿฑ ๐—ฑ๐—ฒ๐˜€๐—ถ๐—ด๐—ป ๐˜๐—ถ๐—ฝ๐˜€ ๐˜๐—ผ ๐—ถ๐—บ๐—ฝ๐—ฟ๐—ผ๐˜ƒ๐—ฒ ๐˜†๐—ผ๐˜‚๐—ฟ ๐—ต๐—ผ๐—บ๐—ฒ ๐—ฝ๐—ฎ๐—ด๐—ฒ:

  1. Compelling content

  2. Simple designs sells

  3. Ready for mobile sales

  4. Don’t be too โ€œsalesyโ€

  5. Use effective Call-to-actions buttons

๐Ÿฎ – ๐—ง๐—›๐—˜ ๐—ฃ๐—ข๐—ฅ๐—ง๐—™๐—ข๐—Ÿ๐—œ๐—ข

Very important โ†’ Make sure you use storytelling for portfolio posts!

  1. Gather design inspiration

    โ†’ Research what you like/ dislikes from other online portfolios

    โ†’ Look at portfolio trends, which are popular for your field of work

  2. Include the right content

    โ†’ Only represent your best work

    โ†’ Update regularly with new projects -shows your active and working

  3. Work on your UX

  4. Optimise your design portfolio for mobile

    โ†’ Declutter the site for a smaller screen – keep the most crucial elements

  5. Ask for honest feedback

    โ†’ Ask friends, other freelancers for professional feedback for UX, Etc.


Should be incredibly easy for the visitor to findโ€ฆ as this is the key to get a contact.
Include the marketplace WISHU (and profile links) where clients can on-demand book/contact you. (New Trend)

๐Ÿฐ – ๐—ข๐—จ๐—ง๐—Ÿ๐—œ๐—ก๐—˜๐—— ๐—ฆ๐—˜๐—ฅ๐—ฉ๐—œ๐—–๐—˜๐—ฆ & ๐—›๐—ข๐—ช ๐—ง๐—ข ๐—›๐—˜๐—Ÿ๐—ฃ ๐—ฌ๐—ข๐—จ๐—ฅ ๐—ฆ๐—˜๐—ข?

Importance of SEO (Search Engine Optimization):
โ†’Improve online visibility
โ†’Generate more sales/leads
โ†’Strengthen your brandโ€™s authority and domain
โ†’Connect with your direct audience
โ†’Increase your social media traffic

A list of your services, laid out in an organized fashion. This could be in the form of an actual list, a table, or a series of separate sections. Whatโ€™s vital here is that each service is clearly distinguished from the others.

๐Ÿฑ – ๐—ง๐—˜๐—ฆ๐—ง๐—œ๐— ๐—ข๐—ก๐—œ๐—”๐—Ÿ๐—ฆ & ๐—–๐—”๐—ฆ๐—˜ ๐—ฆ๐—ง๐—จ๐——๐—œ๐—˜๐—ฆ

โ€œClosing landing pages with reviews or placing a testimonial next to a โ€œBuy Nowโ€ button are subtle ways you can incorporate this powerful persuasion element where it matters most.โ€

โ†’ Customers want to build trust in you. Trust = Clients
โ†’ Positive reviews are an effective method in building trust with potential buyers.

๐Ÿฒ – ๐—”๐—•๐—ข๐—จ๐—ง ๐—ฃ๐—”๐—š๐—˜

โ†’ Present your background
โ†’ Short bio, provide essential information
โ†’ About your activities and summarize your unique identity and values.
โ†’ Include any distinctive elements, such as your achievements and skills.
โ†’ It can also be a good idea to clarify your current employment status.

๐—›๐—ข๐—ช ๐—ง๐—ข ๐—Ÿ๐—”๐—ฌ๐—ข๐—จ๐—ง ๐—ฌ๐—ข๐—จ๐—ฅ ๐—ฆ๐—œ๐—ง๐—˜? ๐—ช๐—›๐—”๐—ง ๐—ฆ๐—›๐—ข๐—จ๐—Ÿ๐—— ๐—ฌ๐—ข๐—จ ๐—–๐—ข๐—ก๐—ฆ๐—œ๐——๐—˜๐—ฅ?

Cater for the Small Screen!
In 2019, 80% of users accessed the internet from mobile devices rather than computers and keeps increasing every year. Making your website mobile-friendly is extremely necessary and is likely to contribute heavily to your sites traffic.

Few great website examples:
Graphic Designerย 

Leave a Reply

Your email address will not be published. Required fields are marked *

Previous Article

Social Media: Magnet or Madness?

Next Article

This week's top creative portfolios

Related Posts