Welcome to Our New Website

Undertaking a website project of any kind is often a challenge, a journey, and importantly a gauntlet of validation for brand values and lofty philosophical concepts. It’s a complex puzzle that requires a significant amount of thought, iteration, and management—of opinions, feedback, and the ever-present strategy pivot consideration. Often, it unfolds into a web (very bad pun, apologies) of even more questions.

So, you may ask, why take on this project for ourselves? There was no getting around it: It was time.

Our Creative Services department identified some needs in conjunction with the rest of our G&G crew, and some casual conversations were had over time. Understanding that while our previous site was functional, it fell short of showcasing our full talents and abilities. Eventually those conversations snowballed into a concrete starting line, and the team got excited to run the race with a G&G pinnie on our backs.

Outlining First Steps

We initiated the project by outlining goals, pulling in key internal stakeholders to align on a focused set of things we wanted to accomplish. Those were:

  • Building a tool for users to comprehensively understand our agency and what we’re capable of (this was the highest priority)
  • Designing thoughtfully and playfully, but with restraint and ignoring most “trends”
  • Design for increasing specificity and granularity of content the deeper a user is within specific flows

Feeling good about this, we moved into a few brand exercises as an entire company to pin down some choices about brand voice and to narrow the mood of our website. This largely came in a series of polls—”Good & Gold is informed and accessible and is not pretentious or complicated”—that we then distilled to some throughlines. For some additional conceptual thought (and maybe a little fun), we also asked everyone to choose a building that represented the brand.

All of these exercises helped us confidently approach a consensus tonally, and we next needed to extend that feeling visually.

Nuts & Bolts

Pulling all of the information on emotional cues and strategic planning we had on hand, our next move was to begin our standard process for website projects, beginning with moodboards. Here, our research yielded a lot of observations about where we wanted to take things: minimal with an infusion of color, current via typeface and size choices, no flagrantly loud illustrations but definitely some excitement through scale relationships.

G&G Moodboard

Moodboarding is a highly valued part of our process. It allows us to minimize dissonance and creates the beginnings of a clear roadmap. We’re able to make some firm decisions up front that saves us time later.

Naturally, the step after is to begin wireframing to further lock in specifics. “How will this content be delineated across this flow?” “Where are we focusing a user’s attention?” and “What does this look like scaled to different screens?” are all questions we ask during this period. It’s incredibly important to us to land with a layout framework that’s well-defined so we can move into development with clear specifications.

The Build (And...Why Webflow?)

After iterating through several wireframe versions, and with more granular details like element states and interaction notes documented, we tackled the build. 

Our team makes a serious point to keep an eye on emerging platforms and new tools to help improve efficiency and our ability to generate MVPs quickly (we just switched everyone to Figma, for instance). What unveiled itself during our discovery phase was the desire to rapidly iterate in something closer to a live environment, with the added need of control over technical bells and whistles for animations and layouts. Serendipitously, Webflow reminded us of its existence at the perfect time and, having toyed with the idea previously, we knew it was ideal for taking our site to launch.

Webflow allowed us to implement the different responsive variations needed for our design without needing to extend ourselves into by-hand development. As a lean team and organization, the ability to leverage a no-code platform greatly sped up the pen-to-paper parts of the build and we could validate sections on the fly. Personally, the previously mentioned control proved to be incredibly empowering.

On the management side, it has a fantastic CMS that let us model and reference different datasets, all of which can be edited by other team members in an easy-to-use editor interface, meaning we can truly work in a distributed way.

With all stakeholders on board, all team members providing their final feedback, and having finally stepped away from our own design microscopes, we’ve officially shipped the very website you’re reading this on. We had a profoundly productive time working on this new website and are incredibly proud of the work. We hope you enjoy it!

Note: This overall experience has pushed Webflow to the near top of our recommended platforms (Shopify still holds the e-commerce crown…for now), and since we’ve run the gauntlet ourselves, we’d love to take you on that journey as well.

We merge our dedication to innovative strategies and curiosity-driven design to foster growth and elevate brands.

View our work
RELATED JOURNAL ENTRIES
#
G&G News
0 minutes

Good & Gold’s Q1 & Q2 Awards

At Good & Gold, we believe in the power of storytelling through design and strategy. This year, our story has been recognized in a remarkable way—we are thrilled to announce that we’ve been nominated for several prestigious awards and have proudly taken home two significant wins!

The Netty Award Nomination & Winner - Alfred Website (Design - Best Creative Web Design)

The Netty Awards celebrate achievements in the digital landscape, honoring top companies and leaders across more than 100 distinct categories. They set a benchmark for excellence and are a testament to the creativity, innovation, and technical prowess demonstrated by the winners.

