scroll to see more

scroll to see more

scroll to see more

Project Brief

For my advanced web design course, I was tasked to redesign a nonprofit website. I selected the Colorado Wolf and Wildlife Center, a refuge I grew up near, as a way to give back to a community and cause I deeply care about. This project allowed me to apply my design expertise to create a more engaging and effective digital presence for the organization.

Deliverables

new website
ui/ux
detailed case study
accessability features
animated logo

Pine Grove Green

HEX: #478519

C:

76

M:

26

Y:

100

K:

11

R:

71

G:

133

B:

25

Pine Grove Green

HEX: #478519

C:

76

M:

26

Y:

100

K:

11

R:

71

G:

133

B:

25

Pine Grove Green

HEX: #478519

C:

76

M:

26

Y:

100

K:

11

R:

71

G:

133

B:

25

Grass Patch Green

HEX: #98CB45

C:

45

M:

0

Y:

95

K:

0

R:

152

G:

203

B:

69

Grass Patch Green

HEX: #98CB45

C:

45

M:

0

Y:

95

K:

0

R:

152

G:

203

B:

69

Grass Patch Green

HEX: #98CB45

C:

45

M:

0

Y:

95

K:

0

R:

152

G:

203

B:

69

Wild Violet

HEX: #9A3BBB

C:

52

M:

84

Y:

0

K:

0

R:

154

G:

59

B:

187

Wild Violet

HEX: #9A3BBB

C:

52

M:

84

Y:

0

K:

0

R:

154

G:

59

B:

187

Wild Violet

HEX: #9A3BBB

C:

52

M:

84

Y:

0

K:

0

R:

154

G:

59

B:

187

Slate Grey

HEX: #2D2D2D

C:

70

M:

64

Y:

63

K:

64

R:

45

G:

45

B:

45

Slate Grey

HEX: #2D2D2D

C:

70

M:

64

Y:

63

K:

64

R:

45

G:

45

B:

45

Slate Grey

HEX: #2D2D2D

C:

70

M:

64

Y:

63

K:

64

R:

45

G:

45

B:

45

Dog Nose Black

HEX: #171717

C:

73

M:

67

Y:

65

K:

80

R:

23

G:

23

B:

23

Dog Nose Black

HEX: #171717

C:

73

M:

67

Y:

65

K:

80

R:

23

G:

23

B:

23

Dog Nose Black

HEX: #171717

C:

73

M:

67

Y:

65

K:

80

R:

23

G:

23

B:

23

Wolf Grey

HEX: #F2F2F2

C:

4

M:

2

Y:

2

K:

0

R:

242

G:

242

B:

242

Wolf Grey

HEX: #F2F2F2

C:

4

M:

2

Y:

2

K:

0

R:

242

G:

242

B:

242

Wolf Grey

HEX: #F2F2F2

C:

4

M:

2

Y:

2

K:

0

R:

242

G:

242

B:

242

Desktop Text Styles

Desktop Text Styles

Desktop Text Styles

Tablet Text Styles

Tablet Text Styles

Tablet Text Styles

Mobile Text Styles

Mobile Text Styles

Mobile Text Styles

Button Styles

Button Styles

Button Styles

About CWWC

The Colorado Wolf and Wildlife Center is one of the few U.S. sanctuaries certified by the Association of Zoos and Aquariums (AZA). It educates the public on the vital role wolves, coyotes, and foxes play in maintaining ecosystems, while emphasizing the preservation of forests, land, and water for future generations. The center also provides natural habitats and exceptional care for animals unable to live in the wild, offering them dignified lives and inspiring visitors to value conservation.

Old Website

Analysis Summary

CWWC’s current website is an outdated design that lacks modern responsiveness standards which can significantly impair the overall user experience, especially for those trying to use the website via smartphone, by making it difficult for visitors to navigate and engage. The cluttered navigation bar, in combination with pages cluttered with an overabundance of information and unintuitive calls-to-action creates confusion and frustration among it’s users which could potentially lead to disengagement from its users and parties that are interested in their cause. These issues collectively detract from the overall usability and effectiveness of the website.

New Website Design

Mockups

Prismic Designs LLC 2025

Prismic Designs LLC 2025