The Entrepreneur Forum | Startups | Entrepreneurship | Starting a Business | Motivation | Success

WEB SCHOOL Diving Into Web Design

Remove ads while supporting the Unscripted philosophy...become an INSIDER.

William

J
FASTLANE INSIDER
Read Millionaire Fastlane
I've Read UNSCRIPTED
Speedway Pass
Feb 15, 2012
160
152
108
Philadelphia
My name is Will. I'm diving into web design. Fox's threads and info on web design have been eye opening. To see that he did it without prior experience is impressive. It leads me to believe that I can do it as well - with consistent effort.

I have a solid foundation in sales, writing, and have learned enough with web design to get started.

My good friend's dad has a Project / Program manage company. The website needs work for sure. He's a very creative person - he's an artist, a therapist, and works in architecture. However, he is pretty old school and his website seems to reflect that.

My goal: To get more people contacting him for consultation.

I set up a call with him today. I bought a theme to work on and have been adjusting some things. This project will be free. My friend's dad has a large network and I'm looking forward to doing an awesome job to leverage it into other opportunities.

Website: AVH ONE
 

Don't like ads? Remove them while supporting the forum. Subscribe.

Danczyk

Contributor
Feb 20, 2019
56
65
113
Belarus
Can you tell what makes you different from the rest? How do you plan to attract more clients for him? SEO or maybe some FB ads?

This squarespace site is one of the worst sites I have seen in a long while. From header to footer everything is wrong. The hero image on the carousel is 236x157px. You will easily make a site which is 100 times better.

I am also on the same boat. Although I must say I am more seasoned than many of the guys here my struggle is finding a client from western world while staying in good ol' Eastern Europe.

Good luck Will and update us.
 
OP
OP
William

William

J
FASTLANE INSIDER
Read Millionaire Fastlane
I've Read UNSCRIPTED
Speedway Pass
Feb 15, 2012
160
152
108
Philadelphia
@Fox

or anyone with solid experience building websites

When first getting involved in editing an HTML theme for one of your first clients:

Is it something you learn through trial and error? (messing around with the code)

Or, do you have a particular strategy or science behind it? (ex. edit content first, edit styling second, adding features last, etc.)

Is it simply deleting what you don’t want and adding what you want and just getting used to that?

Looking for the right approach here. Any feedback would help.
 

r6203

Bronze Contributor
FASTLANE INSIDER
Read Millionaire Fastlane
Speedway Pass
Jul 11, 2013
144
191
154
Germany
Quick thoughts after I've looked at the "home" site:

- The height of the header section is way too big. There's too much "whitespace".
- The menu items in the header are too small. Increase the font size.
- The resolution of the 2 images (people and building) is way too small thus everything is blurred on. Get other images (take a look at unsplash.com)
- Thinking about the images... they serve no purpose and are wasting space. I would remove them altogether.
 

r6203

Bronze Contributor
FASTLANE INSIDER
Read Millionaire Fastlane
Speedway Pass
Jul 11, 2013
144
191
154
Germany
I was bored and quickly edited the site on the fly.
Just a quick glimpse on what I meant in my last post.

Obviously, this is just a quick example.

