Wallet Scrutiny case study

[mouxdesign]

Add a case study about the Wallet Scrutiny redesign process

If the community would like then we could add a case study about the re-design process of the Wallet Scrutiny website to the case study section in the guide.

Link to the page Link to live redesigned website.

Why would you like to change the content? Adding in the collaboration to the guide would showcase the redesign process of this website from beginning to end and could provide other open source projects an idea of the steps that we as a community did during the redesign process.

Suggestions The collaboration has been documented here and so we could use all of the notes to recall the steps that were done and so forth.

Additional context Redesign images before and after.

[ShalomOhuegbe]

Hi Mo, I would like to take this up and collaborate with you and anyone else who's interested in documenting the case study. Thanks

[MrAjulo]

I'd also like to collaborate on this.

[mouxdesign]

@MrAjulo @ShalomOhuegbe Thank you so much for your interest in taking up this case study. Are you both in the Bitcoin Design community Discord? Just incase I'll drop the link here to join the Discord. https://bitcoin.design/

Feel free to message me directly on Discord and we can get something going. Discord name: Mogashni (Mo)#1291

[ShalomOhuegbe]

Hi @mouxdesign I just sent you a DM, please check. Thank you

[GBKS]

@ShalomOhuegbe please don't send people reminders that you DM'd them. They will get around to your messages, no worries. Mo is just traveling back from vacation right now.

[ShalomOhuegbe]

@GBKS Oh I apologize, i didn't know that

[mouxdesign]

@ShalomOhuegbe @MrAjulo I've connected with you both on Twitter. Lets continue the convo there. Looking forward to collaborating with you both on this.

[mouxdesign]

Shalom and Dani and myself jumped on a quick call today to so that they could ask any questions and plan how they will work on creating the case study together.

Created a Google doc where they can jam in together and with links to all the project resources. Looking forward to seeing what they put together.

[mouxdesign]

Spent some time today fleshing out the case study and adding links. The first draft is ready for a review.

Essentially looking for a review in the following areas:

• Does the case study tell a story?
• Are there any areas that have been missed? Are there any areas that can be excluded?
• Readability suggestions: Suggestions on the copy itself

Visuals will then be created after there is more consensus of the current draft. @ShalomOhuegbe @MrAjulo

[GBKS]

Great progress. I read through and left a few comments. Overall, I think we can be a bit more specific with some of the challenges, discussions, and solutions.

The product page, for example, took a really long time because the information is so complex and we had to understand it all first. Expert opinions, and how to balance the credibility of the security researchers with public opinion and external reviewers was also a big topic (and something that is not done yet).

There could also be a follow-up with that is happening now. Like improving onboarding, the Twitter Spaces, and iterating on feedback. It could end with a call for contributors.

[rabbitholiness]

I read through yesterday and really like it so far. Also left a few comments.

The only thing was that I got kind of lost in the different sections. I wouldn't change the content, but maybe give it a bit more structure to help with orientation. The suggestion below doesn't mean that numbers need to be used. I just wanted to illustrate the hierarchy.

1. Intro => 1.1 How it started; 1.2 About Wallet Scrutiny
2. Approach => 2.1 Identify user groups 2.2 Project plan
3. Baseline testing
4. Design => 4.1 Branding; 4.2 Homepage; 4.3 Methodology page; 4.4 About page
5. Evaluation
6. Insights
7. Conclusion
8. Acknowledgements
9. Resources

[mouxdesign]

Continued to work today on the images for the case study. Dropping in some images which have now been added to the google doc.

Link to Figma with the images.

Next steps: Would really appreciate some thoughts on the images themselves. Will make more iterations to the images and create them in the mobile/desktop sizes.

[GBKS]

The images look good. Is the first one for the header? If so, a little wider might be helpful so it doesn't take up so much vertical space on desktop.

Do those circles represent the whole process? If, we could add initial discovery where we learned about the project, explored some directions, etc.

[mouxdesign]

Thank you for taking a look at the images Christoph. Continued to work on them today based on your comments and created a section in the Figma called export. Current sizes of the 4 images:

1. Header banner 1600 w X 600 h

2. Regular 800 w x 225 h

3. Regular 800 w X 220 h

4. Desktop inline 400w X 89 h (not too sure about this one and so opted for the inline version.) The regular version of this one would be pretty long.

Figma

[GBKS]

Just re-read the copy doc and left a few comments. I think it all looks good now and is ready to be moved to a PR.

[mouxdesign]

Thank you for the review. A PR has been opened #1045

[mouxdesign]

Closed the old PR and opened a new one #1048