Running a Startup on AWS? Get Funding With AWS JumpStart. Click Here to Learn More

2021 Fillmore Street #1128


24/7 solutions

App Store Optimization Pro-Tips #2: Visual Branding

As with any ‘branding’ exercise, when it comes to App Store Optimization the key is to be consistent in both your communication and user experience. This means that the success of your product is built on both its visual appeal and the quality of the experience that provide the user. In terms of mobile apps, […]

As with any ‘branding’ exercise, when it comes to App Store Optimization the key is to be consistent in both your communication and user experience. This means that the success of your product is built on both its visual appeal and the quality of the experience that provide the user.
In terms of mobile apps, we generally think of a ‘brand’ needing to be consistent across all social media and digital marketing platforms, any website or associated online advertising and user experience and customer service elements, and there are some simple things you can do to ensure quality and consistency across these areas. In this post I am going to focus on the visual design elements that will help your app to stand out from the crowd.
Visual Branding
Having a clear target customer in mind is essential in order to build an appealing brand. As we stated in our last ASO Pro-Tips Blog, being able to vividly imagine your customer - how they dress, what their favourite foods are, where they go on holiday - is crucial to making sure that your app connects with them and is useful to them. Having thought through these ‘customer profiles’ you are in a much better position to think about your visual brand. What colors create the image and identity that you want your app to have? What font should you choose? If your product is functional and not beautiful or well-tailored to your audience, it still may enjoy some success. If the opposite is true and it is all style over substance, you still may have some limited success; but if you can hit that sweet spot between beautiful form and optimal function, you will be rewarded with loyal customers and brand ambassadors amongst your users.
Although you don’t have to employ professional graphic and UX designers to execute your design and branding, do invest as much of your own time into this exercise as you can. Your icon in particular must be both professional and eye-catching as it’s your first opportunity to make an impression on potential customers. Again as with the keywords techniques that we discussed in the last post it’s important to note that Apple’s App Store and the Google Play Store have unique ways of rendering and displaying icons and images, and you should check the preset standards for both platforms to ensure the optimal presentation of your logo.
The most crucial thing to remember with your App Store icon is that it should sized to a minimum of 1024 x 1024 pixels, and from there the Apple OS will actually resize your icon automatically for other applications. For more detail refer to the iOS 10 Design Guidelines.
By contrast the icon required by Google Play is smaller, at just 512 x 512 and while not required they do recommend that you design your app icon with reference to their ‘Material Design Guidelines’. Though you don’t have to use these, they are actually a very handy giving lots of easy to understand ‘best practice’ advice about designing for an online technology enabled environment.
Whichever OS you are designing for, your icon needs to be clear enough that visitors instantly know what your app does - the visual language should be clear and unambiguous. Remember that the icon will be scaled down for use in other apps and in the store menu, and so the design should be clearly legible and recognizable even at small scale. Avoid making it too complicated and avoid having entire words as part your logo - abstract images or a single letter tend to have more impact. If you have never designed a logo before it would be a good idea to do some research and read some articles such as this ‘7 Killer Tips for Logo Design’ on Mashable.
Your logo and overall design scheme within the app should also compliment the name of the app, with the visual and linguistic elements working together to create a strong brand which leaves a lasting impression. Do some competitive research and see what is working in the app store by looking at the list of the current and historic top rated apps; you will quickly notice the trend towards bright colors, simple shapes and clean lines.
Since you have invested so much time in creating your app and testing its functionality, it only makes sense that you would invest a little more time to ensure that it’s strong branding appeals to customers. If you are wondering whether a particular logo or color scheme will be successful, consider having a ‘soft launch’ of the app and A/B testing the two alternatives. If you’re not sure what an A/B test is or how to run one, stayed tune in to next week’s post on app performance measures and metrics!

Joel Garcia
Joel Garcia

Joel Garcia has been building AllCode since 2015. He’s an innovative, hands-on executive with a proven record of designing, developing, and operating Software-as-a-Service (SaaS), mobile, and desktop solutions. Joel has expertise in HealthTech, VoIP, and cloud-based solutions. Joel has experience scaling multiple start-ups for successful exits to IMS Health and Golden Gate Capital, as well as working at mature, industry-leading software companies. He’s held executive engineering positions in San Francisco at TidalWave, LittleCast, Self Health Network, LiveVox acquired by Golden Gate Capital, and Med-Vantage acquired by IMS Health.

Related Articles

Here’s Why You Should Work with an AWS Partner

Here’s Why You Should Work with an AWS Partner

Amazon Web Services is understandably a difficult platform to adapt to and utilize fully upon first getting started. Some organizations can be selected to become certified partners to indirectly extend services to help build on the Amazon Cloud. Finding a certified company to help build out is undoubtedly the best way to significantly simplify, streamline, and reduce the cost of utilizing AWS.

Amazon Web Services – CodeCatalyst

Amazon Web Services – CodeCatalyst

When a development team is building out an application, it helps to have access to the same resources, have the tools for planning and testing, and to have access to the application all in one place. CodeCatalyst comes with a slew of continuous integration/continuous development (CI/CD) tools and can leverage other AWS services and be connected to other AWS projects on an account. As a collaborative tool, it is easy to introduce new members into the project and to log all activity or all tests from a single dashboard. It’s a complete package of all the tools needed to securely work on every step of an application’s lifecycle.

The Definitive Guide to AWS Pricing

The Definitive Guide to AWS Pricing

Perhaps the biggest issue with AWS that its competitors edge out on is the confusing pricing model. It does promise the capacity to help users save significantly on funds that otherwise by avoiding spending on unnecessary resources, but getting to that point isn’t always clear. We will be covering in greater detail how this works.

Download our 10-Step Cloud Migration ChecklistYou'll get direct access to our full-length guide on Google Docs. From here, you will be able to make a copy, download the content, and share it with your team.