I recently found myself in a creative jam..
It all started a few weeks ago when I started building my own personal website, It was all very exciting! I had a TON of ideas, colours, illustrations, and I started building the base but then.. I was just staring at the front home page and the about me thinking, crap, what do I even write here? I then wasn’t sure on the colours I had chosen as even though they’re bright and vibrant they're terrible for accessibility, I then started questioning the layout.. I had all these ideas swimming in my mind but it was like I couldn’t put them to use, I didn’t know how to begin to write them down, code them, draw them so I put everything down and stepped away.
In that time I’ve done tons of research, reading articles, listened to podcasts, even been working on small coding challenges (see my frontend mentors post 📝). But I feel like I’m now putting off my original project but I just don’t know how to get back into it, where to even begin.
Do you have any tips that help you in these situations? Any apps you use to collect your ideas?
Top comments (5)
Oh, this is very typical. I'd say there are a few ways you can go with this: Give yourself rules where you need to follow through, even if you're not inspired or working off motivation. Most projects will go through periods where following through is less fun, but you sort of have to have rules to keep up with it, or else you always get to that point and fall off.
On the other hand — it's also a chance to shelf a project and explicitly treat it like a learning experience for the next thing you want to start fresh. If you're deliberate about this, it's perfectly fine. Just try not to find yourself caught in between.
I personally have three places I collect and manage ideas:
README
of the project to stay disciplined about the purpose and direction of the project. It can include notes about "possible future features" if it's the right place for it, but mostly it's about co-locating notes with the work, and being explicit about purpose. This helps avoid scope creep.I just dumped a lot on you, and I very much had to discover what worked for me, so please don't just assume these ideas fit your brain, but maybe it will give you some food for thought!
That was me, after looking at a few good sites, I decided to revamp the initial, although I keep learning things that I can do better, the more I see/read wiťh my site in mind, the more ideas I get for improvements. I'll get to that though.
I would put together a mood board and get some design inspired from some design websites. Then I would write down some information about the app i'm building just to get a feel for it and what it should have. Then start with a basic skeleton design and go from there.
Here is my simple systematic workflow that works for me:
What @ben has written is pretty similar to mine with small variations (maybe we have similar mindsets, Ben 😄).
My main "brain organizer" is writing.
Having tons of ideas is the norm (I think). The trick is to say "NO" to some of them, and write the rest.
For me, writing isn't only for keeping notes, but also for clarifying & organizing the random thoughts I have in mind.
1. Start with the main goal: why am I doing this?
Writing the goal is much similar to writing user stories (As a X I want to Y so that I can Z).
In your case of creating a personal website, maybe a line like:
The list could go on and on for extra features, such as:
2. Thinking about the steps that need to be done.
The order of steps does not matter, they can order them later. And of course, any step that has no value to the main goal should be deleted.
If more reading/researching is necessary (which is totally the norm in developer life), I add a nested step.
I also collect links to resources (videos, readings... etc) at this step.
3. Now comes the grind.
I start "doing" in the same order of steps that I wrote earlier. While I'm working on some steps, I can re-order the steps or add more steps as needed (absolutely normal, as long as the extra steps serve the main goal).
I manage all that in Notepad++, super handy and simple. You can use Notion too (all my frontend friends prefer Notion).
Here goes an example in your case, I recorded a quick video on the fly of my thoughts flow (writing, grouping, and re-ordering ideas):
I'm more into backend. I've gone recently through these two videos to find colors for small React apps, and they worked for me:
youtube.com/watch?v=KMS3VwGh3HY
youtube.com/watch?v=mq8LYj6kRyE
I also found this one to save my time of finding the correct shades:
uicolors.app/
Have a nice journey with your project, and welcome to DEV 👋