al

The Challenges and Rewards of Responsive Design

During 2012 there were many progressions in the world of web design, and one of the main success stories was the growth and popularity of responsive web design. It’s no wonder either, as we were in need of something like this, to give an ounce of flexibility to traditional design – which is exactly what […]




al

Scale Tool in Illustrator: What It Does and How to Use It 

Ready to add the finishing touches to your design in Adobe Illustrator? But the objects aren’t properly aligned? Does your design look unprofessional because it isn’t adjusted properly? Well, worry no more! Because with just a few steps, this tutorial explains how to use Illustrator's Scale Tool to resize, adjust, and align your design perfectly.  ...

The post Scale Tool in Illustrator: What It Does and How to Use It  appeared first on Bittbox.




al

Web Designer Wall Redesign

After 3.5+ years, I finally gave Web Designer Wall a new look. The new design is not just visually appealing, but well coded in technical point of view. I incorporated a lot of new web standard techniques such as HTML5, CSS3, and media queries. The new design works on all devices and resolutions. The design […]




al

New Minimal & Responsive Theme Released at Themify

I just wanted to announce a new WordPress theme that I designed called Elemin. It is minimal theme coded with Google font, CSS3, Javascript and HTML5. The design is completely fluid and responsive (using CSS3 Media Queries). This means the layout automatically adapts based on the user’s viewport. To see it in action, visit the […]




al

Best Web Gallery Redesigned

I recently redesigned Best Web Gallery with responsive features. Check it out!






al

22 passive income ideas to achieve financial freedom

Earn while you sleep: Realistic passive income ideas you can pursue part time! Ditch the 9-5 with the right idea, hard work, & these essential tools.




al

Unique value proposition — Why it matters and how to write one 

What makes consumers choose one company over another? Identify your unique value proposition to make more sales at higher prices. Examples & tips.




al

Top Life Project surpasses revenue goals by 59% in year one

How did Top Life Project exceed revenue goals by 59%? The story behind their WooCommerce-powered health brand & booming product launches.




al

What are digital products? How to sell them in 2024

Are digital products more profitable? How does inventory work? Examples you can start selling fast! The best tools to sell digital products.




al

Competitive analysis — What to do before you commit to your next great business idea

Planning a new online business? Conduct a competitive analysis to understand your market, beat your rivals, and position your brand for success.







al

Tidy Birds and Neat Bees: on Conscientiousness in Animals

By Mikel Maria Delgado Aeon Human personality theory has long revolved around what we know as the ‘Big Five’ – five dimensions of personality that cover a large swathe of how humans behave across time and contexts. These dimensions are … Continue reading





al

A Guide to Accessibility Resources for Global Accessibility Awareness Day

Global Accessibility Awareness Day (GAAD) is May 16, 2024! GAAD was created to help bring attention and awareness to digital inclusivity. No matter your role on a project team, digital accessibility should always be a priority from start to finish. Why is accessibility so important?

  • Over 1 billion people worldwide have a disability, and that number is growing every day
  • 15% of people with disabilities say they never go online, compared to 5% of people without disabilities, according to Pew Research Center
  • According to a survey by Click-Away Pound, 71% of disabled users are forced to leave a website if they find it difficult to use

Digital accessibility directly impacts people’s ability to access information, buy products, apply for jobs, engage in discussion, and everything else that people do online that is becoming critical for modern life. Accessible spaces even benefit people without disabilities, as it allows anyone to take in content though their preferred method (reading the captions on a video instead of listening in a noisy environment, for example), and often breeds innovation as engineers work to find the best way to be sure everyone can access information equally.

The World Wide Web Consortium (W3C) has developed the Web Content Accessibility Guidelines (WCAG) in an effort to standardize digital accessibility. However, many websites unfortunately fail to meet these standards, leading to a lesser-quality user experience. WebAIM’s yearly report has highlighted some surprising statistics about WCAG across the top 1,000,000 home pages:

  • The most common accessibility failure across home pages is low contrast text
  • 98.1% of home pages have at least one WCAG 2.0 failure
  • On average, there are 56.8 accessibility errors per page (this increased 13.6% from 2023!) 
  • 16.8% of home pages had more than one <h1> tag

As you can see, there is still a lot of work that needs to be done to create a more accessible web for everyone. If you’re interested in learning more about digital accessibility and how to improve accessibility on your own projects, there are plenty of resources and online courses available. Resources range from free, to paid courses, to professional certifications. Below are some courses and resources that we recommend.

Free Courses and Resources

If you’re looking to introduce yourself to digital accessibility, these free resources are a great place to start:  

  • A11ycasts with Rob Dodson - A series of video tutorials on YouTube that highlights topics including semantics, focus, the correct way to use a button, and a11y testing
  • The Beginner’s Guide to Web Accessibility - An article by Dequeue University that summarizes why digital accessibility should be a priority, and how to determine if your website is accessible
  • Common Mistakes with Using Colour in Accessibility - Digital designer Andrée Lange provides insights into how to take color contrast into consideration when designing for the web
  • Deque Accessibility Resources - Dequeue offers a variety of free accessibility resources, including webinars, blog posts, and their accessibility testing browser extension, axe DevTools
  • HTML Semantics and Accessibility Cheat Sheet - WebAIM provides a list of the most common HTML tags that have an impact on digital accessibility
  • MDN Accessibility Tutorials - MDN is an open-source project documenting web technologies, which also includes an informative section on web accessibility documentation and best practices
  • Section 508 ICT Testing Baseline - Outlines minimal accessibility testing requirements for federal agencies subject to Section 508
  • WCAG 2.2 Quick Reference - WCAG are a series of web accessibility guidelines released and maintained by the W3C, with 2.2 being the current version of the guidelines. This page provides a reference to standards that websites should meet in order to meet current accessibility standards
  • Web.dev Learn Accessibility Course - A series of informative articles ranging from beginning a11y topics, to more advanced topics including animation and motion

Deep Dives with Paid Tutorials

If you’re a developer who has experience in accessibility and want to dig more into the topic, these comprehensive tutorials will help you improve your a11y knowledge:

  • Accessible Web Academy - Accessible Web Academy includes more focused a11y courses for designers, developers, content creators, and marketers looking to target specific topics 
  • Inclusive Components - There is a free online summary of Heydon Pickering’s Inclusive Components, but you can also purchase an eBook on the topic. Heydon’s blog provides examples of a pattern library that bakes accessibility into each component
  • Practical Accessibility by Sara Soueidan - Sara Souedien is a prolific front-end developer who specializes in accessibility. Her course, Practical Accessibility, is a comprehensive guide for all developers, from those looking to familiarize themselves with accessibility, to experienced developers looking to expand their a11y knowledge.

Advanced Knowledge with Certifications

As the world’s population and number of disabled users continues to grow, it’s clear that implementing digital accessibility in your products is more important than ever. By implementing the information from these lists, you can help users of all abilities access the content that you share, ensuring a better internet for everyone.




al

How Generative AI Can Add Human Delight to Your Virtual Event

We just celebrated 24 years of Viget. That’s two dozen years! This year, our Spring TTT in celebration of “Viget24” was a virtual extravaganza. We’ve put on a lot of virtual events over the years. Some with really strong themes and swag bags; some that focus on simple, meaningful time together; and others that let us enjoy learning something new as a team. Regardless of the rest of the experience, a key component of all of our virtual events is joyachieved often through intentional levity. We think it’s important to laugh together! We see laughter as a way to expedite connection, and connection leads to rapport which makes us better at collaborating — and in turn leads to more quality products for our clients. 

Experimenting and iterating is a critical way we try to continually get delight right. We’re pretty pleased with one of our experiments from Viget24 that we called “Lovely Spring Day”.

A Lovely Spring Day

As we were brainstorming for this TTT, we thought about how to throw some joyful levity pizzazz into the pieces of our virtual events puzzle that have become pretty standard. How do we add lots of delight without adding lots of time to the action-packed schedule? We zeroed in on the virtual backgrounds we’ve been creating for every event — they add a layer of specialness. Of place. This isn’t any old virtual meeting. This is a TTT! 

