bDAO Website Design Workflow
Squad: OrnellaWeb3, DidierKrux, MantisClone, Cisco, BOBO, Fiyin, Becks, Teekaygod
💡 Weekly Sync to improve the bDAO Website
Wednesday, Jan 17
Attendees:
- MantisClone
- Fiyin
- DidierKrux
- Lawrence
Learnings:
- MantisClone’s update
- MantisClone has not made progress on the migration into CloudFlare.
- bDAO Website Design Workflow has stalled in the last few weeks.
- MantisClone is busy at home - wife due to give birth Feb 9th
- OrnellaWeb3 has been busy with new duties as Grants Committee
- DidierKrux finished the News UI and is waiting on design feedback
- MantisClone suspects that the BanklessDAO/HQ branding drama created uncertainty around the future of the DAO and caused contributors to float away.
- MantisClone suspects that the Holidays in December and the end of Season 9 / start of Season 10 may have contributed.
- Multisig has 40500 BANK (about $130 USD) in it currently
- Fiyin’s Update
- Open to new design work
- MantisClone requested Fiyin take a look at the new News Widget UI.
- DidierKrux.eth’s Update
- We are waiting on feedback for News UI and Brand Clarity
- Hesitant to deploy News UI until we have feedback and Brand Clarity.
- There will be a brand meeting with Ryan Sean Adams on Friday Jan 19th
- Lawrence’s Intro
- Offered to design pages for the website
- MantisClone explained that we’re waiting until we have Brand Clarity before starting new design work
Action:
- MantisClone to check if the Season 10 Budget has been approved.
- MantisClone to check in with the Marketing Department to see if Season 10 Funding is on it’s way.
- Fiyin to take a look News Widget UI and provide feedback
Wednesday Dec 13
Attendees:
- DidierKrux
- MantisClone
Learnings:
- DidierKrux finished the News UI widget
- The top-nav menu now has a black background
- The content of the News UI loads quickly
- The Carousel timing is good
- The Carousel stops auto-rotating if the user manually clicks to show a particular card
- MantisClone did not make progress on the Cloudflare Backend migration
Action:
- OrnellaWeb3 to assess if the initial content is good
- MantisClone to find someone to help with a UI Styling Review
- MantisClone to finish migration to Cloudflare Backend
- DidierKrux to hand off control of the News UI to the Marketing Department
Wednesday, Nov 15
Attendees:
- DidierKrux
- MantisClone
- BOBO
- Samuel BG (didn’t talk)
Context: Weekly Sync
Learnings:
- Changed these notes title from “Illustration Workflow” to “bDAO Website Design Workflow”
- DidierKrux - worked on website
- Homepage News UI - https://dw-237-news.bankless-website-7zu.pages.dev/
- Progress looks nice.
- Open to feedback from a designer.
- Currently (but it’s all configurable)
- Latest News box holds 5-6 links
- Carousel holds top 3 links.
- Backend optimization
- Takes 10-15 seconds to scrape website feeds
- Using Vercel Redis as cache
- Cron runs once per hour to refresh Redis Cache
- Notion now has a manual trigger for publishing Announcements (Not Departments, Projects, and Guilds which are still manual script)
- IDEAs:
- BanklessHQ should give us a referral code so they can tell how much of their traffic comes from BanklessDAO. We can add it to the Media Nodes page.
- MantisClone
- Cloudflare Deployment: https://bankless-website-7zu.pages.dev/
- Based on MantisClone research, Cloudflare Pages probably supports backend
- Season 10 Funding Proposal: https://docs.google.com/spreadsheets/d/10dXJCFUW3f9LdD2rr_bGKyRlb2zhMrZ4wLfMV7jNKQE/edit?usp=sharing
- Marketing Department Season 10 Funding Request: https://forum.bankless.community/t/marketing-department-season-10-funding-request/9990
Actions:
- OrnellaWeb3 and Cisco to provide async update.
- DidierKrux to keep working on the Homepage News UI
- DidierKrux to explain to MantisClone how the backend is implemented
- MantisClone to start migrating backend into CloudFlare pages (if it makes sense, pending discussion with DidierKrux)
- MantisClone to send meeting scheuler link to DidierKrux
- MantisClone to work with InfoSec team
- Switch bankless.community domain over to Cloudflare Pages deployment
- Disconnect MantisClone’s Cloudflare account from Github bankless-website repo
- Make sure Preview Links are working
- Ask InfoSec team’s tolerance for backend hosting costs on Cloudflare Pages
- MantisClone to repond with more info about Website Project role holders and funding request https://discord.com/channels/834499078434979890/847837171976634448/1174333320918728784
Open Questions:
- What content should we put on the Homepage News UI?
- Probably Bankless Publishing. Or Weekly Rollup
- Should we include Bankless HQ content?
- MantisClone and DidierKrux leaning towards No.
Wednesday, Nov 8
Recording (expires in 6 days): TODO
Attendees:
- DidierKrux
- MantisClone
- OrnellaWeb3
Context:
- Weekly Sync
Learnings:
- OrnellaWeb3:
- Busy with Onboarding workstream (not directly related to Website). Will be able to focus on the Website more after Onboarding Workstream improvements are complete.
- Not downgrading DASH subscription now. Reevaluate Q1, 2024.
- Consolidating the Branding Guideline progress is slow because only 2 people are skilled enough to help (OrnellaWeb3 and Sandeep). This is okay - branding can be plugged in later after the website structure has made more progress.
- This Branding Guideline will be used to update the website.
- This Branding Guideline will be cleaned up and posted (as a PDF) to the website for all to see.
- Many BanklessDAO YouTube channels were taken down presumably due to impersonation concerns, but Bankless HQ didn’t request this. DAO and HQ are working together to get BanklessDAO channels re-instated.
- DidierKrux reported that one of his Bankless Twitter Accounts was taken down as well.
- Maybe Doppel is responsible? https://www.doppel.com/bankless. Confirmed during call 👍
- DidierKrux:
- Made progress on the News-Banner widget for the home page. Prototype Infrastructure and show images/text on screen - complete.
- Next: Improved UI and performance.
- The News-Banner widget is using the Bankless Academy backend in Vercel.
- MantisClone:
- New Cloudflare Deployment! https://bankless-website-7zu.pages.dev/
- The Cloudflare deployment is administrated by InfoSec team (BogDragonov and Stackthat.eth) using their Terraform Infrastructure repository.
- Next:
- Redirect bankless.community domain over to the new Cloudflare deployment.
- Wind down the Vercel account before next billing date on November 23rd
- Next week, OrnellaWeb3 will be async, at DevConnect Istanbul.
- The Marketing Department is making the Season 10 budget, due Nov 11th, send to ErenTarg.
- The Website Project is part of the Marketing Department.
- The Marketing Department will receive funding for Season 10 and send the portion meant for Website development/maintenance to the Website Project multisig: https://app.safe.global/home?safe=eth:0xca22f929Aa5DBe2db2d0305d31604FE0dfD386b5
- Include:
- Retroactive payment for the Website Design Update done in Season 9
- Website Design Update budget for Season 10
- Website Operational Budget and Bounty Budget for Season 10
- Don’t include:
- Website Operational Budget and Bounty Budget for Season 9 (already covered by Marketing Department)
- Discuss KPIs:
- Number of visitors? No. We’re not actively driving visitors to the site. Also this is heavily influenced by market conditions.
- Uptime? No. This is managed by InfoSec
- Content Accuracy and Improvement? How do we measure this?
- Time to update? (response time to update the website when requested)
- Activity? (Stop funding if no progress for 1 month)
- Idea: Maybe we should define Milestones instead? Milestones are easy to “game” too.
- No Conclusion.
Action:
- DidierKrux to improve UI and performance on the News-Banner Widget
- OrnellaWeb3 to consolidate Branding Guidelines into one document.
- MantisClone to investigate the availability of a backend in Cloudflare Pages.
- MantisClone to send Season 10 budget ask to ErenTarg
- Cisco to continue iterating on the images and finish the 4th one
Wednesday, Oct 25
Recording (expires in 6 days):
Attendees:
- DidierKrux
- OrnellaWeb3
- MantisClone
- BOBO
- Cisco
- Teekaygod
Context:
- Weekly Sync
Learnings:
- Discussed BanklessDAO Logo (motivated by Bankless Card)
- All agreed that DAO is what should be used on Bankless Card, and on Website.
- BanklessDAO can still be useful in other contexts, perhaps event banners or booths
- Branding Proposal: https://docs.google.com/document/d/1tLdUtrfHCshX8OtoRbd2l9cEjL876iw1dVLic0c_6XQ/edit