We were honored when the Netty Awards reached out to us to let us know we had been recognized and nominated for the Creative Website Design of Alfred Coffee. The goal behind our website design was to blend creativity with functionality, creating a digital experience that would resonate deeply with users. We’re proud of this vision now being celebrated with the Netty Award for Best Creative Web Design. The Alfred website project was a labor of love, and seeing it honored on such a prominent stage is incredibly rewarding for our team.

The Communicator Award Winner - Studio Garrison Website & Rebrand (Professional Services)

Studio Garrison is an award-winning interior design firm that values quality design, innovation, sustainability, and collaboration. Our design team successfully created a new name (Studio Garrison) that was bold and concise for the firm, along with a design system that would stand the test of time.

For the last 30 years, The Communicator Awards have honored excellence, effectiveness, and innovation across all areas of communication. As a highly prestigious award sanctioned and reviewed by the Academy of Interactive & Visual Arts, being recognized as the best in Professional Services for our website and rebrand work is a true honor.

The Drum Awards Nomination - Alfred Web + Email (Best redesign or relaunch)

We were thrilled when the Drum Awards reached out to us to let us know we had been nominated for our work with Alfred and their website/email program in the Best Redesign or Relaunch category. The Drum Awards are a global organization, widely regarded as a benchmark in the marketing and communications industry, known for celebrating the best companies, practices, and most influential individuals shaping the industry.

It's an honor to see our hard work relaunching Alfred’s website and email program recognized among some of the best in the world. This recognition further fuels us to continue creating captivating work that makes an impact. 

We extend our gratitude to The Netty Awards, The Drum Awards, and The Communicator Awards for acknowledging our work and honoring us with these awards and nominations!

#
G&G News
0 minutes

A Milestone for Inclusivity: Celebrating Our NGLCC Certification

We at Good & Gold are thrilled to announce our recent certification by the National Gay & Lesbian Chamber of Commerce (NGLCC). This milestone is not just a mark of recognition—it’s a reflection of our core values and our commitment to fostering diversity, equity, and inclusion in every aspect of our business.

Why This Matters

As an LGBTQ+ and woman-owned company, we understand the importance of representation and inclusivity in the business world. Our team comprises of diverse talents who bring unique perspectives and ideas, driving innovation and creativity. The NGLCC certification is a testament to our efforts in building a business that not only aims for excellence in digital marketing but also champions the rights and recognition of the LGBTQ+ community.

Aligning with Our Values

At Good & Gold, our mission goes beyond providing exceptional digital marketing services. We are dedicated to crafting a brighter future for all, especially for those who have historically been marginalized. This certification aligns perfectly with our ethos of inclusivity and our dedication to supporting causes that defend fundamental rights, like the Equality Act and protections for LGBTQ+ individuals under Title IX.

Our Commitment to the Community

Receiving the NGLCC certification is another step in our journey to help create a more equitable business landscape. It strengthens our resolve to continue advocating for the LGBTQ+ community in and out of the workplace. Whether it’s through diverse hiring practices, supporting LGBTQ+ businesses, or creating campaigns that address and challenge discriminatory legislation, our goal is to make a lasting impact.

What This Means for Our Clients

This certification means that when you partner with Good & Gold, you are choosing a company that does not just deliver results but does so with integrity and a commitment to social justice. It means your brand’s message is crafted by a team that understands diverse audiences because we embody that diversity.

Looking Forward

As we celebrate this achievement, we are motivated by the current socio-political landscape and the upcoming 2024 presidential race, recognizing the critical role we play in advocating for and protecting LGBTQ+ rights. In light of increasing challenges, such as anti-LGBTQ+ legislation and rhetoric, our work and your support are more significant than ever.

Join us in celebrating this milestone. Together, we can continue to push boundaries and make a difference, not just in marketing but in the world.

#
G&G News
0 minutes

Good & Gold Wins 3 AMA MAX Awards!

Hear ye, hear ye! In a perfectly awkward virtual ceremony in February, Good & Gold picked up three honors from the American Marketing Association's MAX Awards. Here's a closer look at the awards, and the work that earned them.

Good and Gold infographic

In the Email Category, we earned a prize for our work on Oak & Oscar's automated email series. The overview: Through thorough discovery and research, we developed an email automation program designed to deliver thoughtful content to discerning customers at just the right time for independent watch company Oak & Oscar. SEE THE CASE STUDY >

Good & Gold infographic

