Strategic Design for Brands Ready to Grow

Neographic Media is a creative studio specializing in brand identity, print design, web development, and digital marketing materials. We curate thoughtful visuals that drive engagement, build trust, and connect brands with their audiences across platforms.

See Our Work

Category: Animation

  • Flyte Energy: Launch of New Energy Drink Refreshers

    Flyte Energy: Launch of New Energy Drink Refreshers

    BRAND LAUNCH! New Energy Drink Refreshers

    Assignment

    Traditional energy drinks are loaded with artificial ingredients, excessive caffeine, and high sugar. Energy drink refreshers, on the other hand, uses natural ingredients, lower sugar content, and added functional benefits like vitamins or electrolytes. This beverage launch cuts the high amounts of caffeine, sugar, and artificial dyes typically found in energy drinks and delivers energy without the crash.

    Project Deliverables

    • Brand Identity: Develop a brand name, visual style, and voice
    • Can Labels: Create packaging for 2 energy drink refresher flavors
    • 4-Pack Packaging: Design a beverage box that conveniently holds four cans
    • Brand Extension: Expand the product line to include powder packs
    • Web Banners: Attract site traffic using web embeds as advertising
    • Social Media Posts: Connect with audience to build product awareness
    • Email Marketing: Communicate and engage with potential customers
    • Poster: Showcase the product and direct viewers to the website
    • Introductory Video: Provide an overview of products and values
    • Booklet: Tell brand story and step into its visual style and unique voice

    Check
    It Out!

    Flyte Energy Booklet

    The Challenge

    With only 9 weeks to develop a brand identity and marketing strategy, the timeline demanded efficient planning and creative problem-solving from start to finish. To build an effective campaign, the team conducted competitor research and a whitespace analysis to identify market gaps and uncover opportunities for differentiation. While energy drink refreshers naturally appeal to health-conscious consumers, younger audiences like Millennials and Gen Z, fitness enthusiasts, and busy students or professionals, this group remains a broad audience. Attempting such a wide target market risks diluting the message and losing engagement, emphasizing the importance of refining the target market to create a campaign that truly resonates.

    Our Solution

    After conducting thorough research on the existing energy drink market, our team decided to connect with female Gen Z consumers who value both wellness and performance. While most energy drinks on the market use bold, masculine branding and emphasize intensity over balance, this concept focuses on energy with intention. This avenue offers a refreshing alternative that feels approachable, empowering, and aligned with self-care.

    Beyond addressing the gender gap, the brand speaks to Gen Z’s growing focus on topics such as sustainability and wellness. From recyclable materials to self-care messaging, the product aims to redefine what an energy drink can represent. This mission guided every stage of the design process, ensuring that the final campaign captured the feeling of upliftment at the center of its mission. That is how Flyte Energy came to be, representing this new product line for energy without the burnout.

    Logo Design

    The Flyte logo embodies movement and freedom. Because of this, we created a custom typeface, where the ‘F’ takes on a wing-like form as a symbol of momentum. Paired with our tagline, “Your Wings of Power,” Flyte’s uplifting energy is etched into every detail, giving consumers the confidence to move, create, and take flight.

    Flyte’s unique approach to energy ultimately encourages consumers to form a healthy relationship with energy drinks. These energy drink refreshers offer refreshing, clean ingredients without the crash to support focus and reduce burnout.

    Final logo design for Flyte Energy (click to enlarge and read notes)

    Packaging Design

    The product line highlights Flyte’s two signature flavors: Blue Horizon and Cloudburst. Each flavor is designed to embody the brand’s balance of wellness and energy. With zero sugar, minimal calories, and essential vitamins, all products support sustained energy without the crash.

    Cloudburst: A fruity blend of white peach and lychee inspired a palette of vibrant hues and soft pastels, communicating a sense of lightness and vitality to reflect the drink’s juicy and uplifting flavor.

    Blue Horizon: A fresh combination of crisp blueberries and zesty lemon inspires a label that is bright and airy, capturing freshness and exhilaration in every detail.

    4-Pack: The four-pack carrier equips customers with their favorites, perfect for sharing and convenience while reinforcing brand consistency on shelf displays.

    Powder Packs: Compact, portable, and flavor-forward, this brand extension reinforces Flyte’s mission towards wellness in a new product packed with electrolytes and vitamins for daily energy and hydration.

    Digital Marketing

    The digital campaign builds brand awareness through cohesive storytelling and impactful, motion-driven design. All marketing materials reinforce the brand’s identity and approachable energy across various digital touchpoints.

    Banner AdsSocial PostsEmail MarketingPoster Video

    We set out to design bold, empowering layouts that would immediately capture attention. Using striking imagery and concise, motivating text, these web banners were built for high visibility and seamless adaptability across digital platforms.

    The campaign slogan Rise. Refresh. Repeat. embodies Flyte’s message of ambition and balance for young women, encouraging them to rise with confidence, recharge with clean energy, and maintain momentum through mindful habits. The accompanying imagery of a woman standing above the clouds at the mountain’s peak reflects the natural energy and empowerment from Flyte’s products, inspiring viewers to learn more and navigate to the website.

    We developed a social media strategy to energize Flyte’s online presence and strengthen community engagement. Each post is designed to increase site traffic and build meaningful audience connections.

    Through product introductions, lifestyle imagery, and customer spotlights, Flyte’s social feed embodies confidence and positivity. The visuals and captions work together to celebrate wellness, ambition, and empowerment, encouraging followers to live boldly and stay refreshed.

    Flyte’s email campaigns were designed to stand out in the inbox while staying true to the brand identity. Each message highlights product launches and special offers in a consistent, digestible format. As the brand evolves, Flyte’s emails will go beyond promotions, featuring wellness tips, community updates, and positive messaging that inspire better energy.

    This ongoing communication helps strengthen brand loyalty and deepen audience connections. Each email feels personal yet purposeful, encouraging subscribers to check in, recharge, and stay connected with the Flyte community.

    Scroll to
    See More

    Click for
    Full View

    Sound On

    This project combines poster design and motion graphics into one cohesive video that introduces Flyte’s full product lineup. The opening and closing frames feature a standalone poster design, allowing the piece to loop seamlessly while maintaining a strong visual identity across formats.

    The greatest challenge was producing a video for a product that didn’t yet exist. Without access to filmed footage, the solution relied on detailed product mockups, stock assets, and engaging transitions to convey energy and movement. The result is a dynamic video that builds excitement about the launch and encourages viewers to explore the Flyte website.

    Final Reflection

    This project strengthened our approach to branding by showing how storytelling and problem-solving work hand in hand to create meaningful design solutions. The design process revolved around identifying strategies to appeal to the target market, ensuring that imagery and messaging aligned with audience expectations. We are especially proud of the produced marketing materials, particularly the banner ads. Although the ads were the most challenging aspect of this project, they were the most rewarding. Maintaining brand consistency and audience impact across the six formats truly refined our ability to think strategically and design with purpose.

    Working within a tight 9-week timeline also pushed us to manage time efficiently, apply feedback effectively, and stay focused under pressure. This project also brought together skills across several design programs: Photoshop, Illustrator, InDesign, After Effects, Canva, and Constant Contact. Applying these tools to real-world branding and marketing challenges was both exciting and affirming, showcasing versatility and growth as a designer ready to take on new creative challenges.

  • The Power of Visual Branding Animated Infographic

    The Power of Visual Branding Animated Infographic

    Background

    Infographics are powerful visual aids that either compare things or break down complex information. As static images, infographics can be very engaging, but their large format can make it difficult to read through all of the information, particularly on mobile devices. This case study explores the use of motion graphics to design and animate a one-minute infographic that will move the viewer through its design in order to emphasize important information.

    This project required the use of animation techniques, such as animating with keyframes and the puppet tool in Adobe After Effects. Initially, experimenting with the puppet tool was a very intimidating challenge; however, it significantly contributed to the success of the end results. The final project showcases how motion graphics can effectively optimize infographics for mobile formats through animation.

    The Challenge

    For this project, the primary challenges include turning our existing infographic, The Power of Visual Branding, into an animation. The final video should demonstrate seamless visual cohesion and integrate engaging yet appropriate music and sound effects. Addressing these challenges requires a clear set of goals to ensure the final product captivates viewers and communicates its message effectively.

    Design Goals

    • 1-Minute Minimum: This time requirement ensures the delivery of substantial information while maintaining brevity to keep viewers both informed and engaged.
    • Cohesive Visual Aesthetics: Ensure all artwork is cohesive and the scene is visually appealing, paying close attention to composition and depth.
    • Smooth Animation: Create seamless transitions and movement to maintain audience engagement.
    • Fades In/Out from Black: Employ a professional fade-in/fade-out technique for a polished start and finish.
    • Audio Components: Incorporate music and sound effects, while also achieving balanced audio levels to complement the visuals.
    • HD 1080 Preset: Build the project to the HD 1080 standard to ensure high-quality video resolution.
    The infographic that inspired the final animation

    Design Solution

    The completed animated infographic was published on the Neographic Media YouTube channel, showcasing a new format for infographics that is optimized for mobile devices.

    The development of this project was divided into three key stages, each playing a critical role in achieving its visual and narrative objectives:

    • Storyboarding: Establishing the narrative and planning the visual flow.
    • Creating Assets: Designing the each components to define the animation’s visual style.
    • Animating: Bringing static visuals to life with keyframing and seamless transitions.

    Each stage presented unique challenges and opportunities for creative refinement, which are explored further in the following subsections.

    Storyboarding

    Throughout the design process, several aspects from the initial storyboard evolved through iteration, ultimately enhance the final outcome. For instance, the final animation includes several assets not featured in the storyboard.

    However, the storyboard effectively outlines the visual and narrative objectives, particularly in the animation of the Memorability section. This approach enhances the playful tone, guides viewers seamlessly through the animation, and maintains their engagement throughout.

    Creating Assets

    All visual graphics for this project were created using Adobe Illustrator, with the color palette inspired by the original still infographic. These intentional aesthetic choices not only establish a cohesive visual connection to the original design but also Neographic Media as a brand.

    Animating

    Achieving smooth animation required extensive keyframing and experimentation. The process involved thoughtful timing and transitions to ensure that static 2D graphics felt lively and dynamic. Each adjustment played a vital role in bringing the visuals to life. The end result was an engaging animation with fluid motion graphics that enhanced the visual storytelling and successfully met the project’s creative goals.

    Conclusions

    Ultimately, this project showcases our ability to reimagine static print designs through animation, enhancing its overall accessibility. Through thoughtful storyboarding, asset creation, and seamless animation, we were able to enhance the original design while maintaining a strong connection to the brand identity of Neographic Media. This not only highlights a solid understanding of key design principles but also essential animation techniques. The challenges faced during this process provided valuable learning opportunities, improving technical skills in Adobe Illustrator and After Effects. We are very proud of this project as testament to our passion of bringing creative ideas to life, solving challenges, and producing high-quality visual content.

    Like what you see?

    Explore our blog page for additional case studies and projects that showcase impressive graphic design and visual storytelling.

  • Shooting a Stop Motion Title Sequence Youtube

    Shooting a Stop Motion Title Sequence Youtube

    Background

    This project focused on creating a title sequence for a how-to YouTube tutorial that gets viewers excited for the following video. This case study explores the process behind the development of the stop motion title sequence, using key techniques such as keyframing, time remapping, layer masking, and track-matting.

    Design Challenge

    The primary challenge was to produce title sequence for a YouTube tutorial while adhering to several technical and creative requirements. Key aspects of the challenge included:

    Title Sequence Objectives

    • Video Length: A duration between :30 seconds.
    • Title: Intentional type treatment and animation for how-to video title.
    • Credits: A minimum of three individual credits.
    • Skills: Demonstrate mastery of Adobe After Effects.
    • Visual Aesthetics: Must effectively complement the attached how-to tutorial.
    • Music: Appropriate music that complements the visuals.
    • HD 1080 Preset: Build the project to the HD 1080 standard to ensure high-quality video resolution.
    Stop Motion Studio Logo
    Stop Motion Studio

    Our Solution

    After two scrapped storyboards of including animated assets, stop motion was the idea settled on. This was the perfect fit for the animated sequence, considering that it was going to precede a how to tutorial about how to make a bouquet of flowers, complement the visuals.

    Shooting

    Stop motion was shot over the course of multiple days. A huge challenge during this part of the process was achieving consistent lighting over the course of multiple days, having to break down the set up between days. All images were shot using the Stop Motion Studio mobile application, which comes with an onion skin feature that really helped make the stop motion come to life.

    Day 1

    Started with the end of the stop motion sequence since the flowers were a living subject from the YouTube tutorial itself, it was important to shoot before they frayed from the lights or wilted from the lack of water.

    Day 2

    This day, we focused on shooting the ribbon sequence. However, this task proved to be more challenging than expected. The black ribbon in this photo did not make the final cut given that it clashed with the overall aesthetic. Due to the ribbons’ narrow width, the lines would roll back frequently.

    Day 3

    The stop motion content from Days 1 and 2 did not quite reach :30 seconds worth of frames. This required quick thinking to stay on track for this title sequence. On this day, we shot the calendar and gift box scenes. This additional footage ended up being perfect for the first credit of the sequence.

    Animating

    The animation for the title sequence was done using Adobe After Effects. involved a lot of track mattes and key frames to mask the objects and create the illusion that the text added post-production is interacting with the objects in the images.

    Screenshot of After Effects window, showing off extensive keyframing
    After Effects keyframing

    Conclusions

    This project really pushed my skillset as a graphic designer. Although I have had experience with stop motion in previous projects, it was nothing too extensive. The final title sequence strengthened my experience with keyframing, time remapping, layer masking, and track-matting in Adobe After Effects.

    Like what you see?

    Explore our blog page for additional case studies and projects that showcase impressive graphic design and visual storytelling.

  • Froggy Frills Animated Diorama Using After Effects

    Froggy Frills Animated Diorama Using After Effects

    Background

    This case study explores the creation of a diorama-style animation using Adobe After Effects, where 2D assets are arranged to create a 3D effect. This project required mastering key techniques, such as keyframing and manipulating layers in 3D space, while navigating the software’s complex interface.

    Early challenges, including coordinating multiple layers and ensuring smooth movement within the 3D space, were addressed through a combination of trial and error and hands-on practice. The final polished animation showcases how motion graphics can effectively enhance visual storytelling by entering 3D space to achieve a greater sense of depth.

    The Challenge

    This design challenge revolves around creating and animating a diorama scene within Adobe After Effects to practice working in 3D space. Not only does this project emphasize technical skills in animation but also development of compelling visual storytelling.

    Design Goals

    • 15-Second Time Limit: This strict time constraint reflects real-world advertising scenarios, where companies purchase a specific amount of airtime, and any content exceeding the time limit would be cut off.
    • Keyframe at Least 15 Elements: Demonstrate a strong understanding of keyframing techniques in After Effects.
    • Visual Aesthetics: Ensure all artwork is cohesive and the scene is visually appealing, paying close attention to composition and depth.
    • Smooth Animation: Create seamless transitions and movement to maintain audience engagement.
    • Opening and Closing “Curtain” Effect: Use this trick to ease viewers in and out of the animation while paying respect to the animation’s theme.
    • Fades In/Out from Black: Employ a professional fade-in/fade-out technique for a polished start and finish.
    • Audio Components: Incorporate music and sound effects, while also achieving balanced audio levels to complement the visuals.
    • HD 1080 Preset: Build the project to the HD 1080 standard to ensure high-quality video resolution.

    These objectives ultimately served as the framework for creative and technical aspects of this project, requiring careful attention to both visual and auditory components.

    Project Timeline

    This timeline outlines the key phases of the project, defining the process from initial concept development to the final animation over a 3-week period.

    The following section delves into the final design solution that was developed to meet the project goals and bring the diorama to life.

    Design Solution

    The final design solution was posted on the Neographic Media YouTube account. The process of developing this diorama-style animation was broken down into key stages, each contributing to the project’s overall visual and narrative goals:

    • Storyboarding: Establishing the narrative and visual flow.
    • Creating Assets: Designing the individual components to establish the diorama’s style.
    • Animating: Breathing life into the still visuals through keyframing and smooth transitions.

    Each phase came with its own set of challenges and opportunities for creative refinement, explained in the following subsections.

    Storyboarding

    Throughout the design process, several elements evolved through iteration to enhance the final outcome. For example, adjustments to pacing led to the removal of certain audio cues that were initially planned, but ultimately disrupted the flow of the animation.

    However, the storyboard effectively lays out the visual and narrative goals, particularly through creative choices like using flowers to open and close the scene, acting as the curtain that frames the animation. This decision adds to the whimsical tone and connects the beginning and end in a cohesive way.

    Asset Creation

    All visual assets were created and edited using Adobe Illustrator. To further connect the final animation to a real-life diorama, a pencil stroke style and roughen effect was applied to achieve a more hand-crafted, textured look.

    A bright and cheery color palette was chosen to add a child-like touch, complementing the diorama theme. Overall, these intentional aesthetic choices helped reinforce the playful and whimsical nature of the final animation.

    Animating

    Achieving smooth animation required extensive keyframing and experimentation. The process involved thoughtful timing and transitions to ensure that static 2D graphics felt lively and dynamic. Each adjustment played a vital role in bringing the visuals to life.

    The end result was an engaging animation with fluid motion graphics that enhanced the visual storytelling and successfully met the project’s creative goals.

    Conclusions

    This project ultimately served as a solid introduction into both the creative and technical aspects animation, offering valuable experience into the craft. The focus on smooth transitions and fluid animations required careful attention to timing and keyframing, ensuring that the motion remained natural and engaging. Additionally, the requirement to incorporate both visual and audio components enhanced the final product’s overall polish, reinforcing the importance of sound design in animation. Ultimately, this project not only reinforced animation skills but also emphasized the importance of utilizing both visual and auditorial elements to effectively engage viewers.

    Like what you see?

    Explore our blog page for additional case studies and projects that showcase impressive graphic design and visual storytelling.