I’ve made a business niches generator
Hey! 👋
A few days ago, I’ve launched this little web app to generate some business niches to explore. In the beginning, I’ve made this tool for myself and it lives in a dirty, raw code console. But one day, a weird thought comes into my mind:
What if I make my tool usable by everyone in a fun way?
How I’ve made it? Let’s get into it 🤟
1. The design
Figma! Yes, I use this tool to make a lo-fi and then, a hi-fi design of the unique page of my app. Art direction is an important thing for me to build a cool product. For this one, I wanted to bring some retro moods with a retro Windows 95 style.
Key points that helped me to design it:
- Use references (really).
- Force you to keep things deadly simple.
- Don’t forget: design is just a tool, the problem is the thing.
2. The implementation
Webflow! It’s now time to bring the design into a more real-world, this step can be a mess if you don’t make a strong design before. For me, there is nothing worse than making design decisions while implementing or coding.
Key points to transform a design into a real app with ease:
- Be sure about your design before start implementation.
- Keep your design as a strict recipe while you implement.
- Don’t be afraid to go back in your design software and redesign if some things go wrong.
3. The functionality
Coding! Okay, the sentence generation is a bit of coding but nothing hard! I’m not a dev anymore, is just arrays manipulations and few DOM interactions in JavaScript.
You may notice this global live counter of generated niches? I wanted this feature on my app! So I handle that with Integromat to increment an item in a Webflow collection when the button is pressed with (Webhook trigger).
That’s it! I’m happy to share my process but please don’t forget: Design, code and software are just tools, the problem you want to solve is the thing.
Feel free to play with it and generate some niches to explore and ideate businesses around! 🙌
I’m happy to connect with you at hugo@nichegenerator.xyz