A small collection of past event-specific virtual backgrounds

Another key consideration for our team is figuring out creative ways to tie in inspiration from our industry and our work. AI has been an obvious contender —  we’ve discussed it and tied it in to some extent for the past several TTTs. But this time, we wanted to see how we could use AI for delight — marrying it with virtual backgrounds felt obvious. And so, a ”Lovely Spring Day” was born. 

The TL;DR is that we generated custom virtual backgrounds for every Viget employee that encapsulates their “ideal spring day.” We then played a 15-minute guessing game where people tried to guess who the background “belonged to.” Then, people had access to the full folder of AI-generated virtual backgrounds to look through. Vigets could then choose the background that spoke to them most and set it as their background. 

Read on for more on how we put this together!

Pre-Event Survey

To support all of our TTTs, we send out thoughtful pre-event logistics surveys 2-3 weeks before the big day. The survey lets us know where folks are joining from (where can we send their activity + snack packages?) and gives folks a chance to provide input on how the People Team can help folks enjoy and be present for TTT. This time, we also snuck in three questions, just “for giggles.”

  • In one sentence, describe your ideal spring day.
  • List three things that spark joy.
  • What color do you think suits you best?

We did not share why we asked these questions. Sneaky, sneaky! When it’s low-key like this, the element of surprise is often a quick way to level up the delight.

Asking for a Friend

With rich data in hand about what makes people happy in spring, we were ready to generate the backgrounds. I was stoked! I’ve been experimenting with ChatGPT for some time, so it was fun to be able to use the DALL-E 3 side of OpenAI’s GPT-4 model

Who knew Prompt Engineering would be part of my role as a recruiter-who-helps-support-TTT-planning? I played around with a couple different prompts to generate these background images. Ultimately, my goal was to create backgrounds that were meaningfully different from one another but still felt good (i.e., something you might feasibly want to set as your virtual background and nothing freakily AI, like uncanny valley hands).

Here are the prompts I landed on that got me to our set of virtual backgrounds:

  • Please generate an image (dimensions of a virtual meeting background) that encapsulates the vibe of a day with [ BLANK ].
  • Please generate an image (dimensions of a virtual meeting background) that features [ BLANK ].

In the blanks, I wrote the things people included in their surveys. Those blanks were filled with everything ranging from dogs, cats, and friends to beverages, specific temperatures, yard games, carbohydrates, hammocks and more! Sometimes, I’d include a detail I knew about that person myself, even if it wasn’t in their survey. Yes, I occasionally editorialized for both clarity and whimsy! This was for delight purposes, but also helped serve my goal of having the backgrounds be “meaningfully different from one another.” It’s amazing how many people’s ideal spring day is as simple as having 1) moderate temperatures and 2) no pollen!

I generated 55 images. Throughout the process, DALL-E nailed it. I only needed to regenerate 2 or 3 images with clarifiers (and only because they included AI-specific outliers like disembodied hands). Huzzah!

Here are some of my favorites, along with their prompts in the captions. Can you guess who they belong to?

Please generate an image (dimensions of a virtual meeting background) that features an outdoor brewery/taproom in the appalachian mountains. There's a playground with kids in the very distance. In the foreground, frisbee, soccer, volleyball, etc. with friends and family.
Please generate an image that encapsulates the vibe of a day ending with an outdoor dinner with lights near an outdoor shower. There should be some hiking boots scattered about.
Please generate an image that features a nice hot bath after a cold but sunny day, with a beautiful mug of green tea and a box of takeout that looks really good. The calendar shows April 25th.
Please generate an image that encapsulates the vibe of sitting outside in a nice purple adirondack chair with buc-ees paraphernalia around.
Please generate an image that encapsulates the vibe of a sunny, 65 degree day with a slight breeze at the ballpark watching a game. The image should feature cats, baseball, and art.
Please generate an image that encapsulates the vibe of being outside in a canoe along with carbs, bad jokes, and games (video OR board games).
Please generate an image that features endless mountain bike trails, a blue bike with a cup of coffee in the cupholder, and roaming cats.

IRL

Ok, so for the actual activity we had the images ready to go in a private Google Folder. I took twelve of the images and put them in a very simple deck. I shared my screen, introduced the activity, and invited people to guess who they think each image belonged to in Slack. It was so fun seeing people throw out guesses and then narrow in with any verbal hints I gave!

Each image took about a minute. Then, we shared access to the Google Folder, gave folks a couple minutes to choose a background that called to them (their own image or someone else’s), and set it as their background. It felt like a magical moment to witness people finding and resonating with their own image or delighting in the ridiculousness of their coworkers’. We saved about 5 minutes for this piece, which felt right.

The whole Lovely Spring Day activity took just over 15 minutes! It was a perfect way to transition from a long meal break into our next grouping of content. And, we got to see the different backgrounds throughout the rest of the meeting.

Oh, the humanity!

I think this activity was successful for a couple of reasons.

1. People laughed! 

Color commentary in the #ttt Slack channel

2. People felt seen. Some of these backgrounds were incredibly on point. Some of that was due to key folks having well-documented interests and a Slack-Famous Dog. 

Laura Sweltz has a famous love of books and an incredibly iconic beagle named Phoebe.

But some of it was due to the People Team knowing about our people — our coworkers — beyond the sentence they wrote in. This uniquely human involvement helped me call an audible as needed and tweak prompts slightly to make the backgrounds feel even more relatable.

Steven, Carolyn, and Laura Sweltz felt seen.

3. We could commiserate about our eventual AI overlords. (Did you notice that I say “please” in my prompts?!) Listen, Viget has plenty of practical, healthily skeptical people who are dubious about AI. GenAI is not always a fun, lighthearted thing. But using it in a fun, lighthearted way to do something it’s really good at was a nice use case and thought-provoking exposure even for people who are not into it.

4. We could see where we all align, and where we differ! It was amazing to see just how many people love picnics, covet their caffeine, and appreciate a bike ride. It was also cool to see some unique folks who simply crave a rainy spring day, or some beloved Buc-ee’s. What a rich tapestry of individuals — literally!




al

Balancing Image Speed and Quality with imgix

Users expect a website to load fast. An average web page loads in about 2.5 seconds. The longer the user has to wait, the higher the user bounce rate. There are a lot of factors that go into site speed, but images account for about 75% of the page weight on an application or website. Google’s Core Web Vitals uses several metrics to rank sites. Visual site speed or largest contentful paint affects ROI as slower sites have fewer repeat users and fewer sales.

Without properly sized images, both site speed and image quality are affected. Accordingly, we use several methods to deliver properly sized images. Our primary solution is imgix because it is easy to implement and saves managers and clients time and effort. 

Imgix Key Features

Imgix provides a lot of features — some we consistently use on projects, and others we use in very specific situations. 

Responsive Images

Setting up responsive images can be complex. As the variety of devices and their screen resolutions continue to expand, managing all the different image requirements is increasingly challenging.

Consider this scenario: a website’s images look crisp and clear on a high-resolution monitor. When that same page is viewed on a mobile device, the images are so large the page takes forever to load. A solution could be to upload a smaller image for mobile, right? It's not quite that simple. We need eight or more different sizes of the same image to account for different screen sizes and retina screens. Keeping track of all the image sizes and saving each size gets complex and would be nearly impossible to do manually on a site that has hundreds or thousands of images. 

One of our clients, National Park Foundation (NPF), wanted to clarify its message to better target major donors. Their gorgeous, large scenic images are essential to their website strategy.  NPF needed the images throughout their site to be crisp and clear at all screen sizes. Using imgix, NPF content managers can load high-resolution images to the CMS and not worry about the site's speed or performance. They rely on imgix to deliver the correctly resized image for any user's screen.

Imgix does this with their Device Pixel Ratio and Client Hints which automatically sets the pixel density for the image based on the user's device. Those API parameters can be easily set in the URLs for the image’s `srcset`. This allows developers to set an image width for an image `srcset` and then imgix delivers the right pixel ratio image to the user. We use `srcset` with imgix on other client sites like Bezos Earth Fund and Human Rights Campaign as well.

