Case study: Preserve Hilandar

Or: How Others' Work Can Be Inspiring and Useful When Properly Selected

Maybe you've been in a situation where you were given a bunch of material and were asked, 'Can we create something beautiful out of this?' It could be videos, photos, a bunch of code, or anything else. The process is essentially the same.

We were proud, long-time partners with the Hilandar Foundation. Firstly, it's not a small thing to be part of such an important community. Secondly, it gives responsibility a whole new meaning, which is what we were hoping for.

So, we received a hard disk with a lot of material, and the goal was to make a hero video for the Preserve Hilandar Foundation website. The material was mostly from a drone, and the goal of the video was to try to present the Hilandar Monastery in all its beauty in one minute or less. The challenge was on!

In most cases, selection is the most significant part of the project.

At least in these kinds of projects, so we have to choose the appropriate footage that will display Hilandar in all its glory among terabytes of different videos. We sat down and began to watch. It took days and days, and with every video, we asked ourselves: What is this footage telling us? Then, after we were done with the first round, we had about 100GB of material, which was tens of hours of videos. We took a short break to separate ourselves mentally from the work, and then we sat and did it again. The same process, the only difference was that this time it took us a couple of hours.

In the end, we had several videos that would be combined into the final video, and they were beautiful. Yes, selection really IS the hardest part of some projects. And it is crucial if the goal is to turn someone else's work into something new and beautiful.

Of course, the end result was stunning, and it can be seen here. Enjoy!"

Mastering the Art: The Complete Video Shooting Process Unveiled

Lights, camera, action! The world of video production is a thrilling blend of creativity, technical prowess, and a touch of magic. Whether you're a seasoned filmmaker or just dipping your toes into the realm of video shooting, understanding the complete process is essential for crafting compelling visual stories. Join us on a comprehensive journey through the intricacies of video shooting.

Pre-Production: Laying the Foundation

Conceptualization and Scripting

Every great video starts with a solid concept. It could be a narrative story, a documentary, or a promotional piece – the key is to have a clear idea of what you want to convey. Once the concept is locked in, scripting comes into play. The script acts as the roadmap, detailing scenes, dialogue, and crucial visual elements. As the Hitchcock said: "To make a great film, you need three things: the script, the script, and the script."

Planning and Storyboarding

With the script in hand, it's time to plan the shoot. Location scouting, talent casting, and creating a detailed shot list are integral components of pre-production. Storyboarding helps visualize each scene, ensuring that the director, cinematographer, and the entire team are on the same page regarding the visual narrative.

Technical Rehearsals and Equipment Setup

Technical rehearsals are a crucial step in the pre-production phase. It involves setting up equipment, testing camera angles, and ensuring lighting conditions are optimal. This phase helps iron out any technical glitches before the actual shoot day.

Production: Capturing the Magic

Set Management and Coordination

On the shoot day, effective set management is key. This involves coordinating the efforts of the entire crew, managing logistics, and ensuring everyone is aware of their roles. A well-organized set contributes to a smooth shooting process. AD's are key players here, but we should not forget the other key players of the day.

Cinematography: Framing the Shot

Cinematography is the art of visual storytelling through the camera lens. It involves making creative decisions about framing, composition, and camera movement. A skilled cinematographer brings the script to life, capturing each shot with precision and flair.

Lighting and Sound

Good lighting is the unsung hero of video shooting. It sets the mood, enhances visual appeal, and highlights important elements. Simultaneously, attention to sound quality is crucial. Clear, crisp audio is essential for a professional-looking and sounding video.

Post-Production: Weaving the Narrative

Footage Review and Selection

After wrapping up the shoot, it's time to review the footage. This process involves selecting the best takes, ensuring continuity, and identifying any additional shots needed during the editing phase.

Video Editing

Video editing is where the raw footage transforms into a cohesive narrative. Editors work their magic by arranging clips, adding transitions, incorporating visual effects, and synchronizing sound. This phase requires a keen eye for detail and a deep understanding of storytelling.

