We were given the following brand voice guidelines and scenarios to work with.
Brand voice guidelines
GuerillaBox’s voice is that of an experienced and compassionate business partner. We use a conversational voice and play with language to bring joy to the workplace. We are plainspoken, genuine, and a bit quirky. We prefer subtle, dry humor.
Given the name of the company is "GuerillaBox," I decided to utilize some slightly ‘military’ terminology to push the identity a bit further. Regarding tone, we're talking about error messages, so primarily I wanted language to be informative. However, I thought it didn't hurt to have a little subtle, quirkiness without overdoing it.
"GuerillaBox needs five error messages for their signup screen. The error messages should be no more than 100 characters."
- Invalid email
- Email already exists
- Invalid password (passwords must be a least eight characters long and contain at least one number)
- Invalid username. (usernames can only contain letters and numbers)
- Username already exists
A rudimentary wireframe was provided. I took note of it and designed a new screen that was more up-to-date with best practices around forms.
- Suggested title— "Meet GuerillaBox".
- Suggested description— "Seamlessly integrate your customer communication channels: Facebook, Instagram, WhatsApp and more -- all in one place."
- Suggested CTA text— "Sign up"
- New title— "Join GuerillaBox!".
Conveying excitement. You're part of a movement here.
- New description— "Your new communication command center is waiting for you. Manage your favorite channels from a single hub."
Incorporating some slightly ‘military’ terminology to go with the ‘Guerilla’ theme. but keeping it plainspoken and genuine
- New CTA text— "Let's go!"
Staying consistent with the theme. Enthusiasm!
- To keep in line with best practices, I went without placeholder text within the form field in favor of hint text under the label to assist with error prevention.
- I also added a sign in link for those with an account, and a terms and conditions link at the bottom as it's very common to see.
It wasn't required, but I thought it would be helpful to add some brand personality. With the help of Midjourney, I whipped up something suitable as a concept.
What Midjourney did
- a logo for a tech company featuring a gorilla and a box. The gorilla has friendly eyes, a big smile and slightly resembles donkey kong. There is a simple logo on the front of the box incorporating the letters g and b. Show just the gorilla's head.