Resize and Cropping

Imgix allows you to crop images in addition to setting an image’s focal point. So, only one image needs to be uploaded and it can be used at multiple sizes and croppings throughout the site. Let's say we upload a large landscape image, but on some pages we only need to use a portion of the image cropped as a square. Imgix will crop the image and deliver the smaller versions on the pages we need while persisting the larger versions on other pages.

At Viget we use resizing and cropping on our own website, including our articles, to crop the staff photo to a smaller size at the top of the articles. This makes it possible for us to upload the staff photo once and the article image gets created automatically. 

Color Palette 

Another feature that we've used on client sites is the Color Palette API which allows you as many colors as you want from an image. For example, the Shedd Aquarium website that we built uses this feature by pulling a vibrant color from the image and setting it as the background color for the page hero. Aside from taking the manual work out of closely aligning photography with a page’s design, there’s an additional benefit: if you are on a slow connection, you will see a dynamic colored banner at the top before the image loads.

Image Upscaling

Another valuable feature is the ability to upscale images. Even if you upload an image that is low resolution, it can still be used at a higher resolution. This is especially useful for e-commerce sites or applications where users are uploading their images.  The upscale feature uses Generative AI to take a pixelated image and create a higher-resolution image. The final image will not be perfect, but it looks more professional. See the upscale demo on imgix.

Non-upscaled image
Upscaled image using Imgix

PDF Preview Images

There is also a PDF page to image option in imgix. The API enables the generation of a page-specific image preview from the PDF, which can serve as both a thumbnail and a full-size preview. When we built AHIP.org, they had a resources section for their members containing quite a few PDFs. To help with clarity and findability, we used imgix to show previews of the PDF documents to non-members. This feature allows AHIP to upload resource PDFs without having to also upload any thumbnail images. 

Face Detection

Another nice feature is a face detection parameter that you can pass to the API. This allows you to upload a photo and no matter the cropping or size it will keep the face as the focal point of the image. We used this feature on NEA for their team member page. It's great for user profile images that are used in different contexts throughout the site. 

Video Streaming

Videos have become a key design element on websites. However, determining which service to use for embedding those videos is an ongoing topic of discussion. Video platforms enable you to integrate the video onto the page, yet they introduce scripts that may impede page loading speed. Imgix offers a video embed service that allows content managers to keep all the images and videos in one place. The videos are automatically encoded to Adaptive Bitrate Streaming to get the best compression and video quality. So, videos load fast and look great on mobile and desktop. 

Imgix Video API with Adaptive Bitrate Streaming

Performance 

A lot of CMSs have image transformations built in. An image transformation encompasses everything for that image including responsive sizes, cropping, resizing, and face detection from the original. This is great for small sets of images, but transformations quickly get out of hand the more images there are on a site. For example, the homepage of the National Park Foundation has a minimum of 96 image transformations. 

Processing all of those image transformations uses a lot of server resources. Imgix saves the images and delivers them through their CDN. The imgix image CDN has an average of 0.15 milliseconds return on requests which enables images to load as quickly as possible. The CDN also caches the images on CDN edge nodes making them immediately available for future requests. 

Flexibility

Imgix is flexible enough to work with almost any site structure; including WordPress, Craft CMS, Shopify, React, Ruby on Rails, Python, and more (see the full list). So, whether a site is a WordPress site or a Rails application, imgix fits right into the ecosystem. And, even better: you don’t have to rebuild your web app or website to gain the benefits of image performance, which can save you a lot of time and money.

Setting up imgix on an existing website is easy. Imgix can connect to existing asset storage sources like AWS, Azure, or a web folder on the same domain. Once the image source is set up, a developer can start passing parameters to the API

Cost

Imgix is free for 1,000 images which makes it easy to integrate and grow with your site. Pricing goes to $750/yr for 5,000 images and $3,000/yr for 25,000 images. In their pricing structure, “images” are categorized as origin images, so the count only includes original images and not transformed ones. So, you could have hundreds of images and thousands of image transformations all being delivered through a CDN for free.

Conclusion

Ensuring fast site speed isn't just important. It is vital. It's the cornerstone of a successful online presence, directly influencing search engine rankings, user satisfaction, and ultimately, your return on investment. Properly sized and optimized images are key to ensuring your site loads quickly and displays correctly for users across various devices.

We have found that imgix enables our team to efficiently create projects with diverse image options, saving managers and developers valuable time. Our clients benefit from reduced server space and an increased site speed. Imgix’s API is comprehensive, so you can use one tool for all features and options around site images — from cropping and resizing to face detection and automated color palettes, to video and beyond. Having used imgix for the past five years to support the wide-ranging needs of our clients, we feel confident recommending it and using it again and again. 

Users expect a website to load fast, and imgix is a reliable way to make sure that happens. 




al

Use Behavioral Analytics Data to Make Your Site More Effective

Behavioral analytics are a great way to get a sense of what users are or are not doing on your website or app. While behavioral analytics may not provide insights into why users are behaving a certain way, this method does provide a quick and cost-effective way to see what your users are currently doing at scale. Knowing how your users are engaging with your website or product can help you make informed decisions that have a positive impact on engagement and conversions.

Here at Viget, we use behavioral analytics data for a number of use cases:

  1. Our client has a specific question about a certain aspect of their website or app (e.g., a specific user flow or content type) and wants to learn more about how and when users are engaging. 
  2. We are redesigning a client’s website and want to get a sense of where the current experience is excelling or falling short.
  3. We are conducting an annual analysis to help clients keep an eye on potential areas of growth or stagnation. 
  4. We are reviewing behavioral changes on a site or app after launching a new experience or feature to assess performance.

But what kind of insights can you expect to find from behavioral analytics data? 

It ultimately depends on the website or app, the users, and the kinds of questions you are asking, but let’s go through a few different examples of what kind of information you can gain from behavioral analytics tools.


Who is using your website or product?

Understanding who is using your website can provide helpful context on your user base and potentially unlock growth with new user groups you may have been unaware of. To investigate this, we may look at geographic location, language, device type, and any other demographic information that may be available. Sometimes this kind of data provides what I like to call descriptive information—information that often doesn’t feel immediately actionable but can become more useful relative to other data points. This could come from comparing your data to last year, to industry standards, to other content on the website, or it might come from comparing it to an assumption that an individual or organization holds. 

Here are some examples of findings that shed light on who was using the website or product:

32% of sessions were from users outside the United States. 
  Through a previously conducted survey, we were aware that some users were looking for content that was not specific to the United States. This metric helped us better gauge the size of that need.
97% of Canadian sessions interacted with the website in English, with only 3% of Canadian sessions using French.
  We were unsure to what degree French content needed to be prioritized and this metric helped provide a sense of scale.
15% of searches were conducted on a mobile device. 
  Although 15% may seem low, this metric was actually higher than expected because there were known issues with the mobile search experience. This demonstrated that even though the mobile experience was harder to use than the desktop version, users were still inclined to use it, further illustrating the importance of improving the mobile experience. 

How do users get to your website or product?

Knowing how users navigate to your website or product can highlight what traffic sources are particularly effective in driving conversions, but it can also help to provide important context on user expectations or goals. To understand this, we look at both the source/medium that brought them to the website as well as the first page they viewed. 

For example, users might:

  • Come from google and land on a blog article
  • Go directly to your home page
  • Come from an email referral to a donation page 
  • Learn about you from ChatGPT and land on your About page

From there, we might look at engagement rate, conversion rates, or other metrics to get a sense of what these users are doing and whether anything stands out as particularly effective or ineffective. 

Here are some examples of acquisition insights that informed our understanding and approach:

Only 10% of sessions started on the home page, with most users starting much deeper in the site on content-specific pages.
  Because only a small portion of users entered on the homepage, we could not solely rely on homepage messaging to orient users to the site. This highlighted the importance of providing sufficient context on any page of the site to ensure that users navigate to their desired content, regardless of what page they land on.