Color Grading and Audio Enhancement

Color grading enhances the visual aesthetics of the video, giving it a distinct look and feel. Additionally, audio enhancements, including music and sound effects, contribute to the overall atmosphere and emotional impact of the video.

Distribution and Feedback: Sharing the Story

Finalization and Export

Once the editing is complete, the final version is exported in the desired format. This step involves ensuring that the video meets technical specifications for distribution on various platforms.

Audience Engagement and Feedback

Sharing the video with the intended audience is where the real impact is felt. Social media, streaming platforms, or private screenings – the distribution strategy depends on the goals of the video. Collecting feedback from viewers provides valuable insights for future projects.

Conclusion: The Continuous Evolution of Video Shooting

In conclusion, the video shooting process is a multifaceted journey that involves meticulous planning, creative execution, and technical finesse. Each phase plays a crucial role in delivering a compelling visual narrative. As technology continues to advance and storytelling techniques evolve, mastering the art of video shooting becomes an ever-exciting and dynamic endeavor. Whether you're crafting a cinematic masterpiece or a snappy promotional video, understanding and embracing the complete video shooting process is the key to unlocking the full potential of your visual storytelling capabilities. So, grab your camera, ignite your creativity, and let the magic unfold on the screen!

Case study: Biofolic

Or: How to Build an Online Community on a Commercial (WordPress) Website with a Tight Deadline

Biofolic was an intriguing project. A long-time client asked us if we could create a separate website with a webshop and, more importantly, an online community. Not something like Facebook, but an option to schedule doctor appointments, maintain a timeline of user actions, incorporate basic chat functions, etc. After further inquiries from our side, we agreed to take on the project with one condition: to spend as much time as needed testing if WordPress could be used for such a website.

Now, we know what you're thinking, "WordPress is not meant for these kinds of websites in any case," but bear with us. If Shogun and many other big players can do it, why can't we? Besides, we've been without a significant challenge for some time.

So, we dove into research and testing. The client insisted on WordPress, so we had to tweak many things on the user side to not look like WordPress, yet remain fast and simple. Another challenge was assessing how the website would handle a large user base. Would it break, become slow, or unstable? Additionally, we needed to connect it with external services via microservices, introducing AWS into the story. A lot was going on.

But it also took a considerable amount of time.

Everyone was eager to see the final product, something that could be viewed online. However, it couldn't happen until uncertainties were resolved. Consequently, we started some processes simultaneously. Every day, hours devoted to the Biofolic project grew longer. We commenced with theme design, concurrent with microservice development and the user panel. The deadline loomed, so we pushed ourselves as hard as possible. When in doubt, we referred to the extensive documentation built during the testing phase. It seemed like we might not finish on time—our client thought so too.

Yet, we managed to do it. How? To be honest, by accepting that we couldn't test every little thing that could happen in production. We had to have a little faith in our product. So, after the QA phase and with fingers crossed, we released our project into the digital ocean, ready to address any bugs that might come our way. Surprisingly, WordPress proved to be a platform that could handle this kind of website after all.

And were there errors? Of course! Nobody is perfect. But what's important is being ready to act when they arise.

Navigating the Web Development Seas: Choosing the Right Tech for Your Website

In the vast ocean of web development possibilities, picking the right technology stack is like setting sail with a reliable compass. Whether you're a lone sailor or part of a creative studio crew, the choices you make can determine whether your website sails smoothly or encounters stormy seas.

Why the Right Tech Stack Matters

Imagine embarking on a quest to build the coolest website on the internet, only to find out you've chosen tools that don't play well together. That's where the importance of a technology stack comes in – it's the combination of languages, frameworks, and tools that form the backbone of your web development project.

For a creative studio dreaming up stunning websites, the tech stack is your ship, and you want one that can weather any digital storm.

Setting the Foundation with Web Development and Web Design

Before diving into the sea of technology, let's clarify the roles of web development and web design. Think of web development as the builders of the ship, constructing the structure and ensuring it's seaworthy. On the other hand, web design is like the artists decorating the ship, making it visually appealing and user-friendly.

