I have always been a huge fan of Magic The Gathering, mostly because of the absolutely amazing art. When I was a child, I used to spend hours imagining the stories behind those awesome characters and places on the cards. So, as a way to pay tribute (and to exercise my skills), I developed the layouts for a concept application that could gather all the stories and informations about their narrative universe.
Make it super easy to find and read new stories, as well as to track user’s progress.
Provide our users with informations about characters, places and cards related to the stories.
Allow users to fully customize their reading experience, with various font settings and dark mode.
My focus on this project was to redesign an existing product, adapting its experience to a mobile app. For that reason, I decided to focus more on the interactions and design system rather than research methods. If you are interested in seeing how I usually conduct the research phase, please check out this other project.
These are the sketches I did before actually building the final layouts. This step was fundamental to test the product’s structure and user flows in an agile way. Without the visual details, the iterations are way faster.
I chose to use Open Sans, since it’s the font family that Magic Story uses in the original website. I tried to keep the style as close as possible to their already established visual identity.