- Discussed using Chippis from Perchy in BanklessDAO branding.
- Use BanklessDAO themed Chippis:
- Cisco shared new images, using classic BanklessDAO colors (Black White, Red, etc.) instead of the proposed colors (Red, Gold, etc.). These images are meant for the landing page
- DidierKrux recommended a “boxed” black background so regardless of the background of the website, the images will still have a black background.
- Ornella and DidierKrux requested to add more red to the images.
- DidierKrux shared progress on the News and Announcements widget for the home page, auto-populated with the latest blog post, latest community call, and latest bankless academy page.
- Updating this list takes about 10 seconds so had to add a backend for caching. Cloudflare pages don’t support backends so currently, DidierKrux is using the Bankless Academy to host the backend.
- Ornella asked if the News/Announcements widget could somehow explain what BanklessDAO is and does.
- News and Announcements will be a carousel (slider that rotates left/right to show each story one-at-a-time)
- DidierKrux shared a long-term vision for creating reusable components for the Website that can then be used by other Bankless-affiliated projects.
- MantisClone cautioned that making resuable components may be out-of-scope for current website redesign effort.
Action
- MantisClone to look into whether Cloudflare offers any free backend services.
- OrnellaWeb3 to aggregate the Branding Guidelines into a single slide deck.
- Cisco to continue iterating on the images and finish the 4th one
- DidierKrux to continue iterating on the News/Announcements widget for the home page
Debrief
- MantisClone forgot to share that BOBO submitted a PR to fix the Menu. MantisClone to review and merge when ready.
Wednesday, Oct 18
Recording (expires in 6 days): https://craig.horse/rec/xTFIUo5Z3x?key=cbQqVn
Attendees:
- DidierKrux
- OrnellaWeb3
- MantisClone
- BOBO
- Cisco
- kolaaade
Context:
- Weekly Sync
Learnings:
- DidierKrux demo’d the new Work-with-us page
- OrnellaWeb3 explained the plan on how to audit the copy:
- Enlist help from other Marketing Department members
- Hard for any one person to know everything that’s happening in the DAO
- DidierKrux showed News widget mock-up. Discussion:
- Propose putting it at the top of the Home page
- All agree that news widget should be on the landing page
- Unclear whether it should be above or below the fold
- If above the fold: Keep users updated. Provide value immediately. but doesn’t necessarily teach new visitors what bDAO is.
- Need to decide what is most important: New Users or Returning Users
- Goals: News widget should be updatable by Marketing Department without Dev support
- MantisClone demo’d the Google Analytics dashboard
- Cisco
- working on illustrations for the landing page
- 3 / 4 landing page images complete
- MantisClone reported that migration from Vercel to Cloudflare Pages is almost complete.
- Tried Github Pages, but rejected b/c doesn’t offer preview links. Cloudflare Pages does.
- MantisClone submitted a PR to InfoSec’s Terraform repo
- MantisClone added secret API keys to Bitwarden
- Credit to stackthat.eth and bogdrakonov.eth who helped review and ensure secrets were stored securely. (They should be included when this effort is compensated).
Action:
- OrnellaWeb3 to continue auditing the website copy.
- MantisClone to fix the menu bar.
- MantisClone to add google search analytics to understand what people are looking for when they find us. https://search.google.com/search-console/about
- OrnellaWeb3 to chat with Perchy about Chippi as part of the visual identity of BanklessDAO.
- OrnellaWeb3 to sync with Cisco to discuss using white instead of yellow on landing page images.
- Cisco to finish landing page illustrations
Wednesday, Oct 11
Attendees:
- @DidierKrux.eth
- @BOBO
- @MantisClone
- @OrnellaWeb3
- @Teekaygod
Context:
- Weekly Sync
Learnings:
- @DidierKrux demonstrated the new Projects, Guilds, and Departments page populated with data in Notion
- Ideas:
- Update the Work-with-us page to be the same as Projects Guilds and Departments, backed by Notion
- Idea: Feedback mechanism built straight into the website
- Like Canny but maybe more Web3 friendly?
- News page to aggregate feeds from all of the BanklessDAO publications.
- Add a “History” page to list historical units that are no longer active.
- Add a “Constitution” iframe that pulls directly from Github
- Add CTAs for all Projects, Guilds, and Departments
- All CTAs to Discord onboarding? Or CTAs to Project/Guild/Department page?
- Recommend: Notion page or Discord start here
- Ultimately each unit will choose their own preferred landing page.
- When do we update the look and feel? How should we go about updating the website?
- Consensus: Pick a page, and revamp one at a time - together as a team with input from both tech, marketing, and design.
- @OrnellaWeb3 proposed About-us should have a diagram and section that explains “What is a Project, Guild, Department?”
- @DidierKrux shared how to use ChakraUI and the ChakraUI Figma Toolkit. It provides default spacing and style that looks good.
- All stakeholders (designer, developer, marketer) would benefit from learning about it
Action:
- @OrnellaWeb3 to audit and fix the copy in Notion
- Team to start by fixing the menu bar and the Home page.
Wednesday, October 4
Attendees:
- @MantisClone
- @Becks
- @BOBO
Context:
- We had an async meeting last week.
- MantisClone shared that the Website Project is out of money.
- BOBO deployed a new Departments page
- DidierKrux.eth is working on Notion as CMS task
Learnings:
- Over the last two weeks, @TeekayGod and @BOBO fixed images on the website.
- @MantisClone requested funding from the Marketing Department.
- @MantisClone working on an effort to migrate out of Vercel. Initially targeted Github Pages, but now working on Cloudflare Pages (because Cloudflare offers preview deployments for PRs)
- @Becks task to audit images in Dash has been completed âś…
Action:
- @MantisClone to put the first 3 of Cisco’s images (Governance, Projects, Departments) on the website so we can see how it looks.
- @Cisco to provide 4th image (Guilds)
- @MantisClone to fix Bankless Academy image & DAO Stewards image.
- @MantisClone to finish migration to Cloudflare Pages
Wednesday, Sept 20
Attendees:
- @MantisClone
- @Cisco
- @BOBO
- @Fiyin
- @Teekaygod
Learnings:
- Cisco completed 3 images. 1 still in progress.
- MantisClone reported that no one has picked up the Notion CMS task.
- Assumptions:
- Ornella's copywriting audit of the homepage is still in progress.
- Beck's department and project image audit is still in progress.
- Together we aggregated this list of incorrect images on the projects page:
- Bankless Consulting - stock image, not in dash
- Bounty Board - stock image. Replace with https://bankless.dash.app/sharing/e5d72c9d-a350-4788-a85e-473133cbb245?shareType=ASSET_SHARE
- Fight Club - stock image. Here’s a low-res Black and White one, but prefer the Red and Black one.
- Mobile app - stock image. not in dash. no longer active. Remove it.
- DAOStewards project is missing. not in dash.
- Bankless Academy image shows their banner, but they have a logo too. Replace with https://bankless.dash.app/sharing/2276e49c-4d6a-44f4-bf0a-13bf04968d19?shareType=ASSET_SHARE
- Decentralized Law Newsletter - stock image. not in dash.
- DAOVersity - stock image. not in dash
- Infosec team - stock image. not in dash
- Podcast Hatchery - stock image. Still active? Replace with https://bankless.dash.app/sharing/39625f3d-6d30-4ddb-8c9b-20b4119b6f73?shareType=ASSET_SHARE
- First Quests - stock image. Not in dash. Maybe don’t have a logo. not active.
- Did Bankless Newsletter merge with Bankless Publishing? Who makes the “weekly rollup”? Is it a separate or same group that makes “bankless publishing”
- Marketing Guild became Marketing Department. Not in dash.
- Treasury Guild became Treasury Department. Not in dash.
- BOBO is already working on a new Department page - planning to finish it before next week.
- All the Guilds are using stock images except PM Guild.
- DAOlationships - Replace with https://bankless.dash.app/sharing/864ecb9d-b414-46a2-bb61-8db7988e67b8?shareType=ASSET_SHARE
- Design Guild definitely has one. They might have two: (1) the normal one and (2) the drawing board one.
- Developer Guild has one. Not in dash. Here’s a low res one: https://cdn.discordapp.com/attachments/1016291436775342150/1154040547963580526/560_560.jpg
- Legal Guild has one. Not in dash.
- Not sure about Research Guild. probably doesn’t have a logo. Not in dash.
Action:
- @Cisco to post the 4th image (Guilds)
- @everyone to review Cisco’s Guilds image once it’s complete
- @MantisClone to find dev for Notion CMS task. Make another slide on Community Call, Reach out to Dev Guild.
- @BOBO to create tasks on Website DeWork to fix images - up to 1000 BANK each.
- @Fiyin to share the Design Guild “Drawing board” logo
Tuesday, August 15th
Attendees:
- @MantisClone
- @Cisco
- @Fiyin
- @mikeysploitable
Learnings:
- @Cisco created 3 new images and is seeking feedback
- 3D artist, @mikeysploitable, joined the discussion
- @MantisClone created a slide and @OrnellaWeb3 presented it at Aug 11 CC.
Action:
- Everyone to provide feedback on Cisco’s new images.
- Especialy MantisClone, BOBO, OrnellaWeb3, Becks, and Fiyin
- Did Becks gain access to DASH for uploading logos?
- OrnellaWeb3 any updates regarding the green color in the style guide and copywriting audit?
Tuesday, August 8th
- Action:
- Cisco: 4 designs + ETH symbol
- Becks: logo audit
- Ornella: check the green color in the style guide + copywriting audit, Ryan/David photos.
- MantisClone to create a slide for Aug 11 CC. Call to action: Dev needed to make Notion-as-CMS Blog Page
- Ornella to present MantisClone’s slide on Aug 11 CC because MantisClone travelling, can’t attend
- Fiyin: check figma file of the existing website
- Goal: update homepage draft mode, show to the DAO and get feedback, and a proposal for extra funding.
Tuesday, August 1st
Attendees:
Context:
- Noticed inconsistent illustrations on bDAO website
- Recent bDAO Website Bounty yielded poor images
Learnings:
- Cisco working on Moodboard, inspired by Ethereum.org case study
- The new color scheme proposed by Cisco exactly matches past brand guidelines with new accent colors added: green and gold 👍
- existing brand guidelines:
Next Steps:
- Cisco to create image that ties all elements of the Moodboard together
- Becks to collate all project, department, and guild logos. (Examples: Dev guild, Translators Guild, Desing Guild, Legal Guild)
Tuesday, July 25th
We need to have native DAO illustrations, Cisco will work on sharing references and our first step will be a moodboard.
BOBO will help re-assigning these tasks from the website team.
OrnellaWeb3 will help coordinating extra funding needed. We should work with active budgets from: Website Project, Design Guild, Marketing Department. If there is more needed, we share our achievements on a document and we can request for retroactive payment from the Grants Committee.
Becks will follow coordination and give weekly updates at the Marketing Department.
Â
Â