In the world of websites, the harmony between web development and web design is crucial. A seamless collaboration between the two ensures a website not only looks fantastic but also functions flawlessly. It's the perfect marriage of beauty and brains.

Choosing the Right Tech Stack for Your Creative Studio

Now, let's talk about the nitty-gritty of selecting the perfect technology stack for your creative studio's next masterpiece.

1. Define Your Goals:
Before hoisting the sails, know your destination. Understand the goals of your website – is it an e-commerce platform, a portfolio showcase, or a blog? Each goal might require a different set of tools.

2. Consider the Project Size:
Just as you wouldn't use a dinghy for a transatlantic voyage, the size of your project determines the complexity of your tech stack. For smaller projects, simplicity might be key, while larger endeavors may require a more robust combination.

3. Assess Your Team's Expertise:
Your crew's skills matter. If your creative studio is fluent in a particular language or framework, it might be wise to stick with what you know. Alternatively, if you're up for an adventure, exploring new technologies can be invigorating.

4. Flexibility and Scalability:
The digital tides are ever-changing. Ensure your chosen stack can adapt to new challenges and scale as your website grows. Think of it as future-proofing your ship against the unknown.

5. Community and Support:
Sailing the web development sea is not a solitary endeavor. Joining a community and opting for well-supported technologies ensures that when you encounter rough waters, there are seasoned sailors willing to help.

For a creative studio, the goal is not just to build websites but to craft digital experiences that leave a lasting impression. The right technology stack is the wind in your sails, propelling your vision to new heights.

Web Development in Action: A Voyage of Creativity

Let's illustrate this with a fictional voyage of a creative studio – Starlight Studios – as they embark on creating a visually stunning portfolio website. Here are some of the key points:

1. Goals Defined:
Starlight Studios aims to showcase their diverse portfolio of web design, graphic art, and multimedia projects. The website should not only captivate visitors with its visual appeal but also provide an intuitive navigation experience.

2. Project Size Considered:
Given the size of the portfolio, a moderate-sized project is anticipated. This rules out overly complex stacks and points towards a balanced combination of tools for efficiency.

3. Team's Expertise Assessed:
Starlight Studios' developers are well-versed in both JavaScript and Python. Leveraging this expertise, they decide on a stack that combines React for the front-end and Django for the back-end.

4. Flexibility and Scalability:
Anticipating future growth, Starlight Studios ensures their chosen stack is flexible. They incorporate microservices architecture, allowing them to scale specific components independently as the need arises.

5. Community and Support:
Joining web development communities, Starlight Studios taps into the wealth of knowledge available. This not only aids in troubleshooting but also provides insights into optimizing their chosen stack.

As Starlight Studios sets sail with their carefully selected technology stack, their creative vision takes shape. The website becomes a digital masterpiece, a testament to the seamless integration of web development and web design.

Conclusion: Navigating Smooth Waters

In the vast ocean of web development possibilities, the right technology stack acts as your guiding star. Whether you're a lone developer crafting your website or part of a creative studio setting sail for a digital adventure, choosing the right tools can make all the difference.

So, weigh your anchor, set your course, and may your chosen tech stack carry you to the shores of digital success. In the world of websites, where creativity meets functionality, a well-chosen stack is the wind beneath your sails. Bon voyage!

Case study: Shooting a TV commercial

Or: How to Fit 3 Locations in a Single Shooting Day

Got this cool gig to shoot a TV commercial for the local cable TV provider. They wanted something unique, and of course, they were on a tight schedule. We're used to it, so we said yes and dove into prepping.

Instructions were crystal clear: three locations, one day of shooting. So, we knew the heavy lifting was in the location scouting and script - the pre-production jazz. Sat down and brainstormed. How do you showcase a cable TV and internet provider's offerings best?

Speed test? Nah. Channel surfing? Not quite it. What's the one device we're glued to every day, besides the TV? Yep, good ol' mobile phones! So, why not have our actors in different situations watching TV on their phones? That sounded like a winner.

