Category: Posture Interactive

Making websites feel good

We’ve all come across websites that just feel good to scroll through. Each element purposely placed, buttons that have impact, and animations that make you go “ooo”. At Posture we like to call this adding polish. 

Placement

Such a simple idea but placement and hierarchy is one of the core aspects that makes a website feel good. Placement of elements helps guide the eye and the sizing of your content could mean the difference between a confused user experience and a seamless flow of information. 

BAD:

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris tincidunt nibh id ligula tempor, vel pretium sem placerat. Quisque pellentesque fringilla orci ac venenatis. Phasellus iaculis, arcu nec lacinia consequat, mi massa vestibulum dolor, nec fringilla leo ipsum a felis. Maecenas convallis posuere purus, non finibus justo rutrum id. Pellentesque et aliquam lacus. Pellentesque malesuada leo eu ipsum dignissim pretium. Vestibulum semper velit ex, semper mollis urna pulvinar nec. Nam vitae porta lectus. Duis felis erat, venenatis nec ipsum id, scelerisque iaculis purus. Sed sodales suscipit tincidunt. Donec id placerat tortor.

BETTER:

I’m a title!

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris tincidunt nibh id ligula tempor, vel pretium sem placerat. Quisque pellentesque fringilla orci ac venenatis. Phasellus iaculis, arcu nec lacinia consequat, mi massa vestibulum dolor, nec fringilla leo ipsum a felis. Maecenas convallis posuere purus, non finibus justo rutrum id. Pellentesque et aliquam lacus.

Pellentesque malesuada leo eu ipsum dignissim pretium. Vestibulum semper velit ex, semper mollis urna pulvinar nec. Nam vitae porta lectus. Duis felis erat, venenatis nec ipsum id, scelerisque iaculis purus. Sed sodales suscipit tincidunt. Donec id placerat tortor.

BEST:

I’m the main title of this information section!

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris tincidunt nibh id ligula tempor, vel pretium sem placerat. Quisque pellentesque fringilla orci ac venenatis. Phasellus iaculis, arcu nec lacinia consequat, mi massa vestibulum dolor, nec fringilla leo ipsum a felis. Maecenas convallis posuere purus, non finibus justo rutrum id. Pellentesque et aliquam lacus.

I’m a sub-idea heading to relay importance but still part of the main content!

Pellentesque malesuada leo eu ipsum dignissim pretium. Vestibulum semper velit ex, semper mollis urna pulvinar nec. Nam vitae porta lectus.

I’m a list of ideas with my own heading and bullet points to guide the reader.
  • Duis felis erat, venenatis nec ipsum id, scelerisque iaculis purus.
  • Sed sodales suscipit tincidunt.
  • Donec id placerat tortor.
*I’m a footer annotation.


Transitions

Transitions are an important part of what gives buttons on a website presence. Without a hover/active state some buttons might not even be perceived as clickable elements! 

BAD:



BETTER:



BEST:



Call to action

Cards are a great way to create actionable content on websites. Just look at facebook and many other social media platforms they are filled with card based layouts. Cards are an easy way to show that this is an atomic piece of content that usually has built in functionality.

BAD:

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris tincidunt nibh id ligula tempor, vel pretium sem placerat. Quisque pellentesque fringilla orci ac venenatis. Phasellus iaculis, arcu nec lacinia consequat, mi massa vestibulum dolor, nec fringilla leo ipsum a felis. Maecenas convallis posuere purus, non finibus justo rutrum id. Pellentesque et aliquam lacus. Pellentesque malesuada leo eu ipsum dignissim pretium. Vestibulum semper velit ex, semper mollis urna pulvinar nec. Nam vitae porta lectus. Duis felis erat, venenatis nec ipsum id, scelerisque iaculis purus. Sed sodales suscipit tincidunt. Donec id placerat tortor.


BETTER:

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris tincidunt nibh id ligula tempor, vel pretium sem placerat. Quisque pellentesque fringilla orci ac venenatis. Phasellus iaculis, arcu nec lacinia consequat, mi massa vestibulum dolor, nec fringilla leo ipsum a felis. Maecenas convallis posuere purus, non finibus justo rutrum id. Pellentesque et aliquam lacus.

