· web viewi chose a clean design that would be more mobile-responsive without the need for a...

19
1 Module 5: Website Update, CompanionParrots.org Austin McComas East Carolina University English 6715: Foundations of Technical and Professional Communication Dr. Guiseppe Getto November 16, 2020

Upload: others

Post on 31-Dec-2020

0 views

Category:

Documents


0 download

TRANSCRIPT

Page 1:  · Web viewI chose a clean design that would be more mobile-responsive without the need for a dedicated mobile site, see Figure 3. I also wish to present more content-rich educational

1

Module 5:

Website Update, CompanionParrots.org

Austin McComas

East Carolina University

English 6715: Foundations of Technical and Professional Communication

Dr. Guiseppe Getto

November 16, 2020

Page 2:  · Web viewI chose a clean design that would be more mobile-responsive without the need for a dedicated mobile site, see Figure 3. I also wish to present more content-rich educational

2

Project Notes

This draft for my module 5/final project will consist of refining

modules 3 and 4 into a full website redesign. Needed: document plan,

persona

Page 3:  · Web viewI chose a clean design that would be more mobile-responsive without the need for a dedicated mobile site, see Figure 3. I also wish to present more content-rich educational

3

Introduction

Companion Parrots Re-homed is a non-profit organization located in

Charlotte, NC. They specialize in the rehabilitation of injured and

abandoned parrots. Lacking any significant updates in the better part of a

decade, their website: http://www.companionparrots.org/ needs

rehabilitation of its own, see Figure 1.

Figure 1

CompanionParrots.org Home Page

Page 4:  · Web viewI chose a clean design that would be more mobile-responsive without the need for a dedicated mobile site, see Figure 3. I also wish to present more content-rich educational

4

Content Audit/Site Update – CompanionParrots.org

Statement of Purpose

Companion Parrots Re-homed wants a more interactive website that

will help capture traffic lost during coronavirus with the ability to perform

site updates on-demand.

Priorities

Parrots available for adoption – live inventory, finding new homes for

these parrots

o Ex. http://www.companionparrots.org/index.php?

content=companionparrots/adoption_africangreys - Simon not

currently available, see Figure 2.

Figure 2

Simon The Congo African Grey

Page 5:  · Web viewI chose a clean design that would be more mobile-responsive without the need for a dedicated mobile site, see Figure 3. I also wish to present more content-rich educational

5

Revenue – donations, education classes, traffic towards retail store

Awareness/brand recognition

Data Audit

When preparing for a complete site migration/update, it is essential to

inventory all assets, media, pages, and links. This helps lay the foundation

for the redesign and ensures no pages get left behind. The

CompanionParrots.org quantitative content audit is located in Table 2,

which spans the next three pages.

Table 2

CompanionParrots.org Quantitative Content Audit

Tools used: Content WRX Audit

Results for all pages:

Type Counttext/html 159text/css 4application/javascript

6

text/javascript 1application/pdf 4image/gif 10image/jpeg 601image/png 38

Details for home page:

URL http://www.companionparrots.org/In Scope TRUEType text/htmlSize 15762Scan completed

Page 6:  · Web viewI chose a clean design that would be more mobile-responsive without the need for a dedicated mobile site, see Figure 3. I also wish to present more content-rich educational

6

StatusServer Status Code

200

LastUpdatedLevel 0Title Companion Parrots Re-homed: Giving Parrots a Fresh StartDescription

Companion Parrots Re-homed accepts companion parrots from unwanted emergency or crisis situations throughout Greater Charlotte North Carolina and to facilitate through training and education new adoptive homes for these sensitive and intelligent birds

Keywords Companion Parrots Parrots Re-homed Parrot Adoption Unwanted Parrots Charlotte North Carolina

H1 Tag TextsWord Count

301

IMAGES (15)

http://www.companionparrots.org/animated_favicon1.gif

http://www.companionparrots.org/companionparrots/amazon-smile-link.png

http://www.companionparrots.org/companionparrots/images/CPR-on-the-GO.jpg

http://www.companionparr

Page 7:  · Web viewI chose a clean design that would be more mobile-responsive without the need for a dedicated mobile site, see Figure 3. I also wish to present more content-rich educational

7

ots.org/companionparrots/images/Talking-Bird-3-new.jpg

http://www.companionparrots.org/companionparrots/images/waldo_senegal_BOTM.jpg

http://www.companionparrots.org/companionparrots/images/Website-Signup.jpg

http://www.companionparrots.org/companionparrots/images/Website-Sponsor-Me2.jpg

http://www.companionparrots.org/images/facebook30px.png

http://www.companionparrots.org/images/header.jpg

http://www.companionparrots.org/images/logo_homepage.gif

http://www.companionparrots.org/images/make_donation.gif

http://www.companionparrots.org/images/ParrotU_Ad.jpg

http://www.companionparrots.org/images/

Page 8:  · Web viewI chose a clean design that would be more mobile-responsive without the need for a dedicated mobile site, see Figure 3. I also wish to present more content-rich educational

8

toolbar.jpg http://

www.companionparrots.org/images/twitter30px.png

