Introduction

The document discusses recommendations for updating OptimismFractal/Optimystics' websites. It includes suggestions for specific pages, such as simplifying the 'Respect Game' page and renaming the 'Details' page to 'Game Rules'. It also mentions the need for a gallery view on the 'Media' page and adding Farcaster to the website. The document further provides recommendations for improving the main page, including adjusting the spacing between images and text, making the images blend in with the background, and keeping the text concise. The document concludes by emphasizing the importance of a simplistic design with useful information and minimal images. Dan's response includes tasks to review and organize the page, as well as updating the Respect and Respect Game articles.

Table of Contents

• Introduction
• To Do
• Rosmari’s Notes
• Website recommendations
• Recommendations for Optimism Fractal’s main page
• Dan’s Response
• Prioritize, organize, and delegate tasks
• Optimize the site for mobile
• Improve the Homepage
• New Content for OptimismFractal.com
• Improve the Media Page
• Make poll for Optimism Fractal community
• What else?
• Update Respect and Respect Game articles

To Do

review and organize this page into tasks

Also review and organize this related page: Organize Project(s) for updating Optimism Fractal websites and social media

move the tasks and project into Optimism Fractal Community

merge it with Improve OptimismFractal.com Website (and Create Educational Resources)

Rosmari’s Notes

Website recommendations

2. ‘Respect Game’ page I think it’s too long because there are quite a lot of bullet points. I think it will be better to have a simplified version of this page and take the details of all the benefits to another page that just links to it.

3. The ‘Details’ page in OptimismFractal.com’s main page

I think the name ‘Details’ doesn’t sound appealing. How about we rename this to ‘Game Rules’ for example?

Make suggestions 4. The gallery view for ‘Media’ page is a must in my opinion

This will make the content much more visible and better to browse through

5. Add Farcaster to the website as currently we dont mention our presence there

Recommendations for Optimism Fractal’s main page

This is one of the most commonly shared link and we want to make it very professional, elegant, and simple. I have noticed the below which can be improved: 1. The black space between the first image and the rest of the text is a lot and i have to scroll just to get passed it

2. The images do not blend in well because their background isn’t matching with the background of the main page which is black. You can see the difference between the two. I suggest to take each of these images on the main page and make their background fully black. This will make them blend in more and look more professional.

3. The black space between each image isn’t equal. Sometimes there is more black space than needed and when compared to the rest of the images.
4. The button is below the end of the image and the text doesn’t match the size of the image.
5. I think we should try to keep the text very concise, catchy, and straight to the point. For example i think the part about ‘whether you’re new to optimism…’ and ‘feel free to reach out…’ not needed

6. The images

The images are generally nice but also i think some of them aren’t professional and are too much, quite similar, and/or not super relevant.

Examples below:

7. Looking at the website on Mobile

• There are occasions as a user scrolls to just see two images next to each other and no text which provides a bad user experience
• The images don’t blend in with the background because their background black colour is lighter in comparison with the black colour of the website’s wallpaper (this is mentioned in the second point above)
• The combination of the above doesn’t look professional and i don’t think the current main page does us a favour in attracting users to stay more on the website and explore further.

8. CTA button for each image might be too many buttons and actions for a user to take as they’re just learning about it and might be a distraction for users if they are too many and too frequent as in this case.

9. The current design with image and text shows some significant signs to users that we have done it in a hurry and we’re not putting attention to details to provide the best user experience. A couple of reasons why i think the design has to be changed:

• It will be good to maybe have more of a standard looking main page with main information front and center without the user to have to scroll a lot. The scrolling can be left for other pages which aren’t the main page.
• It will be good to keep adding more information to this main page but currently it looks busy as it is with quite a few images which take up a lot of space and there’s a lot of black space in between that is empty and wastes people’s times to scroll past
• A feedback section at the main page is vital and shows legitimacy to users so I want to add that without it looking crowded.
• The first image that people see takes up the whole screen and i dont know if its what’s the most important thing to see but can be interpreted as overwhelming if people don’t event know what Optimism Fractal is about.

To conclude, the overview of the website may seem that we’re not so serious about it because it just looks like not much effort has been put in to perfect it. I’d prefer more of a simplistic design with super useful information, minimal amount of images, less black space and scrolling.

Curious to hear your thoughts,

Dan’s Response

Prioritize, organize, and delegate tasks

Optimize the site for mobile

• I think this is the single biggest priority right now. The site looks bad on mobile and most people will look at it there

Improve the Homepage

New Content for OptimismFractal.com

• I think it makes sense to add some new calls to action
• Build with Optimism Fractal
• We can link to the repositories and public notion page (via a bitly link so that it works)
• Earn/Get Respect?
• Maybe it’d be good to provide this as a call to action, similar to how Ethereum.org has a call to action of Get ETH

Improve the Media Page

Make poll for Optimism Fractal community

• Would you mind if the Optimystics posted from the Optimism Fractal twitter and farcaster account?

• So far we’ve just been reposting messages from the Optimism Fractal account to maintain a more neutral messaging from the Optimism Fractal and not ‘speak’ too much on it’s behalf without clear consent, but this also hinders growth opportunities for Optimism Fractal and it would be helpful to be more aggressive with posting from Optimism Fractal’s account. Eventually we could use something like Herocast and Hats Protocol to delegate posting roles, but for now it seems that Dan and Rosmari are best positioned to post on this account as they see fit. If you’re interested in helping with the messaging, feel free to let us know.

What else?

Review Rosmari’s notes in Update OptimismFractal/Optimystics’ websites

Update Respect and Respect Game articles