Although the paid ads were effective in driving users to the website, those sessions had abnormally high bounce rates, with one traffic source having a 95% bounce rate. 
  This indicated a potential mismatch between what users expected based on the ad, and what was actually on the page.
Organic search brought in a large amount of new traffic to their site through the blog pages and while users engaged with the blog content, they were not engaging with the CTAs. 
  Because these new users were potentially learning about this organization for the first time, the donation CTAs were likely not the best fit, and we recommended shifting the CTAs on those pages to focus more on learning about the organization.

What content or features do users engage with?

Here is where we start to get to the meat of what your users are actually doing on your website or product. Knowing what users are doing and what they’re not using can help to establish priorities and inform decisions. You might be surprised to learn that users are actually engaging with specific features or content quite a bit, but others are barely used. If the content or feature is surprisingly popular, then we likely don’t want to outright remove it and may instead consider iterating or leveraging that offering more. If users aren’t engaging with content or a feature, it may be worth considering the effort to maintain and iterate on that offering. 

Here are some examples of engagement insights that helped us identify opportunities related to content or features:

Less than 1% of users were engaging with a particular feature. 
  These same users were showing high engagement with other features though, indicating that users either didn’t know this feature existed, knew the feature existed but didn’t understand the value add, or the feature was simply not something they needed.
For a highly engaged audience, there wasn’t a standout page that most users visited. These users viewed a variety of pages across multiple sessions, typically viewing highly specific content pages. 
  This indicated that instead of relying on a single page to drive conversions, getting users to the specific details they needed was likely a better approach in getting users to try the product.
Nearly 84K sessions engaged with a particular content type. 
  While this was lower than other content types, it was much higher than expected. It was largely organic traffic and the sessions were highly engaged. We recommended doing some additional research to better understand the potential opportunities with that type of content.

What is the user journey or path?

Another major area of investigation is the sequence of steps users take when viewing content or completing certain actions. This could be perusing content on the website, going through a signup funnel, or checking out to make a purchase. 

This helps us identify:

  • the actual paths that lead to conversions (which is not always the path we assume it is) 
  • areas where users drop off at key points in the funnel
  • moments where users have to “turn around” in the journey, because the path laid before them doesn’t align with their needs 

This information can help you build towards a frictionless experience that encourages users to sign up, complete a purchase, or find the resources they need.

Here are some examples of user journey insights that helped us understand where there were existing points of friction for users:

While the CTA to demo the product appealed to users and they were quick to engage with it, it often resulted in users backtracking to the previous page. 
  We hypothesized that users were eager to get to the demo, but were moving too quickly and missed important context, resulting in them having to go back to a previous page. We were able to confirm this with user testing and recommended transitioning some of that context to the CTA page.

What “turning around” in the user journey can look like:

A select few products had abnormally high drop off rates, but at different stages depending on the product. 
  For one product, there was an abnormally high cart-abandonment rate, and for another product, there was an abnormally low add-to-cart rate. Based on these findings we recommended looking further into what is impacting a user’s purchasing decisions.

What dropoff can look like at different stages:

The Ecosystem at Large

Some clients have a larger ecosystem of products or services, and it’s important to look at how users engage with and navigate across the ecosystem. This might include subdomains for a shop, a marketing site versus the product site, help documentation, etc. By looking at the larger ecosystem we can reveal important connections that are missing or connections that could be strengthened.

Here are some examples of insights that demonstrated a need for changes in those ecosystem connections:

For sessions where a user was looking for a particular kind of resource, 95% of the searches were done exclusively in a single subdomain or microsite.
  Through user interviews we were able to confirm that this siloed experience was intentional for experienced users but unintentional for less-experienced users, who were largely unaware of the other parts of the ecosystem that were available. We recommended making changes to improve discoverability of those other areas.
For sessions where a user navigated between two domains, 75% of sessions navigated to the other domain to view documentation specifically.
  Yet, depending on the product, sometimes the documentation was hosted on a subdomain specific to documentation and sometimes it was available on the product domain. This created an inconsistent experience where for some products, users could find what they needed on the product website, but for other products, users were sent to an entirely different subdomain. We recommended creating a more consistent experience for users, where regardless of the product, the documentation would be found in the same location. 

Here at Viget, there are a wide variety of insights we may discover for any one project through behavioral analytics. These insights can help to identify new user groups, help to prioritize content or features maintenance and updates, or bring to attention moments in the user journey that are causing friction. These opportunities can help you bring in new users and retain your existing users, by providing an experience that aligns with their needs, whether that is finding resources, getting involved in a community, or making a purchase.  

If you’re interested in making your website or application more effective for your users by leveraging the power of behavioral analytics data, we’d love to hear from you




al

Agency Partnerships: A Rising Tide Lifts All Boats

For agencies like ours, success doesn’t come from being an expert at everything—a big part of it is complementing our expertise and working hand-in-hand with like-minded partners who share our values and standards.

These partnerships haven't just boosted what we can do, they've created opportunities for us to engage with new clients. Here's how these collaborations have made us—and our partners—stronger:

  1. Incremental Value: We have a deep respect for expertise. We believe If you try to be an expert at everything, it’s difficult to be exceptional at anything. By teaming up with partners who bring different skills and services to the table, we get access to all sorts of proficiencies we wouldn't have on our own, adding value to prospective and existing clients. Instead of “That’s not our area of expertise”, now it’s “Yes, we can help with that.” These alliances empower us to deliver a higher level of service and comprehensive results for our clients.
  2. Mutual Scalability: Sometimes, there’s a ton of demand for what we do, and it's hard to keep up. Strategic partnerships mean we can call in reinforcements when we need them. By tapping into our partners' talent pools, we can handle even the most time-sensitive client demands without sacrificing quality or speed. And it’s mutual. When our team has time available, we are the reinforcements instead.
  3. More Leads, More Growth: In a crowded market, having a steady stream of clients is crucial. Naturally, every knock on our door can’t be a great fit. Through our partnerships, we've built a network of agencies that share our values, quality standards, and culture. By working closely together and passing leads back and forth, we've created a symbiotic ecosystem where projects flow smoothly, keeping all of us busy and growing.
  4. Reaching New Frontiers: Exploring new markets or industries can be risky, especially if you don't know the terrain. That's where partnerships come in handy. With an experienced partner on your team, it cracks open a door to reach new customers that may have otherwise been too difficult to open on your own. By teaming up with others who know the ropes in different areas (e.g. machine learning, hardware prototyping, reputation management, etc.), we can expand our reach, and establish ourselves in new segments with confidence.
  5. Getting Creative Together: Innovation flourishes when different minds come together under a set of constraints. By teaming up with partners who bring fresh ideas to the table, whether through smaller things like adding feedback to a partner’s open-source library, or bigger things like discussing AI’s impact on the web, we create a space where new approaches can flourish. (And, well, it’s our namesake after all).
  6. Professional Development: Values like “learn & grow” are part of a rewarding career at Viget. The symbiotic ecosystem created in our partner network provides opportunities for knowledge sharing. Partners help us solidify new skills including teaching others. Our own expertise shared with our peers gets reciprocated—each agency broadening the other’s horizons and leveling up one another’s teams. 

In the end, strategic partnerships are an important ingredient in our recipe for success. They give us access to all sorts of perks we wouldn't have on our own, and they help us build a community of successful agencies and contractors who all value the power of teamwork. 




al

5 Ways to Make Your Next In-Person All-Hands Event Worthwhile

In recent years, as distributed work has become the norm, all-hands trips have become more commonplace. Even companies that have always done them now see their importance in a new light. They are expensive and demanding for everyone involved, but when they’re done well they can be incredibly impactful. Are you bringing your team together and feeling the stress of getting it right? Designing the time together takes strategic thinking, logistics planning, and the confidence to ask everyone to contribute to the event’s success.

Last week, we came together to connect, celebrate each other, and look forward to a bright future in our quarterly all-hands event we call Third Third Thursday or TTT. It was our first in-person all-hands event since May 2023. At Viget, we actively build our culture together. The responsibility doesn’t fall on just a few individuals' shoulders. Our events are successful because individuals show up, speak up, listen, and honor the limited time we have together in-person. This is evident in the chats over breakfast pastries, the all-in approach to competitions breakout sessions, and the peer talks and discussions throughout our events. This connection and camaraderie doesn’t just happen, we work hard to make it happen. 