Pellentesque malesuada leo eu ipsum dignissim pretium. Vestibulum semper velit ex, semper mollis urna pulvinar nec. Nam vitae porta lectus. Duis felis erat, venenatis nec ipsum id, scelerisque iaculis purus. Sed sodales suscipit tincidunt. Donec id placerat tortor.


BEST:

I have a clearly defined title!

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris tincidunt nibh id ligula tempor, vel pretium sem placerat. Quisque pellentesque fringilla orci ac venenatis. Phasellus iaculis, arcu nec lacinia consequat, mi massa vestibulum dolor, nec fringilla leo ipsum a felis. Maecenas convallis posuere purus, non finibus justo rutrum id. Pellentesque et aliquam lacus.

Pellentesque malesuada leo eu ipsum dignissim pretium. Vestibulum semper velit ex, semper mollis urna pulvinar nec. Nam vitae porta lectus.


These are just a few examples of what transforms a website from good to great. Adding the polish is like putting a ribbon on a finely wrapped gift box; it’s not entirely necessary but it’s a nice touch that will leave an even greater lasting impression on the recipient.


Virtual Events Reel 2021

Back in what seems like an eternity ago, March 2020, when the COVID-19 pandemic was just kicking into high gear, one of the (many) side effects of quarantine were loads of in-person events being rescheduled or cancelled altogether.

We saw an opportunity to pivot and help these businesses, foundations, and organizations keep their plans up and running with virtual events.

Through a year of trial and error and swaying back and forth with CDC guidelines, we teamed up with partners who placed their trust in us to keep their “live” events live with an experimental process during an extremely uncertain time.

Ultimately, we found taking events online was a natural fit for us because we love bridging the gap between the physical and digital worlds.

We present to you our 2021 Virtual Events Reel. Check it out below. Everything by Posture Interactive 🙂


Intern Spotlight: Ana Perez

We love hosting interns here at Posture, and we’ve had the pleasure of working with many creative individuals from a variety of colleges and universities. Over the past ten weeks we’ve been joined by Ana Perez, a senior at Wilkes University pursuing a degree in Digital Design and Media Arts. Ana was our first intern from Wilkes University, and boy did she set the bar high for her classmates! We hope you enjoy reading about Ana as much as we enjoyed working with her. 

Who are ya?

Ana Perez

Where do you call home?

I was born and raised in the Dominican Republic but moved to The United States seven years ago. I am currently living in Hazleton, Pennsylvania. 

What inspired you to study Digital Design and Media Art at Wilkes University?

The truth is that I was doing graphic design before I knew it was called graphic design. When I was little, I spent my days drawing houses and characters, and then when I was growing up I used to make business cards and birthday invitations in word documents. I also used to love creating PowerPoints and presentations when I was in high school. I enjoyed creating artworks with papers, photos and colors but I did not know that that was a career until I arrived in this country. I don’t think that something specific inspired me to become a graphic designer, I just love how it feels to create. 

I just love how it feels to create. 

Who inspires you?

Working women inspire me, no matter their career. I love when women follow their dreams, get an education and excel in their field. 

You’re our first Wilkes intern! What attracted you to Posture Interactive?

Last year I was invited to the American Advertising Awards in Scranton, where I saw Posture for the first time. Their work impressed me and I found the team very cool and dynamic. When it was time for me to choose an internship, I decided to apply here because I wanted to see what it was like to work for an agency. I thought that Posture was the perfect place for me to put into practice everything I’ve learned, and have the opportunity to learn from them as well.

What has been your favorite project you’ve worked on at Posture so far?

I loved creating the storyboards for Dwell Real Estate and designing the pages for the Scranton Chamber of Commerce Momentum magazine. 

You’re a busy girl! Besides your internship at Posture, what else do you have going on?

Besides my internship at Posture, I have two part-time jobs. I work for Michaels Distribution Center as a Loss Prevention Specialist on the weekends and I am one of the Graphic Design and Media Art scholars in the Allan P. Kirby Center for Free Enterprise and Entrepreneurship at Wilkes University during the week helping students, professors, staff and external clients with designs and logos for their business’s ideas. I also do a lot of freelance work and I have a cat named Kali Pachanguero like this song

