I wanted a new portfolio up that displayed my latest projects. This would be to communicate to prospective employees my work.
So, minimally, I had to have a writeup on these projects.
I needed to learn Bootstrap better, so decided to use that framework instead of WordPress, Joomla or another CMS.
I mapped out some basic content needs for the first iteration, such as a brief description of skills, and the main UX/UI piece: Red Cup Cafe. I would leave colour schemes and design to a later iteration.
To do this, I've used Prepros.io which is installable on Windows/Mac and does all the Node.js npm goodness for you, in terms of preprocessing for SASS, Pug (Jade), and managing live browser updates when you save, and FTP.
I whacked a Beta badge on it, and uploaded it.
I had thought to do design work at this stage ("I really need to WOW hiring managers!"), but I needed more core content first:
I'm not yet finished this stage
Grey is not great, so I am planning to work on the design in this stage.
But it's clearly less important because my design skills can be clearly seen on the sites that I've shown already.
I'd like to test and grow my CSS/JS animation skills, and build on the theming of the design work.
This is really about growing my skills, and has to be built after the core design strategy and theme has been mapped.
I've been reading 'User Story Mapping: discover the whole story, build the right product' by Jeff Patton (O'Reilly books).
I think overall his insights and the process is solid.
I'm wondering though, whether the innovation here was:
Regardless of Patton's contribution (much or little), the process has these advantages and disadvantages:
As Patton says, the main goal is shared learning, not getting the technique correct. I'd say, well done! Visual communication pretty much always beats text-based communication for learning, so visualising project management like this is wonderful.
However, the core disadvantage of this method is the inefficiency compared to writing it out. Visual methods are always a bit slower. But this is mitigated somewhat by software such as Mural.ly and sticky note style interfaces which have the building blocks ready for you to efficiently map.