Reflecting on last week’s event (and 7 years of other events), I want to share these five key planning tips to help you craft a successful event. 

Leverage your physical space to help achieve your event goals. This fall we had a smaller number of attendees and we wanted to encourage discussion throughout the event so we set up the room in large U shape to foster conversation. We also made the most of our exterior space, which featured a fire escape staircase, by hosting an egg drop competition. 

Over communicate, especially around when team members can expect breaks and when they can expect to be fed. As the event lead, I share my phone number multiple times ahead of and throughout the event. We also make sure to communicate in dedicated channels, including an event Slack channel for all attendees, a behind-the-scenes Slack channel for presenters only, and an event website. We share important key information like bus schedules and flight confirmations via email. In advance of the big day, we shared this slide with our team to both inform and inspire. 

Leave room for unstructured time and connection. Over the years we learned that some of the best discussions and a-ha moments come from chats over a meal or a snack during the “unplanned” parts of the event. Now we plan ahead for these, leaving ample time for unplanned, impromptu a-has. We think about airport Uber rides, charter bus rides, morning runs, evening board games, or late-night drinks and look for ways to grease the wheels of serendipity. This was especially important for us this fall since it had been so long since the last time we all gathered together

Look for ways to celebrate what is unique to your company. One pretty fantastic thing that comes with a quarter century in business is the community we’ve built along the way. We make a point to keep up with previous Viget employees who we proudly call our alumni. We love our alumni and enjoy recognizing their contributions to Viget. One way we do so is with annual picnics, which we host when the most current Viget employees are in town for an event. These picnics are often a great mix of reconnections and networking.

Find ways to surprise and delight. Think big and small. For example, this fall we put colored pencils and butcher block paper out during our meeting time. Our autumnal decor included blue(ish) and orange pumpkins (Viget colors!). We made a subtle callout to an internal project by serving french fries as our afternoon snack. And we surprised our team with Unreal treats for their bus rides home. The treats served as dessert and a means for us to introduce our next in-person event, our spring TTT, aka Viget25. 

Some companies advocate for all-hand retreats to be social and relaxing, but not “productive.” They tout a meeting-free event. At Viget, we see the meeting time as crucial because that is when peers share knowledge, reflect on their recent work, showcase client impact, and highlight new ideas and personal growth. Similarly, our co-founders reflect on Viget’s performance and share thoughts on the upcoming business direction. The meeting sparks genuine inspiration and creates a time for us to remember what brought us to Viget in the first place – to build world class tech in support of our clients. 

On the heels of a successful gathering, it’s time to start planning the next one. For our next event we’ll head to the Allegheny Mountains where we’ll leverage a unique and memorable venue, offer plenty of unstructured time for connection (with each other and nature), loop in alumni where appropriate, plan inspiring meeting content, enjoy many meals and treats together, and of course find ways to surprise and delight. 

Work-related travel isn't for everyone, but if you know someone who appreciates the idea of dedicated time to connect with and celebrate their peers, we’re hiring. And to all the culture champions and event planners out there, good luck with your next all-hands! 




al

Sony A9 III: Game-changing Full-Frame Global Shutter, 120FPS 24.6MPx Camera

This post: Sony A9 III: Game-changing Full-Frame Global Shutter, 120FPS 24.6MPx Camera was first published on Beyond Photo Tips by Susheel Chandradhas

Sony announced the Sony A9 iii on 07 November 2023, a 24.6 Megapixel Full-frame mirrorless camera with the world’s first global shutter full-frame stacked CMOS image sensor capable of shooting at 120 frames per second. The camera also boasts a processor, the BIONZ XR, that is 8 times faster than the previous Sony BIONZ X […]

This post: Sony A9 III: Game-changing Full-Frame Global Shutter, 120FPS 24.6MPx Camera was first published on Beyond Photo Tips




al

Affinity Spring Sale: Up to 50% Off

This post: Affinity Spring Sale: Up to 50% Off was first published on Beyond Photo Tips by Susheel Chandradhas

You might have seen some of my articles about Affinity Photo and how it is a wonderfully cost-effective solution for both advanced amateurs and professional photographers when it comes to retouching images. Well, if you have been holding out for a discount on purchase of Affinity apps, then now might be the right time to […]

This post: Affinity Spring Sale: Up to 50% Off was first published on Beyond Photo Tips




al

The Rise, And Fall, Of Adobe?

This post: The Rise, And Fall, Of Adobe? was first published on Beyond Photo Tips by Susheel Chandradhas

Many of us use Adobe tools regularly. I’ve used them since 1995, and I still do. But there was a time, a few years ago, when I was very frustrated with Adobe, and that I moved away from the Creative Cloud ecosystem. In the video coming up, Jazza explains why Adobe is so widely used […]

This post: The Rise, And Fall, Of Adobe? was first published on Beyond Photo Tips




al

RIP a Livecast #636 – Maggot May with special guest Necrosexual

We're excited to have our friend, the most electrifying man in corpse entertainment, Necrosexual join us at the top of the show to talk about his new EP, Seeds of […]




al

RIP a Livecast #641 – Velvet Rope with special guest Dan Ozzi

Our good friend, Dan Ozzi, is back on the show today to talk about his new book SELLOUT: The Major Label Feeding Frenzy That Swept Punk, Emo, and Hardcore (1994-2007). […]





al

RIP a LIVECAST #649 – Specially Speaking

It's a new era for the show, and we kick it off with a new voice. Sid explains all the different types of Drag Race there are. Rob explains poppers. […]



  • RIP a Livecast

al

Squared Circle Pit #77 – Justin Whang talks old-school ECW and his favorite wrestlers

Internet sensation Justin Whang enters the Squared Circle Pit. He talks about his favorite wrestlers and metal bands growing up, staying up late to watch ECW, his thoughts on the […]




al

RIP a Livecast #655 – This is the Hot Stuff with special guest Alex Skolnick

This will be the last episode of the Livecast posted to Metal Injection, get future episodes at ripalivecast.com Skoly-D himself, Alex Skolnick sits in with us to chat about our […]



  • RIP a Livecast

al

GENE SIMMONS Says VAN HALEN "Destroyed" BLACK SABBATH On Tour: "Tony Iommi Admitted It, And So Did Ozzy"

There will never be another Eddie Van Halen.




al

Top 8 Essential Marketing Trends You Need

The world of marketing is constantly shifting and adapting, making it essential for today’s marketers to stay in the know of the latest trends.  It’s important to have knowledge of digital marketing strengths like mastering SEO or using social media tools correctly- but that alone isn’t enough to make your business stand out to customers […]




al

4 Business Scaling Strategies to Implement in 2023

Business scaling is setting the stage to support growth in your company. In other words, it means investing in cutting-edge technology, hiring top talent, and executing effective marketing campaigns to successfully grow your business. And while business owners often wish to achieve success overnight, scaling requires a long-term, sustainable strategy.  Scaling a business is often […]




al

How to Keep Your Digital Design Studio Running Smoothly?

If you want your design studio to succeed in a crowded market, it has to run smoothly and effectively.




al

Holographic technology’s transition from science fiction to reality

In science fiction literature and films, holography has received much attention. These tales frequently depict holograms as entertainment, communication tools, or live creatures. Their depiction in these sources is typically far more sophisticated than what is now technologically feasible. Holography is beginning to play a more significant part in current communications and technologies as technology […]




al

6 Tactics for Promoting Your Local Business

As a small business proprietor, you must establish connections with local patrons, integrate into the community, and differentiate yourself from your rivals. However, understanding how to market your business locally requires clever marketing techniques. Given the limited pool of potential customers in your vicinity, prioritizing local marketing endeavors is essential, especially when considering that your […]




al

Rekomendasi Provider Slot Online Paling Populer