What’s something most people don’t know about you?

When I was 14 I used to practice belly dance and I was part of a modeling academy. 

You’re new to Downtown Scranton. Do you have a favorite local hangout?

I had the opportunity to go to Nay Aug Park a couple years ago and I loved the experience. I want to come back again this summer. 

If you could trade places with anyone in the world for a day, who would it be?

I would like to be my cat for one day to see if he really loves me. I would like to be a dolphin, too. 


We won some ADDYs!

We are super excited to share that the Posture fam has been honored at this year’s American Advertising Awards

The American Advertising Awards, or Addys, is the largest and most representative competition in the advertising industry. The multi-tiered competition starts at a local level, which is where we come in. 

We unfortunately weren’t able to celebrate in-person (and definitely missed seeing everyone’s faces) but we are still humbled to have won FOUR awards. 

Here’s the rundown on the projects that took home awards: 

GET Cities

Gold: Corporate Social Responsibility Online/Interactive

Gender equality is something we’re extremely passionate about, which is why we’re so touched that GET Cities was recognized in the gold category. GET (Gender Equality in Tech) is an initiative working to build a more inclusive future in tech. Our crew designed and developed the GET Cities site and launched in two months on an accelerated timeline to meet their needs. Check out the site to learn more about GET Cities. 

Scranton For You Campaign

Silver: Integrated Media Pro Bono Campaign

Many of us were hit hard by the pandemic this past year, especially our beloved local businesses. The Posture gang was compelled to do something to help the fearless entrepreneurs in Northeast Pennsylvania and so we launched the Scranton For You campaign. 

We found this project extra rewarding, not only because we had the privilege of working with some of our local friends, but that we were able to help unite businesses and consumers to meet a common goal- supporting each other.    

Scranton For You:60 Spot

Silver: Local Television Commercial

The Scranton For You campaign was packed with so much content but we wanted to show some love for one of our favorite pieces. This 60 second video spot was the very first video we created for the campaign. These local businesses really helped us to realize the power of storytelling and inspired the campaign to grow.

CsforCA

Silver: Consumer Website

We were also awarded in the Silver category for our work with the Computer Science for California initiative, or CSforCA. CSforCA aims to provide high-quality computer science education in K-12 public schools throughout California. This project allowed us to partner with our pals over at Rally, with whom we previously worked on the Fighting for Change campaign, to build a new site for CSforCA in just a few weeks. Access to computer science education and resources is something we hold near and dear to our hearts, and we’re so grateful to have our work recognized in such a meaningful way.

Big thanks to the American Advertising Awards and the American Advertising Federation of NEPA for an awesome virtual event. We love being part of such a creative community that encourages and uplifts each other, and we want to congratulate the rest of the incredible work we saw this year. But most of all, we need to thank our community partners and clients for continuing to believe in us and allowing us to work on some really amazing projects with you. Ya’ll are the best! 


A Curated Journey of Interactive Inspiration

Every week, our team comes together for a run-down of all the creative projects we currently have in motion to make sure we’re giving each one the attention it deserves. During these weekly creative meetings, we also share any inspiration that we find along the way for the rest of the team to catch the creative vibes.

Here are some of our favorite inspirational pieces from the last few weeks – maybe you’ll catch some vibes, too.

6 Ways to Manage Productivity When You Have Bipolar Disorder

Productivity is already hard, but mental health disorders compound that challenge immensely. Our creative team encounters a range of mental health hurdles and found this article super helpful. Read More Here >>


Same Energy – Visual Search Engine

If Google image search and Pinterest had an awesome baby. A great tool for mood boarding your project. Read More Here >>


Philippe Neveu – Independent Motion and Interaction Designer

We dare you to click this link and tell us this portfolio site isn’t fun as hell. Read More Here >>


Typography Principles by Obys

We’ll never know how an agency found time to create this fantastic resource while working on client projects, but we’re here for it. Read More Here >>


A Chaotic Year in Review

They found a really cool way to recap a really crappy year. Read More Here >>


Google Design’s Best of 2020

Google gives themselves a big pat on the back – but honestly, it’s well-deserved. Read More Here >>