Found the perfect spot with three locations in one – Kalemegdan fortress. Luna park, fortress, and downtown district, all within a 10-minute stroll. Luna park became the first spot where we watched TV on our phones (yep, we also starred in the commercial) while cruising in bumper cars. Then, off to the fortress, where we chilled under a giant dinosaur as a "family," and finally, downtown. Everything fell into place, and we wrapped up just before the golden hour.

Moral of the story? Plan your shoots, nail the location scouting, and craft a detailed script. Smooth sailing in production, guaranteed. Don't take our word for it; give it a shot.

Mastering Efficiency: A Comprehensive Guide to Streamlining Your Creative Workflow

In today's fast-paced work dynamic, mastering the art of efficiency is crucial for success, especially in the realms of web development, web design, and SEO. Creative studios, in particular, thrive on the ability to deliver top-notch projects while navigating tight deadlines and client expectations. This is where having a streamlined workflow becomes not just beneficial but a game-changer.

What Does Workflow Mean in Today's Work Dynamic?

Workflow, in the context of a creative studio, refers to the series of steps involved in the conception, creation, and delivery of a project. It's the roadmap that guides your team from the initial brainstorming session to the final product. In today's work dynamic, where time is often of the essence, an optimized workflow is akin to having a superpower. It ensures that you not only meet deadlines but also produce high-quality work consistently.

In the creative realm, whether it's web development, web design, or SEO strategy, a well-defined workflow acts as a compass, keeping the team aligned and focused. It breaks down complex projects into manageable tasks, allowing for better collaboration and efficient utilization of resources.

What Are the Most Used Tools and Why?

Now, let's talk tools – the unsung heroes of a streamlined workflow. In the world of web development and design, certain tools have become indispensable for creative studios aiming to stay at the forefront of their game.

  1. Project Management Tools:
    • Tools like Trello, Asana, or Monday.com provide a centralized platform for task assignment, progress tracking, and communication. They enhance collaboration by keeping everyone on the same page, crucial for juggling multiple projects simultaneously.
  2. Design Software:
    • Adobe Creative Cloud remains the go-to suite for designers, offering a comprehensive set of tools for graphic design, video editing, and web development. Its versatility makes it a staple in creative studios worldwide.
  3. Version Control Systems:
    • For web developers, Git and platforms like GitHub are lifelines. They facilitate collaborative coding, allowing multiple developers to work on a project simultaneously without stepping on each other's toes.
  4. Communication Platforms:
    • Whether it's Slack, Microsoft Teams, or Discord, having a reliable communication platform is key. Quick and efficient communication is the backbone of a well-oiled workflow, especially in the dynamic world of creative studios.

How to Overcome Difficulties in Building Optimized Workflow

Building an optimized workflow isn't without its challenges. Here's how you can overcome them:

  1. Embrace Flexibility:
    • Recognize that projects can take unexpected turns. Be flexible and ready to adapt your workflow accordingly.
  2. Continuous Learning:
    • The tech landscape is ever-evolving. Encourage your team to stay updated on the latest trends and tools in web development, design, and SEO.
  3. Regular Feedback Loops:
    • Establish a culture of open communication. Regularly seek feedback from team members to identify bottlenecks and areas for improvement.
  4. Automate Repetitive Tasks:
    • Leverage automation tools to handle repetitive and time-consuming tasks. This not only saves time but also minimizes the risk of human error.

In conclusion, mastering efficiency in a creative studio's workflow is not a one-size-fits-all endeavor. It requires a deep understanding of the specific needs of your team and projects. By embracing the right tools, staying adaptable, and fostering a culture of continuous improvement, you can navigate the dynamic landscape of web development, web design, and SEO with finesse. Remember, it's not just about getting the job done; it's about delivering exceptional work that sets your creative studio apart.

Case study: Balkan Hidraulik

Or: How Much Involvement in the Client's Industry is Enough (or Too Much)?

