Team Beachbody Re-Launch
Timeline:
2-3 years
Tools:
InDesign, Illustrator, Photoshop, Invision, Axure
Collaboration:
I worked closely with the director of UX as well as stakeholders from Product and from Marketing.
Process:
- Research, in various forms.
- Brainstorm
- Affinity Diagram
- Storyboard or Sketch
- Wireframe
- Usability Test
- Design that matches existing look and feel
- Prototype
- Hand-off to dev. team
- Visual QA from dev. team demo
- Sign-off for production
- Analytics
- Iterate with the guidance from analytics data and user feedback.
Studio Transcendent VR
Timeline:
1-2 months each project
Tools:
Illustrator, Photoshop
Collaboration:
The Studio Transcendent creative team, consisting of the executive creative director and other creatives.
Process:
I provide original VR concepts and also help others on the team refine their original ideas. Then I give creative direction to the artists and writers and construct a presentation deck.
Teamwork Pocket Guide
Timeline:
3 weeks
Tools:
InDesign, Illustrator, Photoshop
Collaboration:
An engineering team called The Spartans.
Process:
We wrote short mantras about the proper mindset for working on a team, then I created hand-lettering art and had several copies printed. Everyone on the team got one.
Body Beast Product Image Update
Timeline:
2 weeks
Tools:
InDesign, Illustrator, Photoshop
Collaboration:
I worked with a senior Art Director and consulted with several designers who had familiarity with this brand.
Process:
This project involved replacing digital product images across all sites because the iOS app touted in the product image was discontinued. Beyond the staggering list of deliverables, there was also the matter of updating all source files to match, which turned out to be a much bigger effort than the simply delivering updated images. I learned a great deal about the benefits of strict process with this project.
Beachbody Technology Event Posters
Timeline:
3-6 weeks each
Tools:
Illustrator, Photoshop
Collaboration:
Beachbody's Ignition Committee
Process:
A committee focused on innovation and developer culture at Beachbody asked me to create posters that would encourage participation in events like the company hack-a-thon. They were well received and even framed and given away as prizes.
Beachbody.com Animation Explorations
Timeline:
1 day
Tools:
Photoshop, HTML, CSS, Javascript
Collaboration:
I worked with a senior art director
Process:
I was asked to create an attractive transition for the detail info panel below some prominent thumbnails on the Beachbody.com home page. What I came up with was a very quick (0.2 seconds) and attractive transition that utilized CSS3 and some simple javascript to rotate a panel into view, without feeling like it was wasting a users time for the sake of animation.
Custom Hack-a-thon T-Shirt
Timeline:
1 day
Tools:
Photoshop, HTML, CSS, Javascript
Collaboration:
I worked with a senior art director
Process:
This is one of many shirts I created for internal team-building events at Beachbody. My design philosophy was to create something people would enjoy wearing more than once, and I am happy to say that even two years later, seeing someone wearing this shirt was not uncommon.
Mobile UX for Team Beachbody
Timeline:
2-3 years
Tools:
InDesign, Illustrator, Photoshop, Invision, Axure
Collaboration:
I again worked closely with the director of UX as well as stakeholders from Product and from Marketing.
Process:
Same process as the desktop site but with special considerations for smaller screen sizes.
Team T-Shirts
Timeline:
1 week
Tools:
Photoshop, Illustrator
Collaboration:
I worked various engineering delivery leads.
Process:
This is one of four shirt designs created for four engineering teams at Beachbody. It was an effort to improve morale and team collaboration. The teams made a habit of wearing their shirts on days when they were presenting their progress.
Marjeting Assets
Timeline:
3 weeks
Tools:
Photoshop
Collaboration:
I worked with several designers and art directors
Process:
This project required doing a site wide audit and locating every image in the the design intended as a piece of marketing so the marketing department could craft all the messaging and the design team could create all the corresponding imagery. Given that this site layout was cmplete different than the previous one, many of these pieces were completely new and havd to be created from scratch.
My Illustrations
Timeline:
1 lifetime
Tools:
Photoshop, Feelings
Collaboration:
The universe
Process:
I create a lot of illustrations and recently discovered that they make interesting products. This is just one example. but there's more here: https://society6.com/jessefromthefuture