You are using way to many fonts on the site (at least 3 or 4 from what I've seen). Pick just one for the beginning and play with the font-weight and various sizes for different headlines.
I've chosen Roboto in my example.

FireShot Capture 002 - AVH ONE - www.avh-one.com.jpg
 

MB Burnette

Contributor
I've Read UNSCRIPTED
Mar 12, 2019
11
26
20
Texas
(Question) Is it something you learn through trial and error? (messing around with the code)

(Answer) In fact, you will only learn through trial and error. Of course, you want to find good resources to learn from. Remember, HTML and CSS is behind everything you see (browser rendered) on the internet. Just right-click any website to Inspect Element or View Page Source.

When I was first learning I used W3Schools Online Web Tutorials a lot. Although it's important to understand HTML(5), these days you can drag and drop entire websites. For example, with the Divi theme builder you could build an infinite variety of professional sites for most clients.

In my experience it is absolutely necessary to understand CSS because it's responsible for 90% of your design elements. Whereas HTML is primarily the outline of a website, CSS ultimately positions and layouts your design.

Most web designers are using Wordpress (33% of all websites on internet). I would recommend you become familiar with it. Set it up on a server and experiment with it. Wordpress sites can be built to do most anything (i.e. CMS, LMS, Ecommerce)

(Question) Or, do you have a particular strategy or science behind it? (ex. edit content first, edit styling second, adding features last, etc.)

Is it simply deleting what you don’t want and adding what you want and just getting used to that?

(Answer) It's a combination of everything you just said. It depends on your client. What do they want to achieve? What websites would they like to emulate? What features do they want? Graphic design, copy and content creation are different skill-sets than those of knowing markup languages (HTML and CSS). Also, it helps to know both web design and web developer aspects.

You can copy any design element of any website. The beauty of learning HTML, CSS, PHP, Javascript is it allows you to see behind the surface. Of course PHP and other programming languages are deeper in the backend (server side).

Just get in there and experiment. It's like learning a foreign language. Eventually you will be able to read the code and then you can manipulate the code.
 

Danczyk

Contributor
Feb 20, 2019
56
65
113
Belarus
@Fox

or anyone with solid experience building websites

When first getting involved in editing an HTML theme for one of your first clients:

Is it something you learn through trial and error? (messing around with the code)

Or, do you have a particular strategy or science behind it? (ex. edit content first, edit styling second, adding features last, etc.)

Is it simply deleting what you don’t want and adding what you want and just getting used to that?

Looking for the right approach here. Any feedback would help.
I have only a few years of experience so take it with a grain of salt.

Before you start you should know the purpose of the site you are doing. Without a purpose it's just a brochure which appears to be online. You should know what pictures what content you put on the site. At this point I generally draw something with pen and paper really and decide how it will look like. Desktop AND mobile versions both. Colors fonts animations all come later.

Are you comfortable with editing the theme you bought?

I was bored and quickly edited the site on the fly.
Just a quick glimpse on what I meant in my last post.
I guess he will make the site from the beginning.
 
OP
OP
William

William

J
FASTLANE INSIDER
Read Millionaire Fastlane
I've Read UNSCRIPTED
Speedway Pass
Feb 15, 2012
160
152
108
Philadelphia
Looking to re-design the whole thing from the beginning.

Have the base format: picked a theme, deleted some sections, and added sections from other themes that made sense.

Created a doc for the layout and purpose of the website.

Next step: fill in the content, edit the styling (delete margin, edit fonts, size, colors, etc.)

My friend's dad has been a bit unresponsive - but I'll continue to chip away.
 

Danczyk

Contributor
Feb 20, 2019
56
65
113
Belarus
They are always late to respond if they ever do.
You should share the result with us for a feedback when you finish the project.
 

404profound

Platinum Contributor
FASTLANE INSIDER
I've Read UNSCRIPTED
Speedway Pass
Aug 27, 2017
1,361
2,815
667
Desert of Desertion
@Fox

or anyone with solid experience building websites

When first getting involved in editing an HTML theme for one of your first clients:

Is it something you learn through trial and error? (messing around with the code)

Or, do you have a particular strategy or science behind it? (ex. edit content first, edit styling second, adding features last, etc.)

Is it simply deleting what you don’t want and adding what you want and just getting used to that?

Looking for the right approach here. Any feedback would help.
Best approach is to first decide what design you want with a wireframe. From there, the mix of CSS and HTML will dictate your structure and design.
 
OP
OP
William

William

J
FASTLANE INSIDER
Read Millionaire Fastlane
I've Read UNSCRIPTED
Speedway Pass
Feb 15, 2012
160
152
108
Philadelphia
Spent some time finding, editing, and inputting images to replace template photos. Filled in some content. Also, working with brackets and getting the hang of basic things - like how to navigate the files and code.

Little taxed mentally after some hours but it feels good figuring out small things bit by bit.

Trying to stay close to Fox’s method and keep things simple at first - simple edits - good clean site with purpose - few pages max.

There are some things I still need from my friend’s dad:

-Picture of him and staff
-Reviews from past clients
-Pictures and info about any standout jobs
-USP
-Brief story about the journey of his company

Will continue to work with what I have.
 

Don't like ads? Remove them while supporting the forum. Subscribe.

MB Burnette

Contributor
I've Read UNSCRIPTED
Mar 12, 2019
11
26
20
Texas
My goal: To get more people contacting him for consultation.
You're good with the above general purpose. But eventually, it's important to refine down to specific call to actions (CTAs).

It is possible to have just a one page site with multiple sections. Where each section has its own 'purpose', which replaces individual pages. Of course, you still link out to other internal pages.

Clearly, the most important factor is to define your purposes and then add CTAs to accomplish those purposes. Each page should only have 1 or 2 call to actions.

If wanting leads to call, then place telephone number on all pages (upper right top of page). Or left side...:) I just looked at the website!