In the Website Category, we won for our redesign and migration of the Infinity Images website. The overview: Though Infinity Images produces world-class, innovative work, the brand’s website felt dated, cluttered, and unprofessional. With our website redesign and migration, we aimed to more successfully communicate the brand’s identity—and most importantly, its capabilities—while also exuding a high level of sophistication and polish. SEE THE CASE STUDY >

Finally, we won Best In Show, a category we did not know existed, but sure makes us feel like an overly proud show dog!

While winning awards is nice, what's really great is being forced to step back and recognize our team's tireless hard work, and the success that it's brought to our clients—brands we wholeheartedly support and believe in. In a year without much reason to celebrate, little nods like this feel especially nice. Hats off, Team Good & Gold!

#
G&G News
0 minutes

Welcome to Our New Website

Undertaking a website project of any kind is often a challenge, a journey, and importantly a gauntlet of validation for brand values and lofty philosophical concepts. It’s a complex puzzle that requires a significant amount of thought, iteration, and management—of opinions, feedback, and the ever-present strategy pivot consideration. Often, it unfolds into a web (very bad pun, apologies) of even more questions.

So, you may ask, why take on this project for ourselves? There was no getting around it: It was time.

Our Creative Services department identified some needs in conjunction with the rest of our G&G crew, and some casual conversations were had over time. Understanding that while our previous site was functional, it fell short of showcasing our full talents and abilities. Eventually those conversations snowballed into a concrete starting line, and the team got excited to run the race with a G&G pinnie on our backs.

Outlining First Steps

We initiated the project by outlining goals, pulling in key internal stakeholders to align on a focused set of things we wanted to accomplish. Those were:

  • Building a tool for users to comprehensively understand our agency and what we’re capable of (this was the highest priority)
  • Designing thoughtfully and playfully, but with restraint and ignoring most “trends”
  • Design for increasing specificity and granularity of content the deeper a user is within specific flows

Feeling good about this, we moved into a few brand exercises as an entire company to pin down some choices about brand voice and to narrow the mood of our website. This largely came in a series of polls—”Good & Gold is informed and accessible and is not pretentious or complicated”—that we then distilled to some throughlines. For some additional conceptual thought (and maybe a little fun), we also asked everyone to choose a building that represented the brand.

All of these exercises helped us confidently approach a consensus tonally, and we next needed to extend that feeling visually.

Nuts & Bolts

Pulling all of the information on emotional cues and strategic planning we had on hand, our next move was to begin our standard process for website projects, beginning with moodboards. Here, our research yielded a lot of observations about where we wanted to take things: minimal with an infusion of color, current via typeface and size choices, no flagrantly loud illustrations but definitely some excitement through scale relationships.

G&G Moodboard

Moodboarding is a highly valued part of our process. It allows us to minimize dissonance and creates the beginnings of a clear roadmap. We’re able to make some firm decisions up front that saves us time later.

Naturally, the step after is to begin wireframing to further lock in specifics. “How will this content be delineated across this flow?” “Where are we focusing a user’s attention?” and “What does this look like scaled to different screens?” are all questions we ask during this period. It’s incredibly important to us to land with a layout framework that’s well-defined so we can move into development with clear specifications.

The Build (And...Why Webflow?)

After iterating through several wireframe versions, and with more granular details like element states and interaction notes documented, we tackled the build. 

Our team makes a serious point to keep an eye on emerging platforms and new tools to help improve efficiency and our ability to generate MVPs quickly (we just switched everyone to Figma, for instance). What unveiled itself during our discovery phase was the desire to rapidly iterate in something closer to a live environment, with the added need of control over technical bells and whistles for animations and layouts. Serendipitously, Webflow reminded us of its existence at the perfect time and, having toyed with the idea previously, we knew it was ideal for taking our site to launch.

Webflow allowed us to implement the different responsive variations needed for our design without needing to extend ourselves into by-hand development. As a lean team and organization, the ability to leverage a no-code platform greatly sped up the pen-to-paper parts of the build and we could validate sections on the fly. Personally, the previously mentioned control proved to be incredibly empowering.

On the management side, it has a fantastic CMS that let us model and reference different datasets, all of which can be edited by other team members in an easy-to-use editor interface, meaning we can truly work in a distributed way.

With all stakeholders on board, all team members providing their final feedback, and having finally stepped away from our own design microscopes, we’ve officially shipped the very website you’re reading this on. We had a profoundly productive time working on this new website and are incredibly proud of the work. We hope you enjoy it!

Note: This overall experience has pushed Webflow to the near top of our recommended platforms (Shopify still holds the e-commerce crown…for now), and since we’ve run the gauntlet ourselves, we’d love to take you on that journey as well.