Rapid sketching of ideas
Before going too far into my design process, I normally started out by quickly sketching out ideas, user interactions and concepts on paper first. This helps me to get a feel for the layout, navigation and placement consideration while ensuring I capture my thinking if I need to look back on design decisions later in the process.
![metatrons-cube-origami-app-sketch-iphone](http://www.richmcnabb.com/live/richmcnabb/wp-content/uploads/2018/06/metatrons-cube-origami-app-sketch-menu.jpg)
Splash screen
I’ve been experimenting with the idea of creating a simple iPad/iPhone app where you can choose, print and make an origami platonic solid based on Metatron’s Cube.
![Metatron's cube origami app select a shape](https://www.richmcnabb.com/live/richmcnabb/wp-content/uploads/2014/07/metatrons-cube-origami-ipad-app-splash.png)
Choose a shape to make
From this screen, you select the shape you would like to create and then it would provide you with a printable pdf and video instructions on how to construct the shape.
![Metatron's cube origami app select a shape](https://www.richmcnabb.com/live/richmcnabb/wp-content/uploads/2014/07/metatrons-cube-origami-ipad-app-choose-a-shape.png)
Icosahedron overview
A brief overview of an icosahedron (source: Wikipedia) with a grid overlay to show how the shape is constructed.
![Metatron's cube origami app icosahedron overview](https://www.richmcnabb.com/live/richmcnabb/wp-content/uploads/2014/07/metatrons-cube-origami-ipad-app-diagram-shape-details.png)
Origami diagram
On this screen, you have the ability to print or share (via email Twitter or Facebook) the origami diagram for others to make.
![Metatron's cube origami app diagram](https://www.richmcnabb.com/live/richmcnabb/wp-content/uploads/2014/07/metatrons-cube-origami-ipad-app-diagram.png)
iPhone version
Experimenting with potential layouts for the iPhone version of the app. Not too different from the original iPad layout and responds to the device width.
![metatrons-cube-origami-app-sketch-iphone](http://www.richmcnabb.com/live/richmcnabb/wp-content/uploads/2018/06/metatrons-cube-origami-app-sketch-iphone.jpg)
![metatrons-cube-origami-mobile-app-hexahedron](https://www.richmcnabb.com/live/richmcnabb/wp-content/uploads/2023/07/metatrons-cube-origami-mobile-app-hexahedron.png)
![metatrons-cube-origami-mobile-app-icosahedron](https://www.richmcnabb.com/live/richmcnabb/wp-content/uploads/2023/07/metatrons-cube-origami-mobile-app-icosahedron.png)
Purchase a framed print
You can also purchase a framed (or unframed) print of the various shapes via the app. The ability to customise the white or black frame with the option for international shipping.
![metatrons-cube-origami-app-framed-print](http://www.richmcnabb.com/live/richmcnabb/wp-content/uploads/2018/06/metatrons-cube-origami-app-framed-print.jpg)
![metatrons cube origami app single framed print tetrahedron](http://www.richmcnabb.com/live/richmcnabb/wp-content/uploads/2020/02/metatrons-cube-origami-app-single-framed-print-tetrahedron.jpg)
![metatrons cube origami app single framed print hexahedron](http://www.richmcnabb.com/live/richmcnabb/wp-content/uploads/2020/02/metatrons-cube-origami-app-single-framed-print-hexahedron.jpg)
![metatrons cube origami app single framed print octahedron](http://www.richmcnabb.com/live/richmcnabb/wp-content/uploads/2020/02/metatrons-cube-origami-app-single-framed-print-octahedron.jpg)
![metatrons cube origami app single framed print dodecahedron](http://www.richmcnabb.com/live/richmcnabb/wp-content/uploads/2020/02/metatrons-cube-origami-app-single-framed-print-dodecahedron.jpg)
![metatrons cube origami app single framed print icosahedron](http://www.richmcnabb.com/live/richmcnabb/wp-content/uploads/2020/02/metatrons-cube-origami-app-single-framed-print-icosahedron.jpg)
![metatrons cube origami app single framed print puzzle](http://www.richmcnabb.com/live/richmcnabb/wp-content/uploads/2020/02/metatrons-cube-origami-app-single-framed-print-puzzle.jpg)
Mobile game
By re-using and repurposing some of the design elements I was able to create a simple mobile game. Nothing too groundbreaking more of a design challenge I set to see what I could do the things I had.
![metatrons-cube-origami-app-iphone-game-mockup](https://www.richmcnabb.com/live/richmcnabb/wp-content/uploads/2023/07/metatrons-cube-origami-app-iphone-game-mockup.jpg)
Final design
Here’s a quick mock-up of how I intend the final design to look on an iPhone. I find that providing clients with photorealistic mockups in context helps them visualize how the finished product will look.
![](http://www.richmcnabb.com/live/richmcnabb/wp-content/uploads/2018/07/metatrons-cube-origami-app-iphone-mockup.jpg)
![metatrons-cube-origami-ipad-app-diagram-shape-details-dodecahedron](https://www.richmcnabb.com/live/richmcnabb/wp-content/uploads/2023/08/metatrons-cube-origami-ipad-app-diagram-shape-details-dodecahedron.jpg)