Fighting the Winter Blues with the Posture Book Club

As we dig our heels into the second month of 2021, I often find it tough to keep the energy and momentum that I had coming right out of a restful holiday season. One thing that always helps keep me focused until warmer days arrive is diving into a book that focuses on a particular aspect of productivity or organization.

A few members of our creative team decided to test this out together. We agreed we would followup with each other and share what we read in order to help keep that information in our brains and put it to good . And thus, the Posture Book Club was born.

Check out our selections below – additional recommendations are welcome!

Joey’s pick:

“Steal Like an Artist” by Austin Kleon

Creativity is something that’s really hard to turn on and off and is often impossible to force. While the title of this book is attention-grabbing, it was the subtitle that made me want to read more: 10 Things Nobody Told You About Being Creative.

Joey

Kat’s pick:

“How to Win Friends and Influence People” by Dale Carnegie

I love that design can be used as a tool to influence people and inform the greater good – what better way to brush up on your communication skills than reading one of the biggest 20th-century handbooks on influential communication?

Kat

Mat’s pick:

“Manage Your Day-to-Day” by 99u + Jocelyn L. Glei

I’ve read this book before years ago…so much has changed since then so quickly. I wanted to read it again to see where I can sharpen up and improve how I run my days.

Mat

Tony’s pick:

“Hyperfocus” by Chris Bailey

Everyone knows I wrote the book on how to focus, but I figured I’d give this one a try. What were we talking about?

Tony

There’s Always a Bright Side.

However you are feeling this holiday season, we felt like we could do a little something to bring some joy and cheer into your world. Enjoy our home-brewed holiday greeting to you featuring our very own animated Posture Peeps below!

Happy Holidays from our Posture Crew to you.


Bringing a Logo to Life

A behind-the-screen look at how a logo transforms into a motion graphic to embody your brand and captivate viewers.

Logos are everywhere. They’re in your face, all the time. They’re on the devices you use, on the clothes you wear, on the buildings you pass outside, and sprinkled heavily throughout all the content you consume. Logos and branding have become so embedded in the fabric of our culture that we often don’t even notice the small insignia on the bottom of our socks, the teeny-tiny text under the title of a click-bait listicle that says “Content Sponsored By BRAND XYZ,” or the semi-transparent watermark in the corner of an ad during the morning news. 

Photo: Christian Vierig/Getty Images

Or – we make sure people notice our logos. We wear Gucci belts with the iconic interlocking G’s on the buckle. Apple stickers proudly displayed on our bumpers and laptop cases to proclaim “yes, I do in fact own several Apple devices that all sync to iCloud and I live-tweeted the last Keynote presentation.” Even Starbucks’ annual holiday coffee cups are gripped by coeds in plaid scarves throughout the college campus.  This sort of instant recognition and passionate identification with a brand is often the goal, and a main reason why logos saturate our lives. They strive to become so ubiquitous (but also still cool enough) that people want to brand themselves as a way of saying “Nike is cool and I’m cool too because I like Nike.” 

Over the years, the way I look at logos has changed. To me, they’re not background noise, nor are they a status symbol. Notice where these logos are placed and think about the intention behind that placement. Look at the curves and the shapes created by the wordmark, and the way the letters fit together. Pay attention to the use of color and think about what that brand is trying to make you feel without having to say it overtly. Is this shade of green supposed to convey that they’re environmentally-friendly or that they offer some sort of financial service? I look at the symbol or icon, if there is one, and I start to imagine ways that I might make it move.

I pay attention to the use of color and think about what that brand is trying to make me feel without having to say it overtly.

In our ever-increasingly digital world, movement as a part of brand identity should be a main consideration from the beginning. Granted, some logos lend themselves to motion better than others, but every logo has the potential to move in a way that enhances the viewer’s impression of the brand and sticks in their memory.


This timelapse shows an example of my process of taking a logo from flat to fully animated.

  • I start by breaking the logo into pieces – words, symbols, more words. 
  • If there are multiple words, should they come in together or separately? Does the text write on? Does it fly in from somewhere unseen?
  • Is there a symbol or an icon? What kind of movement can that symbol do? Does it have a personality? What does the symbol represent and how can I convey that in the way I make it move?
  • If there is a tagline, how should that move in relation to the rest?
  • Is the movement more mechanical or organic? 
  • Are there any extra effects that make would add to the viewer’s experience?