http://www.companionparrots.org/images/youtube30px.png

DOCS (2)

http://www.companionparrots.org/Links/2020%20FINAL_%20August%20calendar_FINAL%20%20200723.pdf

http://www.companionparrots.org/Links/2020%20FINAL_September%20calendar_FINAL%20%20200723.pdf

LINKS IN (1)

http://www.companionparrots.org/index-content-contact.htm

Page 9:  · Web viewI chose a clean design that would be more mobile-responsive without the need for a dedicated mobile site, see Figure 3. I also wish to present more content-rich educational

9

LINKS OUT (21)

https://wolandweb.com/ http://www.companionparrots.org/index-content-resources.htm http://www.companionparrots.org/Links/2020%20FINAL_

%20August%20calendar_FINAL%20%20200723.pdf http://www.companionparrots.org/mystyle.css http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js https://www.youtube.com/user/companionparrotsrhm http://parrotu.com/ http://www.companionparrots.org/index-content-waystohelp.htm http://www.companionparrots.org/js/effects.js http://www.companionparrots.org/index.php?

content=companionparrots/adoption_other https://www.facebook.com/CompanionParrots http://www.companionparrots.org/fancybox/jquery.mousewheel-

3.0.4.pack.js http://www.companionparrots.org/index-content-contact.htm http://www.companionparrots.org/fancybox/jquery.fancybox-

1.3.4.pack.js http://www.companionparrots.org/Links/

2020%20FINAL_September%20calendar_FINAL%20%20200723.pdf

http://www.companionparrots.org/index.php?content=companionparrots/waystohelp_donate

https://twitter.com/CPRHparrots http://smile.amazon.com/ch/26-2134987 http://www.companionparrots.org/index-content-education.htm https://signup.com/group/6661725100106 http://www.companionparrots.org/fancybox/jquery.fancybox-

1.3.4.css

Recommendation

In addition to acknowledging that their site is out of date, Companion

Parrots Re-homed also requests a better way to update their site. Currently

written in PHP, each change request must be forwarded to the webmaster

for a monthly site update. I recommend a redesign in WordPress so the

Page 10:  · Web viewI chose a clean design that would be more mobile-responsive without the need for a dedicated mobile site, see Figure 3. I also wish to present more content-rich educational

10

client may perform inventory updates without the need for someone versed

in PHP. Additionally, I recommend WordPress due to the large amount of

community support for the platform.

Page 11:  · Web viewI chose a clean design that would be more mobile-responsive without the need for a dedicated mobile site, see Figure 3. I also wish to present more content-rich educational

11

I have put together a sample portfolio of clean and educational styled

website templates for the client – Companion Parrots Re-homed. I chose a

clean design that would be more mobile-responsive without the need for a

dedicated mobile site, see Figure 3. I also wish to present more content-rich

educational themes with child-like ethos if the client so wishes to exemplify

the educational aspect of their organization, see

http://www.companionparrots.org/index-content-education.htm and Figure

4.

Figure 3

Clean Website Design Samples

Page 12:  · Web viewI chose a clean design that would be more mobile-responsive without the need for a dedicated mobile site, see Figure 3. I also wish to present more content-rich educational

12

Figure 4

Educational Website Design Samples

Page 13:  · Web viewI chose a clean design that would be more mobile-responsive without the need for a dedicated mobile site, see Figure 3. I also wish to present more content-rich educational

13

Wireframe

One of the most important features the client asked for is updating

site content themselves. Working within the "blog-like" limitations of

WordPress, I found the Gutenberg editor the most likely candidate for ease

of use. While utilizing different themes within the WordPress editor allowed

me to quickly demonstrate the site's visual aspects, creating this wireframe,

see Figure 5, made it much easier to explain why individual blocks must be

located at specific points webpage.

Figure 5

CompanionParrots.org Wireframe

Page 14:  · Web viewI chose a clean design that would be more mobile-responsive without the need for a dedicated mobile site, see Figure 3. I also wish to present more content-rich educational

14

Page 15:  · Web viewI chose a clean design that would be more mobile-responsive without the need for a dedicated mobile site, see Figure 3. I also wish to present more content-rich educational

15

Prototype

Having successfully explained the design constraints to the client, I

wanted to mock-up secondary page navigation. Utilizing lo-fi prototyping

techniques, secondary pages are available via "click" by turning the

notebook to the new page. This prototype shows a user navigating to the

secondary page "bird of the month" from the "home page." (See Figure 6).

Figure 6

CompanionParrots.org Prototype

Page 16:  · Web viewI chose a clean design that would be more mobile-responsive without the need for a dedicated mobile site, see Figure 3. I also wish to present more content-rich educational

16

Target

Having successfully explained the design plan to the client, I was able

to show a more complete visual representation of what the new site should

look like. Please note that this is only a representation of the website and

that there is no backend. (See Figure 7).

Figure 7

CompanionParrots.org Visual Prototype

Page 17:  · Web viewI chose a clean design that would be more mobile-responsive without the need for a dedicated mobile site, see Figure 3. I also wish to present more content-rich educational

17