Vivid Bridge Studios
Personality meets professionalism
- Portfolio System
- Blog
About This Project
To capture all of the personalities and skills of the Vivid Bridge team within a single website was no easy task. Especially while making sure that they are known as credible, trustworthy professionals. But at their core, they’re just a bunch of goofballs…who get shit done. Who WOULDN’T want to work with them?!
This project was a -very- collaborative effort with Vivid Bridge, Blacktop, and 3125 Communications.
Goals
- Bring the more personality and fun into the website
- Showcase full scope of video and marketing capabilities
- Make case studies and blog posts easy to add and update
- Show off a little 😉
Tools + Integrations
Adobe XD
Google Docs
InVision
WordPress
Vimeo
Truly Custom Design
This is one of the largest sites I’ve worked on—lots of pages, and LOTS of content…and we designed custom layouts for every single piece.
Their site is a one stop shop for anything a potential client could ever want to know about them—who they are, their process, their work, their expertise, and any possible FAQ they might have.
All of their content is easily accessible, link-able, and share-able via their own website. When a someone asks them a question, or needs a tutorial or reference—a quick “Here’s a link” will do the job. This every agency owner’s dream, come true.
Beyond Web Development
In addition to the site itself, I designed:
- branded thumbnails for social sharing
- branded browser icon and favicon
- branded icons and animations
- branded pop-up widgets
- branded shapes and patterns
I also provided moodboards and inspiration for the Vivid Bridge team’s photography and videography shoots—which they took, made it their own, and absolutely knocked out of the park.
Website Sitemap
- Primary CTA’s and demo reel
- High level overview of service offerings
- Video carousel of solutions
- Brief bit about VB
- Recent educational blog posts
- Contact form CTA
- 11 Case studies
- Interactive grid of work mixed with client testimonials
For each case study:
- Client name
- Interactive carousel of videos (some projects only have one final video, where others have several video clips to showcase)
- BTS and screenshot images throughout
- Behind the scenes:
- Description of the scope of the project
- The challenge
- Solutions
- 1-3 solution sections per project
- Full Project Recap
- List of services provided
- Project overview paragraph
- Final Deliverables list
- Gallery of project images (if applicable)
- CTA to view more projects
- Video
- Post-Production
- Strategic Digital Marketing
Goal: emphasizing that VB does more than just “make videos”—highlight the process, capabilities, results, and why a potential client should invest in it
- About VB
- Vivid Bridge’s Values
- Meet the team
- 6 team member profiles
- Show a BTS “moodboard” to give potential clients an idea of what it’s like to work with VB
For each team member, we created:
- Team member’s name
- Job title / position
- 3 “favorites:
- An illustrated character a.k.a. “Waymaker”
- A personality video
- A professional bio
- Mix of personal and “business” photos
- CTA to view other team members
- Blog
- 24 educational blog posts
- FAQ
- Quick FAQ’s to understand what VB does
- Knowledge Base
- Linked out to Zoho Desk support platform
- Contact form
- Interactive map of office location
- Address
- Hours
- Phone number
- Email address
- Social media links
Kind words from strangers 🙂
