website anatomy - what makes a good website?
Post on 17-Jul-2015
132 Views
Preview:
TRANSCRIPT
WEBSITE ANATOMYWhat makes a Good Website?
ABOUT THE SPEAKERZakery Kates is the founder of Simple Edge Marketing, a Web Development and Web Marketing firm in Naperville.
Simple Edge has been building Custom Wordpress websites since 2010.
2014 - Simple Edge won the Naperville Chamber's Small Business of the Year Award in the Young Entrepreneur Category.
Additionally, Zak is an officer with the Naperville Jaycees, a KidsMatter Board Trustee and the Social Media Director for Naperville's Ribfest.
• How are websites built?
• What makes a good website?
• Where to begin w/ a small budget
HTML/CSS
• HTML is your content - Raw Materials
• CSS is how your content looks - Blue Print
HTML/CSS CONT…
• <head>
• <body>
HTML/CSS CONT…
• Playing w/ DIVs
• Playing w/ List Items
• What are Classes and IDs?
JAVASCRIPT (JQUERY)
• Interactivity on your website
• JavaScript Libraries - jQuery, etc.
WHAT MAKES A GOOD WEBSITE?
• Page Structure
• User Experience
PAGE STRUCTURE
• Webpage Load Speed
• SEO (Search Engine Optimization)
• Security
LOAD SPEED
SEO
SEO CONT…
• What’s google’s goal?
SEO CONT…
• Permalink• Title• Description• H1• Content• Images (title and name)• Additional Media
USER EXPERIENCE
• Mobile
• Design
• Content
MOBILE
DESIGN
DESIGN CONT…
• It takes only .05 seconds (a blink of an eye) for visitors to form an opinion about your website. Source: BBC
DESIGN CONT…
• Keep it Simple
• Clear Messaging
• Easy to navigate (search box)
• Don’t use too many colors (mindful of disabilities)
CONTENT• Break up Content w/ Sub Headings
• Use Bullet Points
• Strategic Formatting (Quotes, Bolding, etc.)
• Media - Images, Graphs, Visuals, Video, etc.
CONTENT CONT…
–Steve Jobs
“Simple can be harder than complex: You have to work hard to get your thinking
clean to make it simple.”
SMALL BUDGETS
• http://www.squarespace.com
• https://wordpress.com
• http://themeforest.net/category/wordpress
top related