OpenUI

@openui

175 Following

534 Followers

OpenUI pfp

I designed a launchpad (Clanker) template and I am making the Figma file free to use. Link below. You are free to use these designs for your project as you like. More CC0 designs for dApps/ideas coming soon! I know @dish & @fffflood are working on a new version for Clanker so I hope my design can spark some ideas.

19 replies

303 recasts

332 reactions

OpenUI pfp

Excited to cook with you chef 👨‍🍳

1 reply

0 recast

4 reactions

OpenUI pfp

I feel like coining the licensing or rights behind art is the real play and has real life applications that could be useful. Like everyone who buys rights could share an 0xSplit contract where any earnings from the art is split among all holders. Just a thought...

0 reply

0 recast

1 reaction

OpenUI pfp

ProCast Mini App: Casts/content visible to pro users only, choice to have it visible to the first 10k even

0 reply

0 recast

0 reaction

OpenUI pfp

Glad you liked it! Happy to help if needed :)

0 reply

0 recast

1 reaction

OpenUI pfp

dm'd you the link

1 reply

0 recast

0 reaction

OpenUI pfp

I was a little confused haha

0 reply

0 recast

2 reactions

OpenUI pfp

Sure, happy to share

1 reply

0 recast

0 reaction

OpenUI pfp

thanks and thank you for the feedback. Will take it into account for future posts :)

0 reply

0 recast

1 reaction

OpenUI pfp

There is more exploration to be done here. Since, on smaller screens we will have to revert to vertically stacking profile and the feed. I think the navigation is much cleaner and clearer in the new design and doesn’t need too much exploration. One potential downside of the design is that the profile metadata section eats into the feeds area and that tradeoff needs to be assessed. A potential solution may keep the profile and feed vertically stacked but add rounded edges to the full bleed feed and have the feed vertically expand on scroll, collapsing the profile metadata stored above into a single horizontal bar. This would bring more focus on the feed and therefore the tabs associated with it.

0 reply

0 recast

3 reactions

OpenUI pfp

This layout also clears up space for more profile metadata info and actions since that space can now be vertically scrolled. As seen in the example, there is now space for links. This space can also be used for buy buttons or token info as seen on other Nounspace Pages.

1 reply

0 recast

3 reactions

OpenUI pfp

Onto the page now, I have placed the profile metadata on the left and the feed section on the right side (taking up majority of the screen). The rounded edges and the full bleed view of the feed section keeps the focus totally on the feed while still having the context of the profile info if needed. At the same time the page reads top to bottom and left to right. The navigation at the top directs the user onto the page and then once on the page the user reads left to right, meaning he has access to the profile info right away and then instantly is attracted by the feed. As the page also reads top to bottom, the user instantly has access to the feed and the navigation controls (tabs) associated with the feed which in the earlier design weren’t as focused due to the stacking of the profile metadata, tabs and the feed.

1 reply

0 recast

3 reactions

OpenUI pfp

I decided to explore a UX lift for /nounspace (@nounspacetom) in my own time. I like the product a lot but I think the visual hierarchy can be improved a little. Goal was to have a less busy visual hierarchy that also keeps full focus on the feed as that is the key feature of the product. To achieve the goal I consolidated the navbar to the top - breaking it into three sections. Search, icon based navigation and then personal user info/actions like notifications and messages. This gives a bit more context to each icon or action in terms of its placement. For example, the message and notification icon is closer to the profile icon. While the cast or plus icon is at the centre of the navigation items which is a popular UX trend, for example, with Zora. Continued...

5 replies

3 recasts

13 reactions

OpenUI pfp

Try building a crew here: https://warpcast.com/miniapps/F7df1CsJpwxO/crews

0 reply

0 recast

1 reaction

OpenUI pfp

Worked alongside @rosarioborgesi to build Crew. Met him through farcaster. Crew is a mini app that allows you to create coins with your friends and split the rewards. Link below - it’s still early days but I really like the idea of a bunch of people coming together, collaborating and sharing the rewards. Rosario did an absolutely amazing job building this within 2 weeks.

3 replies

0 recast

1 reaction

OpenUI pfp

Thanks for your support 🙏 glad you liked the work that’s been put in here

0 reply

0 recast

1 reaction

OpenUI pfp

Thank you sir 🙏

0 reply

0 recast

0 reaction

OpenUI pfp

Boosted with @gigbot.eth

0 reply

0 recast

0 reaction

OpenUI pfp

Open to opportunities (dm me): https://t.me/ash_openUI

0 reply

1 recast

1 reaction

OpenUI pfp

Figma link: https://www.figma.com/community/file/1503730898031693667/crypto-launchpad-template-clanker

0 reply

2 recasts

6 reactions