Stack Overflow
AI Guide

Our team worked with Stack’s Demand Generation and Content Marketing teams to develop a new, comprehensive microsite on how to understand the AI landscape and upskill teams for the GenAI era.

Our goal was to create a dynamic and focused piece of content that further pushed Stack Overflow into the AI space as a thought leader and source of knowledge.

Initial Explorations
We began by exploring inspirations for similar content and creating a layout that would support a long-form, multi-chapter guide. We wanted to prioritize focus and clarity, meaning a pared-back design approach with only the most necessary CTAs and exit opportunities.

Wireframing This brought us to a basic wireframe, demonstrating for other stakeholders in our project what our goals were and how far from our typical approach we would like to go. This helped us demonstrate early into the project the kind of user experience we want to build, especially as the content and copy were being developed concurrently.

Visual Language —
Hero Graphics
As more copy was reaching final drafts, and our wireframes were turning into developed, on-brand Figma layouts, I began iterating on a visual language for this project. I wanted something scaleable, vector-based, and representative of the recursive properties of AI growth. I developed a practice of warping geometric shapes according to specific rules — point (x) and point (y) will move some unit of distance with each pass, or the entire shape will shift (x) unit left and grow proportionally by (y) percent. After repeating, a new form takes shape.

Fine Tuning

Visual Language —  
Content Graphics
Illustrations within chapters had to be less abstract and focus more on clarity of information, supporting the complex topics detailed throughout the guide.

Retrieval-Augmented Generation (RAG)
Knowledge Management and Answer Quality
Invasive Data Collection
Generative Adversarial Networks (GANs)
HarveyAI: Research Processing for Legal
Momentum of Neural Network Growth
Iterating and Improving
Customization in IDEs
Semantic Search
AI Impact on DEI
From Chatbots to LLMs
Providing Chatbot Feedback
Intellectual Property (IP) Concerns
Tailoring Your Chatbot
HarveyAI: Data Ingestion for Medical
Open-Source Models
Model Drift
Khan Academy: Personal AI Tutors for Socratic Learning
Model Size and Performance
Bloomberg: NLP Tasks With BloombergGPT
Ethics and AI
Query Tokenizing
Cost of AI
Upskilling Teams
Limitations of Tailored Chatbots

Final Layout
All of our work came together in a final layout in Figma, where I could collaborate with our writers and demand-gen team on unifying visuals, copy, and CTAs throughout the entire guide.

This project unified our brand, content, and demand-gen teams to create a type of content we hadn’t seen before. This really helped me push my skills in project leadership, owning the design and iteration phase in the latter half of this process, and all of our hard work brought this to an extremely polished, high-impact launch.