Motion requires more attention than adding a few PowerPoint transitions. With a well-crafted animated version of your logo, you’ll see results and recognition across the numerous video-centric channels available today.

Now get that logo moving!


When Work Becomes a Game (A Role-Playing Game)

Learning organizational skills from video games

Since entering the professional world out of college in 2018, I have consistently found myself mildly overwhelmed by, well, pretty much everything. It has been a rollercoaster of new people, new challenges, and new skills to learn. And as someone with an anxiety disorder it has meant a whole host of new and exciting things to worry about. And, in addition to more conventional means of treating my anxiety, I’ve had to come up with some creative ways to adapt to specific situations, and for those, I tend to draw from what I know best.

And one thing that I’ve known very well for my entire life, is how to play video games.

Once I noticed myself subconsciously adapting my knowledge of video games to find solutions for problems at work, my first thought was, ‘Wow, I’m weird.” My second thought was, “okay, I have to flesh this out. My job is a video game now. What does that look like?’ and I started unfolding this comparison in my head, taking broad concepts of game design and applying them to my everyday routine at Posture. 

So what type of video game is my job? I found the most applicable concepts came from Role-Playing Games (RPGs). RPGs, such as Fallout, Final Fantasy, or The Witcher, are designed to give players a sense of freedom and are usually full of characters to meet and items to collect. And most RPGs share a few key design staples, some of which I’ve found to be useful for keeping up with a fast-paced, collaborative work environment.

Your Quests

The most important aspect of any RPG is the quest, usually the main objective of the game. For me, quests are high-priority items: large-scale projects or tasks with tight deadlines. Other work, such as writing or answering emails, or making small revisions to a pre-existing project, fall under side-quests: lower-priority, but still important! I’ve also jokingly referred to my coworkers as quest-givers when they assign work to me.

Besides making even the simplest task sound way cooler, mentally sorting my work into quests and side-quests is a helpful way of keeping myself organized: what needs to be done, by when, and for who?

Your Inventory

As a videographer, an ever-present part of my work is sorting through massive amounts of raw video files, most of which come out of the camera looking like this:

When dealing with a frustrating situation like this, I draw on another skill I learned from playing RPGs: inventory management.

Many RPGs include massive inventory systems: allowing the player to carry a wide variety of items while they determine what suits their style of play. However, inventory spaces are usually limited, which means that the player must manage their inventory by clearing or selling unwanted items to make room for new ones. Subsequently, this involves spending a lot of time in menus that look like this:

Final Fantasy VII Remake

Basically, playing RPGs has made me feel right at home navigating a labyrinth of menus and sorting through bins of random items, and this has been very helpful when keeping track of a video project that is potentially linked to hundreds of individual files.

Your Controls

Video games have always been my means of escapism: they offer a sense of agency that cannot be matched by any other medium of entertainment. RPGs in particular, have always given me a profound sense of agency: they offer the player multiple ways to approach scenarios, and offer more choice and input than most types of video games. This control is obviously limited; the player cannot control the content of the game, but they can control how they play it.

As a single human I have limited control over the nature of the work that makes it to my desk, which can be an intimidating feeling. However, I do have control over the effort that I put into said work. So, in a roundabout way, playing video games has helped me acknowledge my sense of agency in the workplace, which has helped me cope with work anxiety and impostor syndrome.

What If I Know Nothing About Video Games?

That’s completely fine! I’m not saying that thinking about your work through the lens of gaming will definitely improve your workflow. If you’re not someone who frequently plays video games, it would probably just be confusing. However, don’t be afraid to think outside of the box and pull from areas you’re familiar with when it comes to overcoming challenges. If you are adjusting to a new job or even just a new situation that you feel intimidated by, use any and every piece of knowledge you have at your disposal, and you might find some fun, creative ways to tackle those challenges and make your work a little bit more fun in the process.


Hello!

  • FYI... If this is regarding a new project - please go back and simply use the "Start a Project" button so we can better help you out!