Custom Websites

How We Designed and Built a New Website for Our Cooperative

Building Website 2.0 for our tech workers' cooperative.

Introduction

If you're reading this, that means we did it! Website 2.0 has launched. 🚀 This isn’t just a redesign—it’s a necessary evolution of our cooperative’s digital presence. Our goal was to create a platform that not only represents our work but also serves as a practical resource for our community, making it easier to collaborate and connect.

Custom Website Launch

Brand new Website 2.0 design

Our Cooperative Environment

Working in a cooperative means every decision is made collectively. With five members—each bringing expertise from design, development, content creation, and project management—we face the challenge of balancing multiple priorities. Our shared commitment to quality and innovation pushes us forward.

Adopting the Basecamp Shape Up Method

To streamline our efforts, we wanted to experiment with the Basecamp Shape Up 6‑week sprint system. This approach helped us:

  • Shape the project: Define core objectives and brainstorm creative solutions.
  • Bet on the solution: Prioritize key features and design elements aligned with our cooperative’s mission.
  • Build and iterate: Focused sprints kept us aligned while allowing iterative refinements.
Shape Up Process

Our 6‑week sprint process

Design and Development Process

Our design phase was a truly collaborative effort. We held multiple brainstorming sessions to merge diverse ideas into a unified vision. Our main priorities were:

  • User Experience: Crafting an intuitive, responsive interface.
  • Aesthetics: Designing a modern look that captures the spirit of our cooperative.
  • Scalability: Building a robust framework that can evolve with our needs.

Balancing Multiple Projects

Time management was one of our biggest challenges. Each of our five members had ongoing responsibilities, making clear communication and efficient task prioritization essential. The fixed six‑week sprint provided a clear deadline, ensuring that the website project received the attention it needed without neglecting our other tasks.

Tech Stack Considerations

Choosing the right tech stack is always a balancing act. We needed something fast, adaptable, and simple—without being over-engineered. So we went with a combination of:

  • Astro: A modern static site builder that’s both fast and developer-friendly.
  • Cloudflare: For security, performance, and global content distribution.
  • Tailwind CSS: Keeps our styles consistent and lightweight.
  • React: Used in interactive areas where a little extra dynamism was helpful; plus as a robust documentation framework.

Lessons Learned

  • Structured workflows matter: The Basecamp Shape Up system kept our team aligned and accountable.
  • Collaboration is key: Regular meetings and transparent communication enabled us to merge ideas and overcome challenges together.
  • Flexibility is vital: Being open to iteration allowed us to refine our design and implementation in real time.

Conclusion

Website 2.0 isn’t just a facelift; it’s the next step in our cooperative’s growth. It gives us a solid foundation to build on, making our work more accessible and engaging for our members and partners. We’ll keep iterating, improving, and evolving—but for now, welcome to the new WithTheRanks.com! 🚀