Tidak di pungkiri saat ini permainan slot sudah berkembang pesat, dimana para penggemarnya dapat mainkan slot tersebut secara online. Tidak perlu lagi pergi ke casino untuk mainkan slot ini, cukup menggunakan smartphone atau laptop yang terhubung ke internet sudah dapat bermain sepuasnya. Kelebihan dari permainan slot online ini lebih variatif dengan tema-tema permainan yang berbeda-beda. […]




al

Jenis Judi Online bagi Pemain Modal Tipis

Judi online menjadi suatu keharusan untuk dilakukan pemain di jaman sekarang. Dengannya pemain bisa bermain dengan cepat, mudah, dan praktis. Tanpa harus keluar uang banyak untuk bisa ambil bagian di dalamnya. Pemain bahkan bisa bermain dengan gratis tanpa perlu biaya admin. Uang yang diperlukan hanyalah untuk taruhan saja di dalamnya. Bagi Anda yang tertarik dengan […]




al

Abstract Table, An Interesting Tasting Menu in Oakland, California

Chefs Duncan Kwitkor and Andrew Greene — Abstract Table, offering up a 5 and 7 course tasting menu Friday and Saturday nights at Gastropig. Last night my wife and I had a chance to dine at the opening of a new pop up style 7 course tasting menu called Abstract Table, currently being offered as …




al

FOB Kitchen, Great New Filipino Hot Spot in Oakland, California

I had the pleasure to try FOB Kitchen last night, a hot new Telegraph Avenue Oakland Filipino menu in Oakland (Thanks cristina_thebaker!). 5179 Telegraph Ave, Oakland, CA 94609. You would not know it from the unassuming Temescal strip mall setting, but once inside you are treated to an amazing and flavorful Filipino menu from this …




al

Branding and Packaging Design for Di Ligúria: Italian Roots with Brazilian Flair

Branding and Packaging Design for Di Ligúria: Italian Roots with Brazilian Flair

abduzeedo

Discover the branding and packaging design of Di Ligúria, a Brazilian pizzeria, blending Italian heritage with Brazilian charm.

When two Brazilian entrepreneurs with Italian heritage set out to create Di Ligúria, a pizzeria in Belo Horizonte, they wanted more than just a menu of pizzas. They sought a brand that paid homage to the flavors, traditions, and warmth of Italian culture while embodying the lively spirit of Brazilian dining. Designer Danilo Akan took on this challenge, developing a branding and packaging design that bridges these cultural elements seamlessly.

Di Ligúria’s brand identity is grounded in a love for Italian cuisine, inspired by the founders’ Genoese roots and the culinary culture of the Liguria region. Akan crafted a visual concept that honors this Italian foundation while infusing a relaxed Brazilian vibe. The name “Di Ligúria” itself is a tribute to Italy’s Liguria region, signaling an immediate connection to Italian authenticity.

Akan’s design approach captures this dual identity, focusing on simplicity, elegance, and a playful touch. Using negative space and bold typographic elements, Akan brings the essence of Italian tradition forward, yet retains a fresh, contemporary look that appeals to a wide audience. His design balances modern aesthetics with nostalgic elements of Italian dining, creating a memorable brand that invites customers to savor the Italian experience.

The most striking element of Di Ligúria’s brand identity is its innovative typography. Akan developed a typographic style that incorporates subtle nods to pizza and pasta, the core offerings of Di Ligúria. By using negative space within the letterforms, particularly in the letter “G,” Akan brings visual references to pizza slices and pasta strands. This clever use of negative space allows the brand to visually communicate its primary products in an understated yet effective way.

The logo’s typeface is both modern and classic, giving a nod to Italian design’s timeless elegance. This typographic style doesn’t just serve as a brand marker but becomes an integral part of the visual experience, subtly reinforcing the restaurant’s Italian roots while remaining approachable.

Packaging that Enhances the Experience

In addition to branding, the packaging design plays a significant role in delivering Di Ligúria’s identity. Packaging is designed not just for functionality but as an extension of the dining experience. By integrating graphic patterns inspired by Italian motifs, Akan’s design makes every pizza box, pasta container, and salad package an experience in itself.

The patterns, echoing Italian ceramic tiles and Mediterranean styles, contribute to the visual storytelling of Di Ligúria. They evoke the charm of Italy and the idea of gathering around a table with family and friends. With packaging that feels thoughtful and distinctive, customers are reminded of the quality and heritage behind each meal.

From the moment a customer sees the logo to when they unbox a fresh pizza, Di Ligúria’s branding and packaging tell a story. Each design choice reflects the founders’ desire to create a brand that goes beyond fast food and into a cultural experience, filled with Italian warmth and Brazilian vitality. Akan’s thoughtful use of typography, graphic patterns, and packaging demonstrates how design can capture a brand’s essence and elevate the customer’s experience.

For anyone looking to explore Akan’s creative process and Di Ligúria’s full brand story, more details are available on his website.

Di Ligúria’s branding and packaging design provide an excellent example of how design can connect cultural roots with a fresh perspective. Akan’s work successfully weaves Italian traditions into a Brazilian setting, delivering a design that’s as inviting as the food it represents.

Branding and visual identity artifacts




al

Innovative Branding and Visual identity using Google Slides assets

Innovative Branding and Visual identity using Google Slides assets

abduzeedo

Montag School’s branding fuses corporate trust with creative appeal, using Google Slides assets to reach diverse audiences.

Creating a brand identity for an educational institution like Montag School requires balancing the rigorous standards of corporate audiences with the appeal needed to engage a younger, learning-focused crowd. In this project by Monga Design, Montag School’s visual branding comes to life with a thoughtful, dual-purpose approach that reaches across the boundaries of institutional professionalism and educational creativity.

Montag School’s goal was to represent itself as a trustworthy, contemporary leader in personalized education. This meant moving away from conventional, corporate-heavy design toward a more flexible and approachable brand image. The resulting visual identity integrates both institutional authority and a fresh, dynamic appeal, capturing the trustworthiness expected in corporate circles while aligning with the openness and innovation desired in education.

One of the project’s standout qualities is its focus on balance. By addressing both institutional credibility and the youthful appeal needed for online and in-person classes, the branding reinforces Montag’s positioning as a leader in educational innovation. The design combines strong visual cues—such as clean lines and modern typography—with a vibrant color palette, adding depth to both the brand’s academic and professional facets.

Leveraging Google Slides for Visual Consistency

An innovative aspect of this project is the use of Google Slides as a foundational tool for asset creation. This choice reflects an understanding of Montag’s operational needs and the educational landscape’s demands for accessibility and efficiency. By designing custom graphics within Google Slides, Monga Design created a versatile, cost-effective solution for maintaining consistent visuals across various educational materials. Google Slides not only provides easy customization but also aligns with the widespread use of this tool in both corporate and learning environments, allowing Montag to produce branded materials in-house without requiring extensive software training.

Montag School’s branding thoughtfully considers its diverse target audiences. For in-company courses and corporate conventions, the brand maintains a polished, professional tone, ensuring credibility and trust in a business context. Simultaneously, for students attending online and in-person classes, the brand incorporates a more engaging, youthful look. The graphics, colors, and animations appeal to students by creating an approachable and modern learning environment.

Monga Design introduced animations for key assets to add a layer of interactivity to Montag’s branding. These animations, crafted by Clint Studio, enhance the brand’s visual appeal while ensuring they resonate with both young learners and seasoned professionals. This visual dynamism strengthens the brand’s reach by making it adaptable to the changing demands of the educational landscape.

The design team approached this branding project with a detailed, collaborative process. Their “Visual Thermometer” meeting—a strategy to explore visual possibilities rather than set rigid creative guidelines—proved essential for crafting a design that was both client-centered and creative. By aligning client preferences with design expertise, they established a visual identity that resonates on multiple levels, providing a cohesive experience for all audiences.

Montag School’s branding successfully bridges the gap between education and business, providing a clear, attractive, and credible visual identity that aligns with the brand’s values. By balancing a contemporary, accessible aesthetic with the professionalism expected in corporate circles, Montag School positions itself as a modern leader in education, with a visual identity that can grow with its expanding audience.

