UFCW Branding and Web Production
Website Logo
Animated Slider
Iconography
Favicon 96×96 PNG Image for Apple Touch
Favicon 32×32 PNG Image
Color Swatch
Typography
Open Sans, Helvetica, Arial, sans-serif
h1: 36px,
h2: 30px
h3: 24px
h4: 18px
h5: 14px
h6: 12px
Project Responsibilities
Branding and Web Production
Tools Used
Plugins: Responsive Slider
Graphics Programs: Sketch and Photoshop
Project Details
The website’s brand must match the original company style guide colors, typography and font sizes.
Challenge
To create the original brand identity.
Solution
The companies website was created using the organizations original style guide. The logo that was used on the original site was using incorrect colors and typography. I decided to recreate the logo using the organization’s original style guide featuring lighter blues and deeper yellows. The 648 logo text used a helvetica font and had to be changed to a MatrixBoldLining font. I added the companies tag line “A voice for working America”, as well as a favicon that used the logos brand identity. I chose to use silvers and blues for the animated sliders to add a 4th color to the mix.
Animated Slider Banner Development
Welcome Animated Banner
Latest News Animated Banner
MMA & UFCW 648 Partnership Animated Banner
Find your Rep Animated Banner
Project Responsibilities
Graphics, Imaging, Copy Editing and Slider Programing
Tools Used
Plugin: Responsive Slider
Graphics Programs: Photoshop, Fireworks, Illustrator
Project Details
I wanted to come up with a creative way to advertise the client’s different services on the front page of the website above the fold of the web page, so decided to create animated banners using a responsive slider. Each banner showcases custom designed graphics, a short description about the specific services offered and a service page button calls-to-action. All banners are fully animated and the Learn More! button was custom designed.