Aprandi branding presentation 010714

Page 1

Making Sense Aprandi Branding


route one

We have produced a clean, modern and adaptable brand based around the concept of “Progression”. The brand mark & typographic choice create a subtle / conservative brand mark, but it is not without personality. The graphic provides almost unlimited potential to subtly brand up different stages of the user experience with Aprandi. It can be used to represent anything from current progress through a quiz, to final score or even as a loading animation between quizzes / questions. There are a number of variations to this brand, meaning no matter what context the brand is being used in, we have a version ready to use. These variations can be seen over the following pages. The “Hero” brand is the main one, while the alternative versions are perfect when you want the branding to take second stage, or are working within a limited space. On the following pages you’ll be able to review the brand variations as well as an example of how we think the brand could work in the context of a question template and other pages within the Aprandi website.


Aprandi

The Hero Logo: To be used where space is available.


Aprandi

Version 2: most likely to be used when vertical space is limited.


Aprandi

Version 3:




The Progression Tree: Course that the user has previously attempted use the brand mark to represent their progress through that course.



Course Welcome Screen: The brand mark can be used to represent the users previous best score on this course.



Question Template Example: The brand mark can be used as check boxes, it could even potentially animate as they select an answer. The brand mark is also used to frame a photo or illustration.



Course Results: And the brand mark can be used as a visual representation of the users final score.




but wait, there’s more!

we’ve prepared a second option for you to review so keep turning the pages


route two

This is a very clean mark with a real pop of colour. The first noticeable mark is the star we have used with the A. This is designed to highlight the learning experience throughout the site. This could also be used very nicely in communications to bring some wit to the brand. When you look closer at the logo you will notice that a lot of the letters aren’t perfectly joined at their junctions. This represents the progression and learning that takes place with aprandi symbolising the filling in of gaps throughout the process. The gaps within the letters has also been carried through to icons and illustration styles. These simple line drawings are very effective and easy to roll out across many icons. Great from a consistent brand perspective. For a splash of colour and strong mark we have taken an angle from the star to create the orange triangle you will see across the site. This ensures a modern, fresh approach to bring a more dynamic edge to the brand.



Sign in: Users are initially greeted with the aprandi branding and simple sign in.

APR

Email Address

SIG

Reset P


RANDI

Password

GN IN

Password


Topic options: The orange icons with the star represent topics which have been completed (and passed). Grey obviously represent the rest. We have also included a progress bar across the top of the page. This helps users to feel like they are successfully working through the questions. The orange triangle is brought in at this point as a placement area - either to hold the secondary A* mark or action buttons.

AP

IWC Schaffhausen

Progress

Choose a topic and work y

Products and Services complete

Co H

40%


PRANDI

log out

your way through the questions.

ompany History

Brand ambitions

% complete

0% complete


Topic: Within the topic area users are given a summary of the pass rate and how they have scored before (if they have taken this topic before). I could also give an outline of what users will learn throughout the topic.

AP

IWC Schaffhausen

Company history

Get 80% or higher correc

Personal Best 60%

CATEGORIES


PRANDI

log out

ct to complete this course!

GET STARTED


APRANDI

IWC Schaffhausen

Company history

IWC’s head office is se Schaffhausen because Select ALL that are correct Geneva is the nest of watch making.

Benefits of hydropower to run his mac

FA Jones was discouraged to open a f Had horological tradition.

SKIP

Question Template Example: The brand mark could be used as a tick. We have used octagons as holding shapes to re


log out

Question 5 of 10

IWC’s head office is set in Schaffhausen because...

et in e...

Select ALL that are correct Geneva is the nest of watch making. Benefits of hydropower to run his machines.

chines.

FA Jones was discourages to open a factory in French speaking part.

factory in French speaking part.

Had horological tradition.

SUBMIT SKIP

HINT

eflect the star with 8 points.

SUBMIT

HINT


Results: The A* is used here to reflect the users success in the questions.

AP

IWC Schaffhausen

Company history

Congratulation

85%

You required 80% or more to pass, Why not try again to see if you

CATEGORIES


PRANDI

log out

COMPLETE

ns! You Passed!

u can get 100%, or move onto the next lesson.

TRY AGAIN

NEXT COURSE



thank you for looking we look forward to your feedback


appendix

Here are some examples of alternative ideas that you might want to review.



Joining the dots: A fluid, organic logo that pinpoints the ease and fluidity of using aprandi. The organic feel mirrors the way we would like users to sue the site - wanting to learn and grow rather than feeling forced to and boxed in. It has a certain high end fashion charm.

Friendly flow: A friendly and contemporary approach - aimed at 20-30 some-things. One again another very fluid approach - flowing through the course. The gradient symbolising the strength of knowledge towards the end of the course.


Aprandi Progression chart: The blue strip looks towards a line graph - how throughout the course the users knowledge increases. The font chosen is a very sophisticated, high end choice.

APR

NDI

Road/Path To Success: By making a feature of the central “A� we have turned it into a road/path that progresses into the distance as a representation of the potential future available to the user training with Aprandi.


thank you

www.inspiradigital.co.uk

+44 (0)1271 344 265


Turn static files into dynamic content formats.

Create a flipbook
Issuu converts static files into: digital portfolios, online yearbooks, online catalogs, digital photo albums and more. Sign up and create your flipbook.