Alright, so here's the deal – when you're crafting a website for someone, knowing a bit about their industry is like the secret sauce. It's not just for making things look pretty (that's UX/UI for you), but also for talking the talk and giving killer advice when your client needs it. Now, the burning question: how deep should you go into the client's world when you're building their website?

Let's be clear – we're talking web design here, not the nitty-gritty development stuff, which is a whole different ball game.

Picture this: We once had a client dealing with heavy construction machine parts. Easy, right? Wrong. When it came to figuring out what goes where on their homepage, we were drawing blanks. So, we went on a deep-dive mission. Checked out CAT, Volvo, SANY, XCMG – we practically stalked their websites looking for a magic formula. Spoiler alert: there wasn't one.

Now, faced with a tough choice: do we become industry masters or roll the dice with something unique? We went for a mix. Some parts of the design had rough edges, giving off a vibe like, "We're tough and strong."

How much did we really know about heavy-duty machine parts? Enough to not get lost in the weeds and sacrifice time we could spend on other cool projects, but also enough to tell our hydraulic springs from our lifters. There's something oddly satisfying about learning the ropes of something you knew zilch about. It gave us that cool, calm feeling when we wrapped up the project.

And guess what? The client noticed.

We didn't brag about our crash course in heavy machinery lingo, but the client's first reaction to the homepage draft was, "Have you worked in the industry?" Boom! That right there told us we nailed it. Another successful mission under our belt, and now it's time for a well-deserved beer. Cheers to rocking the web design world!

Embracing the Dark Side: A Beginner's Guide to Dark Mode in Web Design

Alright, buckle up, newbies! We're about to spill the beans on the cool trend that's shaking up the web design scene – Dark Mode. It's like turning down the lights in a room but for your favorite websites. So, what's the deal with it, and why should you care? Let's break it down in simple terms.

What's Dark Mode, Anyway?

Picture this – instead of blinding white backgrounds, Dark Mode flips the script, giving you sleek, darker vibes. It's not just a style choice; it's got practical perks, especially when you're browsing at night or in a dimly lit room.

Why Dark Mode Rocks:

1. Looks Awesome: First things first, Dark Mode looks snazzy. Your websites go from "meh" to "wow" instantly.

2. Bye-Bye Eye Strain: Staring at bright screens for too long can make your eyes scream for mercy. Dark Mode is like a comfy pillow for your peepers, reducing that annoying eye strain.

3. Battery Savior: Dark Mode might just save your device's battery life, especially if you're rocking an OLED screen. Less power-hungry pixels mean more juice for your binge-watching sessions.

The Bright Side - Pros:

1. Easy on the Eyes: Dark Mode isn't just for the cool kids; it's also a superhero for accessibility. It's like a personalized color scheme for folks with visual challenges.

2. Zen Focus Mode: The darker backdrop creates a zen-like environment. No glaring lights, just you and your content, vibing together.

The Not-So-Dark Side - Cons:

1. Design Dilemmas: Making Dark Mode work isn't all rainbows and unicorns. Designers need to play color chess to keep things readable and funky.

2. Compatibility Quest: Not all websites are Dark Mode-ready. You might stumble upon some oddities, like invisible text or wonky layouts.

So, should we come to the dark side?

Basically everywhere, peeps are jumping on the Dark Mode bandwagon. It's not just a trend; it's a lifestyle.

So, there you have it – Dark Mode decoded for the web design rookies. It's not just about looking cool; it's about making the web a friendlier place for your eyes. Go ahead, toggle that Dark Mode switch and join the cool kids' club!

Navigating the Web Development Journey: The Crucial Role of Communication

In the ever-evolving realm of web development, the journey from idea to completion is a complex, multifaceted process that demands not only technical prowess but also effective communication. While technical knowledge remains paramount, the support of colleagues and seamless communication channels are proving to be the linchpin of successful projects in today's interconnected world. Why? See below:

