Tweet
🎨 Spent some time designing an import contacts via CSV page today. Top tip... always make sure to include a table with the rules that each field must satisfy. Will save you sooooo many support calls πŸ˜‚

#buildinpublic #buildinginpublic
πŸ’ͺ🏻 Go the extra mile when it comes to UX niceties.

For example, I didn't have to add a copy to clipboard link for newly-generated API tokens, but by doing so, I've made the experience just a little bit better.

#buildinpublic #buildinginpublic
🎨 The overall layout for my new SaaS is coming along nicely... took a few cues from the latest @tailwindui concepts and I think it's led to a super clean design.

Switching from solid to stroke-based icons was also a major game changer 😍

#buildinpublic #buildinginpublic
🎨 Here's the first part of my new SaaS's registration page (the second part is just a form πŸ˜†).

What I quite like about this, is the use of informative and colourful cards. A dropdown would do, but this is so much more engaging => conversion.

#buildinpublic #buildinginpublic
πŸ’…πŸ» Added a "jump to section" and "help me" as sidebar elements to the Pionear account page.

This is a minor tweak, but it helps to add a little color to the page while also assisting navigation. Small wins!

#buildinpublic #buildinginpublic
πŸ’…πŸ» Continuing to improve the β€œpremium” look of Pionear (a #Laravel SaaS kit / app generator) with a great onboarding experience after registering. Really happy with it :)

#buildinpublic #buildinginpublic
πŸ’…πŸ» Login screens don’t have to be a boring white modal against grey. Make them special! It’s a great way to suggest your app is premium.

Here’s what I’ve done for the login page of Pioneer (a #Laravel SaaS kit and application generator).

#buildinpublic #buildinginpublic
πŸ’…πŸ» Adding some design options for Pionear (a #Laravel SaaS kit and app generator).

You can elect to use a column or sidebar layout out of the box, and can choose a color scheme that will be used throughout the app e.g. headings, buttons etc.

#buildinpublic #buildinginpublic
πŸ’…πŸ» Getting there with the different config options that it makes sense to offer for Pionear (a #Laravel SaaS kit and app generator)

Next, it will be time to move on to creating models and the config that goes with them, then finally branding!

#buildinpublic #buildinginpublic
πŸ”₯ Starting to flesh out some of the power features of Pionear (a #Laravel SaaS Kit / App Generator). Out of the box support for social auth and metered billing are two of my favourites.

#buildinpublic #buildinginpublic
πŸ’…πŸ» Go the extra mile when it comes to creating your UI / UX experience. It will make your app feel like a million bucks!

Here’s an example from Pionear where I went from a bunch of switches to a series of cards.

#buildinpublic #buildinginpublic
πŸ”’ Inspired by @aarondfrancis’s fantastic article on #Laravel’s safety mechanisms, I’ve added everything from it into Pionear. All new projects will have sensible security defaults πŸ’ͺ🏻

πŸ‘‡πŸ» You can find Aaron’s article in the reply.

#buildinpublic #buildinginpublic
πŸ’…πŸ» Sometimes, it’s the small things that make your app look more polished and just that little bit more helpful.

For Pionear (a #Laravel SaaS Kit / App Generator), I’ve added icons that represent the front-end stack being used e.g. Vue.

#buildinpublic #buildinginpublic
πŸ— Making great progress on Pionear (a #Laravel SaaS Kit / App Generator). Laid the foundation for configuration of projects e.g. stack, branding, auth, teams, billing etc… πŸ’ͺ🏻

βœ… Trying to avoid confusion by adding tips for each section.

#buildinpublic #buildinginpublic
πŸ’…πŸ» The onboarding experience doesn’t have to be a dull affair. Instead, consider that the user might not be completely ready.

For Pionear, they might not have a domain name or logo for their app, so help them out with an affiliate link πŸ˜‰

#buildinpublic #buildinginpublic
πŸ— A solid onboarding experience for your SaaS can be the difference between a sale and rejection. Make it the first thing a new user sees when they’ve registered.

Here’s how I’ve done it for Pionear… clean, simple and easy.

#buildinpublic #buildinginpublic
πŸ’…πŸ» Just about done with the docs page for Pionear (a #Laravel SaaS Kit / App Generator).

You can expect thorough docs for everything that Pionear does, as well as for configuring your generated app. Aiming to avoid anyone being overwhelmed πŸ’ͺ🏻

#buildinpublic #buildinginpublic
πŸ’…πŸ» Currently getting the obvious stuff out of the way for Pionear (a Laravel SaaS Kit / App Generator) by cribbing from my other projects 😈

Here’s the support page #buildinpublic #buildinginpublic
πŸ— Currently working on an import tool to aid onboarding for @TipSeaApp when you have a load of pre-existing tips. Create them all at once with a simple JSON file (includes Twitter Card generation and assigning banners).

#buildinpublic #buildinginpublic
πŸ’…πŸ» A huge thanks to @heychazza for feedback on @TipSeaApp. Shifted from app to blog style / put content front and centre.

If you read or write code tips, then you know the pitfalls of using Twitter for it. TipSea is about to make it amazing!

#buildinpublic #buildinginpublic