Web Designer

Save A Fox - Rebrand

As an exercise, I tried my hand at rebranding a website. I chose a non-profit animal rescue/sancuatry Save A Fox, where they rescue foxes from fur farms and other situations. Their current website is decent, but I felt could be more lively and reflect the values of Save A Fox. I wouldn't code this website, but rather just design it in Figma.

Original Save A Fox homepage
Original Save A Fox homepage
Original Save A Fox store page
Original Save A Fox store page

Wireframing

One of the first things I did starting into the project was to design wireframes for the new website rebrand.

Wireframe - Home
Wireframe - Home
Wireframe - Product Collection
Wireframe - Product Collection
Wireframe - Product Details
Wireframe - Product Details
Wireframe - Shopping Cart
Wireframe - Shopping Cart

Ideas

I came up with two directions this rebrand could go, and wound up choosing the second idea, as I felt it more reflected Save A Fox's personality of open and playful. I would however, wind up keeping both idea's key visuals, as I felt both were great and felt inline with the theme I was going for.

Idea One - Elegant Fox Rebrand

Idea 1 Statement - Elegant Fox Rebrand; Save A Fox is a rescue sanctuary for foxes rescued mostly from fur farms. We want to create a website that is fitting for them. Foxes are elegant, foxy, slick and clever creatures, and deserve to be treated with respect.
Idea 1 Statement - Elegant Fox Rebrand
Idea 1 - Mood Board
Idea 1 - Mood Board
Idea 1 - Key Visual
Idea 1 - Key Visual

Idea Two - Rustic Fox Rebrand

Idea 2 Statement - Rustic Fox Rebrand; Save A Fox is a rescue sanctuary for foxes rescued mostly from fur farms. We want to create a website that is fitting for them. At Save A Fox, foxes live happy, healthy, carefree lives they can in captivity, while still remaining wild.
Idea 2 Statement - Rustic Fox Rebrand
Idea 2 - Mood Board
Idea 2 - Mood Board
Idea 2 - Key Visual
Idea 2 - Key Visual

Designing for Desktop

Desktop - Homepage
Desktop - Homepage with Promo
Desktop - Homepage with dropdown menu
Desktop - Product Collection
Desktop - Product Collection with dropdown menu
Desktop - Product Detail
Desktop - Shopping Cart
Save A Fox Rebrand Mockup
Save A Fox Rebrand Mockup

Designing for Mobile

Screenshot of all mobile version pages
Screenshot of all mobile version pages
Mobile - Homepage
Mobile - Homepage
Mobile - Homepage Promo
Mobile - Homepage Promo
Mobile - Homepage dropdown menu
Mobile - Homepage dropdown menu
Mobile - Product Collection
Mobile - Product Collection
Mobile - Product Collection Submenu
Mobile - Product Collection Submenu
Mobile - Product Details
Mobile - Product Details
Mobile - Shopping Cart
Mobile - Shopping Cart

Figma Project

Figma Desktop Prototype
Figma Mobile Prototype