For more on this project, you can view the video case here.

Branding and visual identity artifacts

Credits

  • Visual identity: Monga Design → Mateus Yuzo and Michel Refatti
  • Motion: Clint Studio → Gustavo Brazzalle, Lucas José Galego e Luciano Burger




al

GitHub x BUCK: Crafting a Dynamic Visual Identity for Universe ’24

GitHub x BUCK: Crafting a Dynamic Visual Identity for Universe ’24

abduzeedo

Learn how BUCK redefined branding and visual identity for GitHub Universe ’24 with monumental design inspired by code.

The annual GitHub Universe event is a celebration of innovation, bringing together some of the brightest minds in software development. This year, GitHub partnered with BUCK, a renowned global creative company, to reimagine the event’s visual identity. Inspired by the theme “The World’s Fair of Software,” BUCK transformed GitHub Universe ’24 into a visually immersive experience that blended the past and future of software culture. Here’s a look at how this collaboration pushed the boundaries of branding and visual identity.

The Creative Vision: Merging Tradition and Progress

GitHub Universe ‘24 marked a milestone as the event’s tenth edition. This special occasion called for a branding overhaul that both paid homage to GitHub’s legacy and celebrated the event’s ongoing evolution. BUCK’s approach was rooted in capturing the spirit of World’s Fairs, where innovation and collaboration take center stage. Ward Graumans, BUCK’s Creative Director, emphasized their intent: “We aimed to create a look that celebrates this milestone while pushing the brand forward.”

The visual system developed by BUCK didn’t just rehash previous designs. Instead, it evolved into a toolkit that incorporated new elements while staying true to GitHub’s core identity. Central to the branding were what BUCK called “Monuments of Progress.” These unique structures were a reinterpretation of their prior 2D shape library, elevated to represent key GitHub values. Each monument carried icons, mascots, and insider references from the developer community, merging playful aesthetics with thoughtful design.

Key Elements of the Visual Identity

BUCK crafted a comprehensive design system that tied together various aspects of GitHub’s event branding. The system integrated fresh color palettes, new typography, and updated logos, all influenced by the visual language of coding. The Monuments of Progress became the standout feature, serving both as iconic standalone pieces and as the basis for hero visuals. This creative concept was not just about aesthetics; it reinforced the event’s narrative, with each visual element acting as a beacon of innovation.

Beyond static design, BUCK brought these monuments to life through animations and dynamic visuals. They created a suite of digital assets, from social media content to an introductory film that illuminated the event stages. This multimedia approach ensured that GitHub Universe ’24 had a cohesive yet lively visual identity, both online and in person.

Collaboration and Execution

The development of this branding system was a collaborative effort between BUCK, GitHub’s in-house design studio, event producers, and external partners. The process involved tight communication and shared creative insights. According to Adam Walden, VP of Brand and Corporate Marketing at GitHub, “BUCK continues to bring taste, craft, story, and incredible attention to detail to everything we do together.” This close-knit collaboration resulted in a unified event experience that resonated across different platforms.

The team at BUCK didn’t just stop at creating a one-off design for the event. Instead, they developed a branding system with longevity, allowing GitHub to use these assets beyond Universe ’24. This evergreen toolkit ensures a lasting impact on GitHub’s branding efforts, providing flexibility for future campaigns and event rollouts.

Impact and Legacy

GitHub Universe ’24’s branding is more than a visual facelift; it’s an invitation to engage and explore. By drawing from coding elements and honoring the developer community, BUCK and GitHub have created a design system that feels both cutting-edge and familiar. The Monuments of Progress symbolize GitHub’s role as a hub of innovation, while the refined color schemes and typography elevate the brand’s visual language.

This collaboration sets a new standard for event branding in the tech industry. BUCK’s creative solutions not only reflect GitHub’s ethos but also celebrate the people and projects that make the developer ecosystem thrive. It’s a testament to the power of thoughtful design and the impact of a strong, cohesive visual identity.

The reimagined visual identity for GitHub Universe ’24 exemplifies how branding can serve as a narrative tool. BUCK’s designs invite viewers to think of software development not just as code, but as a world full of creativity and progress. As GitHub continues to grow, this branding system will be a cornerstone of its visual storytelling, inspiring developers and designers alike.

GitHub Universe ’24, with its bold and vibrant identity, proves that a well-crafted brand can amplify the spirit of an event. BUCK’s collaboration with GitHub has set a high bar, showing how design, when rooted in community and culture, can make an event feel like a true celebration of innovation.

Branding and visual identity artifacts

About GitHub

GitHub is the most widely adopted Copilot-powered developer platform to build, scale, and deliver secure software. Over 100 million developers, including more than 90% of the Fortune 100 companies, use GitHub to collaborate and more than 77,000 organizations have adopted GitHub Copilot.

About BUCK

BUCK is a global creative company that combines design, technology, and storytelling to create compelling experiences for brands. Founded in 2004, BUCK has built a reputation for outstanding craftsmanship and innovation through collaboration with a wide range of clients across the cultural and technology spheres, including Nike, Apple, Netflix, IBM, Airbnb, and Google. Recognized as an industry leader, BUCK’s trophy case includes two Emmys, multiple gold Cannes Lions, Clios, pencils, cubes, and over 200 other awards from the most prestigious competitions in the world.

BUCK is in Residence, a collective of beautifully curated companies with the shared goal of empowering creative potential.




al

Graphic Hunters: Pushing the Boundaries of Sports Visual Identity

Graphic Hunters: Pushing the Boundaries of Sports Visual Identity

abduzeedo

Explore how Graphic Hunters’ visual identity redefines sports branding through innovative design inspired by fashion and art.

Graphic Hunters, a Dutch studio dedicated to sports branding, isn’t playing by the typical design rulebook. Instead, their newly crafted visual identity steps outside the confines of traditional sports aesthetics, introducing elements drawn from fashion and high design. The result is a high-impact, versatile identity that positions Graphic Hunters as a creative club worth joining—whether as a client or a collaborator.

A New Playbook for Sports Branding

At the heart of Graphic Hunters’ approach is the idea that the sports industry deserves a more refined and exclusive visual experience. This belief is woven into every part of their branding, which Monga Design and Vogau led with a clear vision. The goal was to create a system that balances functionality with creative exploration, breaking conventions while still delivering practical, adaptable solutions for various applications.

This innovative take on visual identity isn’t just about aesthetics; it’s a strategy aimed at redefining the brand’s place in the market. Graphic Hunters has always described itself as a team hungry for new challenges, and now, their brand identity reflects that spirit. The new look aims to make the studio stand out in the sports arena and beyond, appealing to clients and team members who value originality and impact.

Graphic Hunters’ identity combines familiar elements from the sports world—like motion and heat—with unexpected treatments. The design team drew inspiration from fashion and abstract art to create a visual language that transcends typical sports branding. This cross-pollination of ideas manifests in several core elements:

1. Typographic Experimentation: Instead of relying on traditional sports typefaces, the team played with a variety of fonts that feel bold and contemporary. Typography serves as both structure and disruption, bringing energy to each layout.

2. Photographic Treatments: The identity includes photographs that have been creatively manipulated, breaking up the grid and adding an element of surprise. This technique turns static images into dynamic design features, echoing the constant motion of sports.

3. Grid System and Stickers: To keep the brand’s applications cohesive yet flexible, a structured grid underpins the design. However, this is cleverly offset by playful elements like stickers and graphical interventions, which keep the brand feeling fresh and exciting.

One of the biggest challenges was making the visual system adaptable yet creatively open. Sports branding often leans into themes of power and motion, but Graphic Hunters wanted to do more. The result is a brand that’s equally at home on a team jersey or a digital campaign, seamlessly moving between refined, impactful moments and bold, playful expressions. This adaptability speaks to the studio’s ethos of being a “creative club,” where everyone is encouraged to push the boundaries.

Another essential aspect was research. The design team explored references beyond the sports realm, looking at high fashion and experimental graphic design. This broader inspiration palette allowed Graphic Hunters to create something genuinely unique for the industry. The identity’s experimental typography and abstract motifs capture the feeling of heat and energy—core elements of sports—while grounding them in a sophisticated design language.

