Eagle-eyed readers will have noticed that this is part 2 of my little Freaky Pins side-project. If you haven't read the first part yet, you probably should - otherwise bits of this will make no sense at all ;P
If you have read the first part, you might remember that I was going to do a bit of research to figure out what other apps and sites do and to see how any of this might feed into what I'm trying to achieve - designing a simple app that could be used to sell badges with my daft artwork on them.
For my initial round of research, I looked at Netflix, Instagram, Rightmove and ebay as they all feature some sort of scrolling gallery feature which will be the central part of my app. As you'd expect, they all include similar elements, some of which would be needed in Freaky Pins -
User Profile/ Sign-in
Some sort of search tool
A way to filter the content
A favourites section
A shopping trolley
There might also need to be some way of linking to a website
For the badge panels, as well as an image, name and some info, there would need to be -
A way of sharing on social media
A button to add a badge to the favourites section
A way of adding the badge to the shopping trolley.
With all this in mind, the next step is to work-up some super-rough scribbles.
I do this for pretty much everything I work on, whether it's character design or layouts - more often than not something unexpected pops up. If that's a good thing, great! And if it's not such a good thing, at least I've spotted it early on and can tweak my plans accordingly.
Once I have a few pages like this, I'll start refining my ideas. This gives me a chance to experiment with a handful of potential solutions before committing to a final design. In this case, I decided to refine two ideas, one with smaller badge images (left) and one which shows off the artwork a bit more (right). I know which one I prefer, but I'd love to hear what you think.
Next time - further refinements and maybe even some sort of interactive wireframe.