Little taxed mentally after some hours but it feels good figuring out small things bit by bit.
It is mentally taxing, especially when you're learning and trying to do it all yourself. Because it's not just designing aesthetically attractive site, it's also most importantly designing a site that drives specific action.

I recommend you keep it simple. Look at all Google's pages and sites as excellent examples of simplicity with purpose.

Also, add a contact form in multiple locations. Can place form at bottom of page and jump from link at top.
 

GurpreetSingh

PARKED
Apr 15, 2019
1
0
3
My name is Will. I'm diving into web design. Fox's threads and info on web design have been eye opening. To see that he did it without prior experience is impressive. It leads me to believe that I can do it as well - with consistent effort.

I have a solid foundation in sales, writing, and have learned enough with web design to get started.

My good friend's dad has a Project / Program manage company. The website needs work for sure. He's a very creative person - he's an artist, a therapist, and works in architecture. However, he is pretty old school and his website seems to reflect that.

My goal: To get more people contacting him for consultation.

I set up a call with him today. I bought a theme to work on and have been adjusting some things. This project will be free. My friend's dad has a large network and I'm looking forward to doing an awesome job to leverage it into other opportunities.

Website: AVH ONE
Great!!!!
 

Create an account or login to comment

You must be a member in order to leave a comment

Create account

Create an account on our community. It's easy!

Log in

Already have an account? Log in here.

Sponsored Offers

  • Sticky
MARKETPLACE Lex DeVille's - Advanced Freelance Udemy Courses!
Just bought 5 of your Upwork courses. Thanks for making valuable content Lex!
  • Sticky
MARKETPLACE Kill Bigger Incubator
I've just concluded my program with Kyle. The incubator gave me what I wanted. Now, working on a...
  • Sticky
MARKETPLACE Fox's Web Design Guide: Earn $100K this year (Yes, 2020!) and Go Fastlane
Thanks for the detailed response. I see it similar, in the beginning, you have only a small...
  • Sticky
MARKETPLACE Grow Your Business With a Book (An Unorthodox Marketing Strategy That Built One of the Largest...
Thanks for your offer to look at my book. Here's the link to the squeeze page Buy The Prosperous...
  • Sticky
MARKETPLACE You Are One Call Away From Living Your Dream Life - LightHouse’s Accountability Program ⚡
The day I can afford to pay 800 a month to have someone keep me accountable is the day I've won...



Forum Sponsor

sponsor

New Topics

Fastlane Insiders

View the forum AD FREE.
Private, unindexed content
Detailed process/execution threads
Monthly conference calls with doers
Ideas needing execution, more!

Join Fastlane Insiders.

Top Bottom