Red Alert! was created with the bold in mind, and those who like to have a little flair on their phones will be pleased with this UI experiment. Several screens were created as demonstrations of the overall phone user interface, with a unifying 'bold red' theme tying them all together. Careful attention was paid to demonstrate as many UI elements (text inputs, buttons, dropdowns, etc) as possible while creating a couple new experiments in UI as well. The contact profile page probably being the boldest step out with the “Descending Honeycomb” method of displaying images.
The UI is based around a strong red theme with clean and sans-serif fonts for a modern feel. Other splashes of color were used to break up the red blocks and create diversity among pages. Some pages have the dedicated secondary color (brown weather page) as their primary color to further page diversity. Focusing on smaller items like sliders and buttons really allowed me to flesh out the 'personality' of the Red Alert! design. Rather than pulling those items from a library, a unique set of UI elements was created for this design and you can really feel the personality of this UI ripple down through even its smallest elements.
Balsamiq Mockup wireframes and Invision Application Prototype (in development) available upon request.
Want a closer look at the design?
Check out these high resolution versions.
Services GiftedPixel Can Provide
Design and usability are important factors in any project. Getting things right in the architecture stage is key to success.
Good web design is understanding the devices that use a website and ensuring everyone can access content equally.
Establishing grids and visual hierarchies are important factors in good design. They help the flow of information which leads to better understanding.
Not everything has to be made with traditional paint and canvas. Digital illustrations can tell a story and be very complex as well.
Wireframe & Concept Design
How you got to the final product is as important as the product itself. Wireframing and prototyping are important steps in the journey.
Branding & Identity
People remember brands, and lots of design tools help make up those brands. Colors, logos, and fonts are all important items to consider.
Experience in live film, broadcast, and post-production. In a high def world it's important to get your message out there.
Making sure people can find you on the internet is crucial. Optimizing your site for search engines is a step everyone should consider.