Elevating Sports Design Beyond the Field

By combining these unexpected references with a strong foundation of sports elements, Graphic Hunters has crafted a visual identity that is both striking and functional. It stands as a testament to the idea that sports design can be more than bold fonts and action shots. It can be a narrative of innovation and exclusivity, appealing to an audience that appreciates both the adrenaline of sports and the sophistication of high design.

Graphic Hunters’ reimagined branding proves that sports-focused design can be just as experimental and refined as any high-fashion brand. It’s a visual identity that elevates the sports studio into a space where design meets performance, art meets action, and innovation becomes the new norm. As the brand continues to grow, this identity will serve as a powerful statement of their ambition: to bring high-impact, original design to the world of sports, one project at a time.

Branding and visual identity artifacts

Credits

  • Authors: Monga DesignVogau and Clint Studio
  • Visual identity: Monga Design (Mateus Yuzo, Michel Refatti) and Vogau (Carlos Eduardo Marin, Gabriela Colebrusco Peres)
  • Motion: Clint Studio (Bruno Vitalino, Danilo Coelho, Gustavo Brazzalle, Lucas José Galego, Luciano Burger




al

Illustration for Impact: HART Curatorship Incubation Programme Visuals

Illustration for Impact: HART Curatorship Incubation Programme Visuals

abduzeedo

Discover Anthony Lam’s captivating illustration work for the HART Curatorship Incubation Programme 2024, blending art with purpose.

HART Collective Limited’s 2024 Curatorship Incubation Programme comes alive through a series of vibrant visuals and social media collaterals designed by Anthony Lam. This illustration project, aimed at amplifying the HART initiative’s reach, seamlessly combines creativity and purpose. Let’s dive into the thought process, design elements, and impact of these compelling illustrations.

Bringing Artful Storytelling to HART

The HART Curatorship Incubation Programme is more than just an event; it’s a platform that nurtures emerging curators and fosters artistic engagement in Hong Kong. For this initiative, HART Haus collaborated with Anthony Lam to create visuals that encapsulate the spirit of innovation and community central to the programme. With a focus on vibrant, eye-catching design, Lam’s illustrations breathe life into the promotional material, making the programme’s message resonate visually.

One of the striking features of this project is the careful choice of typography. The primary typeface used is Degular Display by James Edmondson from OH no Type Co. This choice lends a contemporary and approachable vibe to the design, complementing the modern and energetic illustrations. The type’s bold and clean lines create a sense of structure amidst the dynamic visuals.

Lam’s illustrations use a playful yet sophisticated color palette, striking a balance between the avant-garde and the accessible. The design approach draws heavily from art movements that emphasize form and rhythm, mirroring the essence of a programme that curates art as an experience. Each piece incorporates abstract shapes and flowing patterns that evoke a sense of motion, representing the evolving journey of curatorship and the fluid nature of artistic collaboration.

Illustration isn’t just about static visuals; it’s about telling a story that connects with an audience. For this project, Lam crafted designs meant to adapt seamlessly across multiple platforms, from print to digital media. The social media assets, in particular, utilize animations and interactive elements to capture the attention of a fast-scrolling audience. These designs ensure that the HART Curatorship Incubation Programme stands out in the crowded digital space.

The use of illustration as a core element of the visual identity allows for more flexibility and engagement. It provides a canvas where abstract concepts about art and curatorship can be expressed in a way that feels both authentic and exciting. Whether seen on a poster, a website, or a social post, each visual invites viewers to explore and learn more about the programme.

Illustration plays a crucial role in making art initiatives accessible to a broader audience. By employing a visually striking yet relatable design language, Anthony Lam’s work for HART bridges the gap between curators and the community. The visuals don’t just inform; they inspire curiosity and engagement, which is essential for an incubation programme that seeks to elevate emerging curators.

This collaboration also highlights the impact of thoughtful design in the arts sector. By leveraging illustration, HART Collective can convey complex ideas in a way that is immediately understandable and appealing. The choice of colors, the movement within the compositions, and the bold typography all work together to create a cohesive narrative that draws people in.

The HART Curatorship Incubation Programme’s visual identity showcases how illustration can elevate an arts initiative, making it more engaging and impactful. Anthony Lam’s designs prove that illustration, when done thoughtfully, can serve as a bridge between art and the public, turning viewers into participants and supporters.

This project is a reminder that effective visual identity goes beyond aesthetics; it tells a story that connects and captivates. As HART continues to grow its curatorship programme, the illustrations created for this year’s campaign will undoubtedly leave a lasting impression, drawing more people into the world of art and collaboration.

Graphic design and illustration artifacts

Credits




al

Exploring Editorial Design in ‘EN TORNO A LA MATERNIDAD’

Exploring Editorial Design in ‘EN TORNO A LA MATERNIDAD’

abduzeedo

Dive into the thoughtful editorial design of ‘EN TORNO A LA MATERNIDAD,’ crafted to resonate with themes of motherhood.

Pau Marín’s project, EN TORNO A LA MATERNIDAD, explores the essence of motherhood through a refined editorial design that merges visual storytelling with emotive impact. The design embodies the themes of care, strength, and the cycle of life, delivering a visual experience that’s as insightful as it is aesthetically appealing.

Design Approach and Concept

At the heart of this project lies a narrative-driven approach. Marín carefully crafted the layout to reflect the nuances of motherhood, using visual metaphors and deliberate design choices. The typographic elements are minimal yet impactful, guiding the reader’s eye through the content seamlessly. Serif and sans-serif typefaces interplay to emphasize the transitions between vulnerability and empowerment that define the maternal experience.

Photography plays a crucial role in this work, capturing tender moments that resonate with authenticity. Each image, strategically placed, adds layers of meaning, complementing the textual narrative. Marín’s ability to weave text and imagery together in a harmonious flow highlights the power of good editorial design to evoke emotions.

Layout and Visual Hierarchy

Marín’s layout decisions ensure readability while also inviting reflection. White space is used masterfully, giving the design room to breathe and allowing the reader to absorb the emotional weight of the content. The flow from one spread to the next feels intentional, never rushed, mirroring the natural rhythms of life.

The visual hierarchy emphasizes important sections, using bold headings and thoughtful subheadings. This structure not only aids in navigation but also underscores key messages without overwhelming the viewer. The balance between text, imagery, and negative space is a testament to Marín’s understanding of editorial design principles.

Thematic Consistency and Visual Metaphors

Colors in the project echo themes of nature and nurture, employing soft pastels and earth tones. These choices create a calming yet evocative palette that enhances the emotional resonance of the design. Visual metaphors, like the cyclical patterns in layouts, symbolize the never-ending cycles of care and love associated with motherhood.

For designers and illustrators, EN TORNO A LA MATERNIDAD serves as an inspiring example of how editorial design can amplify storytelling. The project encapsulates the emotional and cultural dimensions of its subject matter, offering a blueprint for blending design and narrative seamlessly.

Discover more about this project and Pau Marín’s impressive portfolio on Behance at behance.net/paumarn1.

Editorial design artifacts

Credits and thanks

  • Fina Perelló Andreu
  • Maria José Fuentes Perelló
  • Nuria Fuentes Perelló
  • Nuria Marín Fuentes
  • Claudia Marín Penella
  • Pablo Lázaro Ballester
  • Diane Gello
  • Irene Martinez De La Vega
  • Andrea Peregrín Moreno
  • Coribel Zubillaga García




al

A Beautiful Spring Begins With Fall Planting

By University of Illinois News Have you ever admired the vibrant colors of spring flowers and wondered how to create this beauty in your own landscape? “The time to plant for spring bloomers is now,” said University of Illinois Extension … Continue reading




al

Straw Bale Gardening

Article By Elizabeth Wahie University of Illinois ACES News Videos By Bonnie Plants & Rob Bob’s Backyard Farming For gardeners with limited mobility, poor soil conditions, or limited space to garden, straw bale gardening may be the way to go, … Continue reading