SCP-196 Implementation - New ShapeShift.com website

This post is a public follow-up of SCP-196, as the proposal moves forward, our commitment with constant updates too.

What have been done?

Next steps:

  • Pay the remaining amount (70k)
  • Revisit the mockup and give it a final pass (Copy, design)
  • Marketing WS should raise the database Backend on Linode (Digital Ocean OBO)
  • Design server architecture (Opt for a progressive scaling machine, ideally)
  • After raise the backend environment MoM team begins the preps for production
  • Accomplish the implementation in 6w

Further details about code, documentation etc will be reported here.

Best,

~~ thesmith

3 Likes

Apr 14th Update:

Marketing Workstream just performed a final pass on the new website mockup, moving it forward to it’s definitive structure.

  • Home page, subpages, drop down menu copy review
  • Requested a new sort feature/search bar for content pages like Supported Wallets, Chains, Protocols and Discover
  • Requested to add Reviews/Trust indicator card on the bottom section
  • Needs to build Buy/Sell page

Check the requested edits with details:

2 Likes

Thank you for posting updates here

1 Like

Apr 15th Update:

  • We just raised a new scalable AWS instance for the backend under Marketing WS management. Thanks for assisting this step, Kevin (@kaladinlight)!
  • Backend’s access (ssh) is up and shared with Mom team
  • Devs are working to meet frontend edits
1 Like

May 3rd Update:

  • Backend was successfully migrated to Marketing AWS instance
  • Requested edits were applied so we must review and make sure frontend is fine or submit another edit round.
1 Like

May 20th Update

  • Review was done so the home page is good to go. Waiting for merging in production. Current build is: https://shapeshift-724i72cwy.builtby.dad/
  • We also requested a dedicated Support page with knowledge db (articles)

Things to do before we ship:

  • Code hand off
  • Finish Docs
  • Change the ShapeShift.com DNS to the new aws server

ETA: 1w

1 Like

May 30th Update

We have been escalating more features on website development over the past two weeks. Due these new diligences, we decided to postpone the new website launch (prod) in +1 week. I believe most of features and fixes bellow were addressed by other contributors on my mkt internal discord thread.
Thus, I’m updating this thread with all demands we’ve met so far:

  • The ability of running the code on local environment
  • Blog is clean (weblflow archive is safu) being updated with new stuff: ShapeShift
  • We also implemented two new CTAs (sending to Canny) for Chains and Wallets requests
  • Layout fixes were applied: responsiveness issues, larger qr codes, removed try demo button
  • https://shapeshift.builtby.dad/faq is live
  • A new Language Selector (dropdown menu) displaying EN/ES/DE/FR/CN/RU
  • Ensure migration setup for all top pages and subdomains (301 redirects, url slugs) is done
  • Support page is ready and serving as knowledge database, can be customized and updated anytime. Check it here: ShapeShift
  • Chatwoot plugin is also tested

Check how the new website is looking like: https://shapeshift.builtby.dad/

What’s next?

  • We are done with code building, finally!
  • Testing WeGlot parameters, since it’s a third party flow it’s consuming some time
  • Ideally, Mom’s dev should work on code handoff on next week (a final “cleaning”), this require all Weglot’s tests done so we are running with it.
2 Likes

June 7th Update

Weglot feedback is being handled, so apart from that, there are just a few remaining steps, which should take about 1 day to complete:

→ Fork the repository under the main ShapeShift GitHub organization
→ Set up the Vercel deployment on our end, using the environment variables Mom provides
→ Point Weglot’s production environment to the new deployment
→ Update the backend DNS/domain to route through ours instead of Mom’s
→ Swap out the Vercel deployment URL with the new one

2 Likes

June 24th Update

Website is live since June 20th :tada: Enjoy the new ShapeShift.com experience, it was made for you!

I would like to thank all the supporters, especially the FOX community who believed in this project. I’m 100% sure this open-source code is a legacy that Marketing WS delivers to ShapeShift DAO. Congrats @Hpayne for the happy choice and vision.

We have decentralized the backend, now the frontend! Everyone can fork and open Pull Requests straight into ShapeShift’s homepage: GitHub - shapeshift/website-frontend at main :fire:

Final adjustments (in production) and accounting on the way.

The multilingual aspect of the new website is now operational. We support 6 languages currently:

Thanks to @thesmith and @Apotheosis for their collaboration in getting this setup with me!

Some additional information, the languages that are supported in addition in the app (Portuguese, Ukrainian, Japanese, Turkish) will still be maintained in the app, we are restricted to 5 languages by our current WeGlot subscription for the website though. We are also limited in the number of total words across all languages so the Blog section of the website will not be translated currently, but available in English in the other languages nonetheless.

At the moment only French translations have been 100% manually reviewed. The other translations are provided by an automated system with some context provided using an AI model from WeGlot. They aren’t perfect as I’ve witnessed during my manual review in French, but fairly good and understandable even when technical/art terms were used relative to crypto.

There are about 8000 words currently in each language so the costs/benefits of manual reviews in the other languages need to be discussed and might require a specific budget/proposal (~$1500 per language) if the quality of automated translations isn’t satisfactory.

I invite anyone who speaks the languages above to give me feedback on the quality of these translations, and if they see anything blatantly wrong/bad, feel free to point out URLs/quotes of it so we can address them in the meantime. Here or in Discord. Thanks in advance!

2 Likes