3 more days until the launch of Quote Codes on the App Store, we are so excited! In Quote Codes Diaries 7: Early Designs we look at our initial design process of the App.
How do we adapt our cryptic word puzzle idea into a digital format? This was the problem that had to be solved.
The obvious thing was that the quote had to be in the center.
Now the main problem was how does the player input the letters? We couldn’t do the traditional keyboard layout because it takes too much space and more importantly, it blocks part of the quote. This was a serious problem that had to be solved. Under no circumstance could we block the quote.
After going through various iterations, we finally zeroed on the current format. The slider input option – we had gotten the idea from the song browsing scrubbing gesture on the iTunes app on iOS.
We decided to add the keyboard on the bottom so that the player has no distraction while looking at the quote. On touching a letter on the keyboard we then added a magnification feedback which was crucial.
The next steps were simple. Showing clues – this was adjusted on the top. I then adjusted the colors a bit and added our cryptic Primitive Font. No biggie.
Then came the fun part – Type. We needed another font for the actual input. We wanted to get something contrasting. The Primitive font was minimal, austere, geometrical. We wanted something whimsical and quirky. We finally settled on the DK Clair De Lune font.
I was absolutely in love with the font. The curves on it just gave it a different feel altogether.
So we ended up with this as the design.
I thought we had something just perfect from a visual point of view. Boy was I wrong. More on this next time!
Till then don’t forget to Pre-order Quote Codes on the Appstore here, it comes out on Jan 18, 2018. Pre ordering ensures that the app automatically downloads onto your device on Jan 18
We have some exciting news to share. Quote Codes is available for pre-order on the App Store.
Yes, you read that right. Apple now let’s you pre-order apps: A simple but extremely useful feature.
Many thanks to everyone for the continuous love and support for our little creation. It has been an amazing journey so far and our community continues to grow bigger each day.
Quote Codes is a word puzzle game where you unlock your favorite quotes by substituting one letter at a time. In every game, each symbol stands for a letter. Your aim is to guess and decode the quotes!
Features • Beautiful and addictive word puzzle game. • Decode quotes ranging from all themes like Epic TV Shows, Timeless Movies, Classic Disney, Netflix Binge, Legendary Authors and many more! • Over 85 different themes to play. Solve quotes from Game of Thrones, 13 Reasons Why, Rumi, William Shakespeare, Lord of the Rings, Stranger Things and countless more. • Hand crafted custom animations of each symbol. Beautiful minimalistic visual design. • Completely free to play with minimum Ads. Earn coins by successfully decoding quotes! • Universal app with Facebook sync. Play on your iPhone and iPad and your progress will always be in sync.
Quote Codes comes out on January 18, 2018 on the App Store. Please don’t forget to pre-order the game. It will automatically download on launch day to your device, completely free.
Decode your favorite quotes and stay inspired all day!