1. Collaborative Synergy over Solo Expertise: In the digital landscape, the days of the lone coder working in isolation are long gone. Web development projects thrive on collaboration, with team members bringing diverse skill sets and perspectives to the table. The ability to communicate ideas, share insights, and troubleshoot problems collectively is the driving force behind turning a concept into a fully functional website.

2. The Accessibility of Knowledge: Living in an era where information is at our fingertips, technical know-how is no longer the sole differentiator. What sets successful web development projects apart is the ability to harness this wealth of knowledge collectively. Colleagues can offer insights, shortcuts, and alternative solutions that may not be apparent to an individual developer, enriching the project and enhancing its overall quality.

3. Helicopter View: A crucial aspect often overlooked in the web development process is maintaining a helicopter view. While diving into the intricacies of coding is essential, it is equally important to monitor the project as a whole. This broader perspective allows for early identification of potential issues, enabling swift and effective solutions before they escalate. Communication plays a pivotal role in disseminating this overarching awareness among team members.

4. Real-time Responsiveness: In the dynamic world of web development, real-time responsiveness is a game-changer. Effective communication channels facilitate immediate feedback and response mechanisms. Colleagues can alert each other to potential pitfalls, share breakthroughs, and collectively adapt to changes, ensuring the project stays on track and aligns with the client's vision.

5. Nurturing a Collaborative Culture: Beyond the code, a thriving web development environment is built on a foundation of open communication and mutual support. Encouraging a culture where team members feel comfortable sharing ideas, seeking help, and providing constructive feedback fosters an atmosphere of innovation and continuous improvement.

In conclusion, the success of a web development project hinges not only on technical proficiency but on the strength of communication within the team. The synergy of diverse skills, real-time responsiveness, and a helicopter view ensures that the journey from idea to completion is not just a solitary expedition but a collaborative adventure. In this interconnected era, it's the collective intelligence and collaborative spirit that propel web development projects to new heights.

Case study: Shooting an independent short film

Or: Do what you love and you will not have to work a single day

All of us in Medusa are crazy about movies, truly. Movies inspired us to start a creative agency in a way. So, one day after shooting our Xth commercial video, we sat down, and someone had an idea: Why don't we make our own short movie? There was bliss in everyone's eyes immediately.

At the time, we knew what it meant to shoot a commercial video but not what it meant to shoot a real movie. We needed to prepare, cast actors, gather more crew, and rent additional equipment. And all of that needed to be done alongside our other projects.

What was the location? We decided it would be in the forest. The crew? No more than 20 carefully chosen professionals who would wear multiple hats. Story was about a guy searching for the clean source of water in the near future, on enemy's territory. We agreed on a date and started with all the preparations needed to finish such a complex production. The screenplay was already done, and rehearsals started happening big time. The only thing we didn't have was a place to stay at the location.

At one moment, our DP said, "Do you want to camp during the shooting?" Wow! Of course, we said yes because most of us hadn't seen a tent in our lives. We agreed and added one more thing to our preparations: getting tents for the people.

And then, finally, the day of the production came.

We arrived at the destination, and it was more beautiful than when we went on a location scouting. The forest had accepted us. We placed our tents on one of the meadows and started with the costume rehearsals, so after just a few hours, we were ready for the first shot.

The best way to start the shooting is from the easiest possible scene (depends on the shooting plan) so the crew can warm up and gain some momentum for the rest of the day. We did exactly that, so again, in a few hours, we had our first scene wrapped. We were feeling great! Just 20 more to go, and we would be done. Tirelessly, we continued to shoot until the evening, and that repeated the process the whole next day, then one day more. Time flew by in an activity that all of us loved to do, in our own way.

And that was it

We just did it. Tens of hours of recorded material were ready for post-production, and we had the time of our lives. Even to this day, it looks impossible that all of that was done in such a short period, and without noticing, we have done it.

Today, that movie won several awards worldwide, and is still one of the most interesting projects we've ever done. So, there is no moral to this article. Just a short story we wanted to share with you, to inspire you to do what you love as much as possible. Because we are.

Top