Your Website Sucks, Let’s Make it Awesome€¦ · Your Website Sucks, Let’s Make it Awesome...
Transcript of Your Website Sucks, Let’s Make it Awesome€¦ · Your Website Sucks, Let’s Make it Awesome...
![Page 1: Your Website Sucks, Let’s Make it Awesome€¦ · Your Website Sucks, Let’s Make it Awesome Scarlett Rosier Co-Founder, Rhyme & Reason Design @scar_ro OCT 31, 2017 PRESENTED BY](https://reader034.fdocuments.net/reader034/viewer/2022050112/5f49a8b7e3161458236185d1/html5/thumbnails/1.jpg)
Your Website Sucks, Let’s Make it Awesome
Scarlett RosierCo-Founder, Rhyme & Reason Design@scar_ro
O C T 3 1 , 2 0 1 7
P R E S E N T E D B Y
![Page 2: Your Website Sucks, Let’s Make it Awesome€¦ · Your Website Sucks, Let’s Make it Awesome Scarlett Rosier Co-Founder, Rhyme & Reason Design @scar_ro OCT 31, 2017 PRESENTED BY](https://reader034.fdocuments.net/reader034/viewer/2022050112/5f49a8b7e3161458236185d1/html5/thumbnails/2.jpg)
Uh Oh.
![Page 3: Your Website Sucks, Let’s Make it Awesome€¦ · Your Website Sucks, Let’s Make it Awesome Scarlett Rosier Co-Founder, Rhyme & Reason Design @scar_ro OCT 31, 2017 PRESENTED BY](https://reader034.fdocuments.net/reader034/viewer/2022050112/5f49a8b7e3161458236185d1/html5/thumbnails/3.jpg)
On a scale of 1-10,how bad is it?
![Page 4: Your Website Sucks, Let’s Make it Awesome€¦ · Your Website Sucks, Let’s Make it Awesome Scarlett Rosier Co-Founder, Rhyme & Reason Design @scar_ro OCT 31, 2017 PRESENTED BY](https://reader034.fdocuments.net/reader034/viewer/2022050112/5f49a8b7e3161458236185d1/html5/thumbnails/4.jpg)
Scream, shout and tell me why it sucks!
![Page 5: Your Website Sucks, Let’s Make it Awesome€¦ · Your Website Sucks, Let’s Make it Awesome Scarlett Rosier Co-Founder, Rhyme & Reason Design @scar_ro OCT 31, 2017 PRESENTED BY](https://reader034.fdocuments.net/reader034/viewer/2022050112/5f49a8b7e3161458236185d1/html5/thumbnails/5.jpg)
The industry
says it sucks.
![Page 6: Your Website Sucks, Let’s Make it Awesome€¦ · Your Website Sucks, Let’s Make it Awesome Scarlett Rosier Co-Founder, Rhyme & Reason Design @scar_ro OCT 31, 2017 PRESENTED BY](https://reader034.fdocuments.net/reader034/viewer/2022050112/5f49a8b7e3161458236185d1/html5/thumbnails/6.jpg)
User Experience/Functionality
T H E I N D U S T R Y S A Y S I T S U C K S B E C A U S E O F . . .
REASON
#1
![Page 7: Your Website Sucks, Let’s Make it Awesome€¦ · Your Website Sucks, Let’s Make it Awesome Scarlett Rosier Co-Founder, Rhyme & Reason Design @scar_ro OCT 31, 2017 PRESENTED BY](https://reader034.fdocuments.net/reader034/viewer/2022050112/5f49a8b7e3161458236185d1/html5/thumbnails/7.jpg)
USER EXPERIENCE (UX): A person’s emotions and attitudes about using a particular product, system or service. It includes the practical, experiential, affective, meaningful and valuable aspects of human-computer interaction and product ownership.
![Page 8: Your Website Sucks, Let’s Make it Awesome€¦ · Your Website Sucks, Let’s Make it Awesome Scarlett Rosier Co-Founder, Rhyme & Reason Design @scar_ro OCT 31, 2017 PRESENTED BY](https://reader034.fdocuments.net/reader034/viewer/2022050112/5f49a8b7e3161458236185d1/html5/thumbnails/8.jpg)
Bad User Experience Example:
![Page 9: Your Website Sucks, Let’s Make it Awesome€¦ · Your Website Sucks, Let’s Make it Awesome Scarlett Rosier Co-Founder, Rhyme & Reason Design @scar_ro OCT 31, 2017 PRESENTED BY](https://reader034.fdocuments.net/reader034/viewer/2022050112/5f49a8b7e3161458236185d1/html5/thumbnails/9.jpg)
Good User Experience Example:
![Page 10: Your Website Sucks, Let’s Make it Awesome€¦ · Your Website Sucks, Let’s Make it Awesome Scarlett Rosier Co-Founder, Rhyme & Reason Design @scar_ro OCT 31, 2017 PRESENTED BY](https://reader034.fdocuments.net/reader034/viewer/2022050112/5f49a8b7e3161458236185d1/html5/thumbnails/10.jpg)
AWESOME FIX #1:
User Experience/Functionality
![Page 11: Your Website Sucks, Let’s Make it Awesome€¦ · Your Website Sucks, Let’s Make it Awesome Scarlett Rosier Co-Founder, Rhyme & Reason Design @scar_ro OCT 31, 2017 PRESENTED BY](https://reader034.fdocuments.net/reader034/viewer/2022050112/5f49a8b7e3161458236185d1/html5/thumbnails/11.jpg)
Content
T H E I N D U S T R Y S A Y S I T S U C K S B E C A U S E O F . . .
REASON
#2
![Page 12: Your Website Sucks, Let’s Make it Awesome€¦ · Your Website Sucks, Let’s Make it Awesome Scarlett Rosier Co-Founder, Rhyme & Reason Design @scar_ro OCT 31, 2017 PRESENTED BY](https://reader034.fdocuments.net/reader034/viewer/2022050112/5f49a8b7e3161458236185d1/html5/thumbnails/12.jpg)
Bad Content Example:
![Page 13: Your Website Sucks, Let’s Make it Awesome€¦ · Your Website Sucks, Let’s Make it Awesome Scarlett Rosier Co-Founder, Rhyme & Reason Design @scar_ro OCT 31, 2017 PRESENTED BY](https://reader034.fdocuments.net/reader034/viewer/2022050112/5f49a8b7e3161458236185d1/html5/thumbnails/13.jpg)
Good Content Example:
![Page 14: Your Website Sucks, Let’s Make it Awesome€¦ · Your Website Sucks, Let’s Make it Awesome Scarlett Rosier Co-Founder, Rhyme & Reason Design @scar_ro OCT 31, 2017 PRESENTED BY](https://reader034.fdocuments.net/reader034/viewer/2022050112/5f49a8b7e3161458236185d1/html5/thumbnails/14.jpg)
AWESOME FIX #2:
Content
![Page 15: Your Website Sucks, Let’s Make it Awesome€¦ · Your Website Sucks, Let’s Make it Awesome Scarlett Rosier Co-Founder, Rhyme & Reason Design @scar_ro OCT 31, 2017 PRESENTED BY](https://reader034.fdocuments.net/reader034/viewer/2022050112/5f49a8b7e3161458236185d1/html5/thumbnails/15.jpg)
PRO TIP: A website is a living, breathing thing, you can and should update content regularly to keep it fresh.
![Page 16: Your Website Sucks, Let’s Make it Awesome€¦ · Your Website Sucks, Let’s Make it Awesome Scarlett Rosier Co-Founder, Rhyme & Reason Design @scar_ro OCT 31, 2017 PRESENTED BY](https://reader034.fdocuments.net/reader034/viewer/2022050112/5f49a8b7e3161458236185d1/html5/thumbnails/16.jpg)
Design
T H E I N D U S T R Y S A Y S I T S U C K S B E C A U S E O F . . .
REASON
#3
![Page 17: Your Website Sucks, Let’s Make it Awesome€¦ · Your Website Sucks, Let’s Make it Awesome Scarlett Rosier Co-Founder, Rhyme & Reason Design @scar_ro OCT 31, 2017 PRESENTED BY](https://reader034.fdocuments.net/reader034/viewer/2022050112/5f49a8b7e3161458236185d1/html5/thumbnails/17.jpg)
Bad Design Example:
![Page 18: Your Website Sucks, Let’s Make it Awesome€¦ · Your Website Sucks, Let’s Make it Awesome Scarlett Rosier Co-Founder, Rhyme & Reason Design @scar_ro OCT 31, 2017 PRESENTED BY](https://reader034.fdocuments.net/reader034/viewer/2022050112/5f49a8b7e3161458236185d1/html5/thumbnails/18.jpg)
Good Design Example:
![Page 19: Your Website Sucks, Let’s Make it Awesome€¦ · Your Website Sucks, Let’s Make it Awesome Scarlett Rosier Co-Founder, Rhyme & Reason Design @scar_ro OCT 31, 2017 PRESENTED BY](https://reader034.fdocuments.net/reader034/viewer/2022050112/5f49a8b7e3161458236185d1/html5/thumbnails/19.jpg)
AWESOME FIX #3:
Design
![Page 20: Your Website Sucks, Let’s Make it Awesome€¦ · Your Website Sucks, Let’s Make it Awesome Scarlett Rosier Co-Founder, Rhyme & Reason Design @scar_ro OCT 31, 2017 PRESENTED BY](https://reader034.fdocuments.net/reader034/viewer/2022050112/5f49a8b7e3161458236185d1/html5/thumbnails/20.jpg)
Search
T H E I N D U S T R Y S A Y S I T S U C K S B E C A U S E O F . . .
REASON
#4
![Page 21: Your Website Sucks, Let’s Make it Awesome€¦ · Your Website Sucks, Let’s Make it Awesome Scarlett Rosier Co-Founder, Rhyme & Reason Design @scar_ro OCT 31, 2017 PRESENTED BY](https://reader034.fdocuments.net/reader034/viewer/2022050112/5f49a8b7e3161458236185d1/html5/thumbnails/21.jpg)
SEARCH ENGINE OPTIMIZATION (SEO): The process of maximizing the number of visitors to a particular website by ensuring that the site appears high on the list of results returned by a search engine.
![Page 22: Your Website Sucks, Let’s Make it Awesome€¦ · Your Website Sucks, Let’s Make it Awesome Scarlett Rosier Co-Founder, Rhyme & Reason Design @scar_ro OCT 31, 2017 PRESENTED BY](https://reader034.fdocuments.net/reader034/viewer/2022050112/5f49a8b7e3161458236185d1/html5/thumbnails/22.jpg)
Bad Search Example:
![Page 23: Your Website Sucks, Let’s Make it Awesome€¦ · Your Website Sucks, Let’s Make it Awesome Scarlett Rosier Co-Founder, Rhyme & Reason Design @scar_ro OCT 31, 2017 PRESENTED BY](https://reader034.fdocuments.net/reader034/viewer/2022050112/5f49a8b7e3161458236185d1/html5/thumbnails/23.jpg)
Good Search Example:
![Page 24: Your Website Sucks, Let’s Make it Awesome€¦ · Your Website Sucks, Let’s Make it Awesome Scarlett Rosier Co-Founder, Rhyme & Reason Design @scar_ro OCT 31, 2017 PRESENTED BY](https://reader034.fdocuments.net/reader034/viewer/2022050112/5f49a8b7e3161458236185d1/html5/thumbnails/24.jpg)
AWESOME FIX #4:
Search
![Page 25: Your Website Sucks, Let’s Make it Awesome€¦ · Your Website Sucks, Let’s Make it Awesome Scarlett Rosier Co-Founder, Rhyme & Reason Design @scar_ro OCT 31, 2017 PRESENTED BY](https://reader034.fdocuments.net/reader034/viewer/2022050112/5f49a8b7e3161458236185d1/html5/thumbnails/25.jpg)
PRO TIP: Focus on these four items first:
1. Understand your customers
2. Develop quality content
3. Link internally and externally
4. Keyword carefully
![Page 26: Your Website Sucks, Let’s Make it Awesome€¦ · Your Website Sucks, Let’s Make it Awesome Scarlett Rosier Co-Founder, Rhyme & Reason Design @scar_ro OCT 31, 2017 PRESENTED BY](https://reader034.fdocuments.net/reader034/viewer/2022050112/5f49a8b7e3161458236185d1/html5/thumbnails/26.jpg)
Content Management System/Functionality
T H E I N D U S T R Y S A Y S I T S U C K S B E C A U S E O F . . .
REASON
#5
![Page 27: Your Website Sucks, Let’s Make it Awesome€¦ · Your Website Sucks, Let’s Make it Awesome Scarlett Rosier Co-Founder, Rhyme & Reason Design @scar_ro OCT 31, 2017 PRESENTED BY](https://reader034.fdocuments.net/reader034/viewer/2022050112/5f49a8b7e3161458236185d1/html5/thumbnails/27.jpg)
CONTENT MANAGEMENT SYSTEM (CMS): A content management system is a computer application that supports the creation and modification of digital content. It is often used to support multiple users working in a collaborative environment.
1. Open-source: Wordpress, Joomla, Drupal,
2. Proprietary
![Page 28: Your Website Sucks, Let’s Make it Awesome€¦ · Your Website Sucks, Let’s Make it Awesome Scarlett Rosier Co-Founder, Rhyme & Reason Design @scar_ro OCT 31, 2017 PRESENTED BY](https://reader034.fdocuments.net/reader034/viewer/2022050112/5f49a8b7e3161458236185d1/html5/thumbnails/28.jpg)
Bad CMS/Functionality Example:
![Page 29: Your Website Sucks, Let’s Make it Awesome€¦ · Your Website Sucks, Let’s Make it Awesome Scarlett Rosier Co-Founder, Rhyme & Reason Design @scar_ro OCT 31, 2017 PRESENTED BY](https://reader034.fdocuments.net/reader034/viewer/2022050112/5f49a8b7e3161458236185d1/html5/thumbnails/29.jpg)
Good CMS/Functionality Example:
![Page 30: Your Website Sucks, Let’s Make it Awesome€¦ · Your Website Sucks, Let’s Make it Awesome Scarlett Rosier Co-Founder, Rhyme & Reason Design @scar_ro OCT 31, 2017 PRESENTED BY](https://reader034.fdocuments.net/reader034/viewer/2022050112/5f49a8b7e3161458236185d1/html5/thumbnails/30.jpg)
AWESOME FIX #5:
CMS
![Page 31: Your Website Sucks, Let’s Make it Awesome€¦ · Your Website Sucks, Let’s Make it Awesome Scarlett Rosier Co-Founder, Rhyme & Reason Design @scar_ro OCT 31, 2017 PRESENTED BY](https://reader034.fdocuments.net/reader034/viewer/2022050112/5f49a8b7e3161458236185d1/html5/thumbnails/31.jpg)
PRO TIP: If you are using WordPress it has some incredible user tutorials that you can watch/read that will help troubleshoot nearly every plugin on your site. Check it out here: https://learn.wordpress.com/
![Page 32: Your Website Sucks, Let’s Make it Awesome€¦ · Your Website Sucks, Let’s Make it Awesome Scarlett Rosier Co-Founder, Rhyme & Reason Design @scar_ro OCT 31, 2017 PRESENTED BY](https://reader034.fdocuments.net/reader034/viewer/2022050112/5f49a8b7e3161458236185d1/html5/thumbnails/32.jpg)
Google Says So
T H E I N D U S T R Y S A Y S I T S U C K S B E C A U S E O F . . .
BONUS
REASON
!!!
![Page 33: Your Website Sucks, Let’s Make it Awesome€¦ · Your Website Sucks, Let’s Make it Awesome Scarlett Rosier Co-Founder, Rhyme & Reason Design @scar_ro OCT 31, 2017 PRESENTED BY](https://reader034.fdocuments.net/reader034/viewer/2022050112/5f49a8b7e3161458236185d1/html5/thumbnails/33.jpg)
MOBILE RESPONSIVE: A responsive website automatically changes to fit the device you’re reading it on. There are four general screen sizes that responsive design has been aimed at: the widescreen desktop monitor, the smaller screen (laptop), tablet and mobile phone.
![Page 34: Your Website Sucks, Let’s Make it Awesome€¦ · Your Website Sucks, Let’s Make it Awesome Scarlett Rosier Co-Founder, Rhyme & Reason Design @scar_ro OCT 31, 2017 PRESENTED BY](https://reader034.fdocuments.net/reader034/viewer/2022050112/5f49a8b7e3161458236185d1/html5/thumbnails/34.jpg)
HTTPS:Consists of communication over Hypertext Transfer Protocol (HTTP) within a connection encrypted by Transport Layer Security or its predecessor Secure Sockets Layer (SSL).
![Page 35: Your Website Sucks, Let’s Make it Awesome€¦ · Your Website Sucks, Let’s Make it Awesome Scarlett Rosier Co-Founder, Rhyme & Reason Design @scar_ro OCT 31, 2017 PRESENTED BY](https://reader034.fdocuments.net/reader034/viewer/2022050112/5f49a8b7e3161458236185d1/html5/thumbnails/35.jpg)
Bad Google Example:
![Page 36: Your Website Sucks, Let’s Make it Awesome€¦ · Your Website Sucks, Let’s Make it Awesome Scarlett Rosier Co-Founder, Rhyme & Reason Design @scar_ro OCT 31, 2017 PRESENTED BY](https://reader034.fdocuments.net/reader034/viewer/2022050112/5f49a8b7e3161458236185d1/html5/thumbnails/36.jpg)
Good Google Example:
![Page 37: Your Website Sucks, Let’s Make it Awesome€¦ · Your Website Sucks, Let’s Make it Awesome Scarlett Rosier Co-Founder, Rhyme & Reason Design @scar_ro OCT 31, 2017 PRESENTED BY](https://reader034.fdocuments.net/reader034/viewer/2022050112/5f49a8b7e3161458236185d1/html5/thumbnails/37.jpg)
BONUS AWESOME FIX:
![Page 38: Your Website Sucks, Let’s Make it Awesome€¦ · Your Website Sucks, Let’s Make it Awesome Scarlett Rosier Co-Founder, Rhyme & Reason Design @scar_ro OCT 31, 2017 PRESENTED BY](https://reader034.fdocuments.net/reader034/viewer/2022050112/5f49a8b7e3161458236185d1/html5/thumbnails/38.jpg)
What did I learn?
Websites are judged harshly based on:
1. User Experience
2. Content
3. Design
4. Search
5. CMS
6. Google
But, I have the power to change things.
![Page 39: Your Website Sucks, Let’s Make it Awesome€¦ · Your Website Sucks, Let’s Make it Awesome Scarlett Rosier Co-Founder, Rhyme & Reason Design @scar_ro OCT 31, 2017 PRESENTED BY](https://reader034.fdocuments.net/reader034/viewer/2022050112/5f49a8b7e3161458236185d1/html5/thumbnails/39.jpg)
Pro tip cheat sheet
D O W N L O A D I T A T
RhymeAndReasonDesign.com/WebsiteProTips
![Page 40: Your Website Sucks, Let’s Make it Awesome€¦ · Your Website Sucks, Let’s Make it Awesome Scarlett Rosier Co-Founder, Rhyme & Reason Design @scar_ro OCT 31, 2017 PRESENTED BY](https://reader034.fdocuments.net/reader034/viewer/2022050112/5f49a8b7e3161458236185d1/html5/thumbnails/40.jpg)
You guys are awesome and your sites will be too!
Any questions?