Cómo Tom 11FS comenzó su viaje en diseño web

¿Cómo se te conoce?

11:FS

Cuéntanos a qué tipo de público quieres llegar

11:FS are an agency/consultancy who work specifically within the banking and fintech sector. This brief focuses on one of our products called 'Pulse' which is a web and mobile app used by some of our customers, and best described as 'the Netflix of banking'. Using the app, customers (typically design teams within banks around the world) can come and watch videos and see screenshots of banking user journeys from banks and fintech start-up apps from all around the world. Obviously these teams could go to the Apple or Google app stores to get a feel of what the apps look like from the screenshots, but we have a panel of users all around the world who take videos of them using the actual banking apps and completing genuine journeys (e.g. check a balance, make a payment) so provide an extra level of detail and insight that you can't get from the app stores alone. You can find out more about the service here: https://11fs.com/services/11fs-pulse/

We are in the process of redesigning the existing service. Wireframes for the two pages (Homescreen & an example Playlist) have been uploaded with the other reference images.

¿A qué sector dirías que pertenece tu empresa?

Sitio web existente

¿Qué idea tienes, qué estilo te gusta para tu web page?

We really just want to see how you might come up with ideas ideas for what we’ve done already, taking some inspiration from video on demand web apps such as Netflix and the others listed below.

We are happy for you to explore either light (e.g. Ted Talks, Youtube) or dark designs (e.g Netflix), although we would like to see our brand colour (#2ABBB3) used in the designs somehow (either as an accent for calls to action or to inform the palette based on complementary colours).

Google Material design is also an inspiration given it's use of whitespace, clean, subtle design sensibilities (albeit a slight evolution of the sometimes over-simplistic flat design) and considered use of motion.

Exploring the use of (more than 2 colour?) gradients might be interesting too.

In some of our other branding we use geometric shapes in backgrounds (similar to the iPlayer iPad app start-up screen) so this might also be something you want to play with. You can see that we have uploaded a creative design concept for the homescreen that explores this design idea for some of the featured content blocks/hero, but there could of course be different ways of using it (if you so wish).

Another idea that you might want to explore if you think it has merit is seeing if we can do anything interesting to use or reference the rectangle bounding 11FS in our logo, similar to how RIBA use their ‘frame’ in some of their marketing collateral (see example images attached to the brief).

We have also uploaded some other design examples that we like.

IMPORTANT NOTE: the images for the rows of tiles that relate to individual videos will use screenshots taken from mobile or web banking apps (see the initial design concept we uploaded for reference) so this is a little different from Netflix who have 'nice' images for every tile. We aren't quite as lucky as Netflix who have lots of lovely visuals (and it is also harder obviously to create a 'house style' for the video tiles when you have 1000's of journeys across 100's of brands who all look different). You might have several videos for each bank also (so we can't just use the bank logo since you might end up with an entire row of tiles using the same thumbnail if that row focuses on just one bank that we might want to promote). For example, for each bank you might have a video that relates to registering the app for the first time, then another for checking balances, then another for making payments, etc. This does limit how creative we can be with the thumbnail 'teaser' images in each of these types of tiles (and also means we have some potential legibility issues if text is overlaid onto the thumbnail since some app screenshots might be white, others dark, etc). However, we have much more freedom from a creative perspective with the hero at the top and the feature tiles lower down the screen such as the blog posts, etc.

Descripciones de páginas

Please see uploaded wireframes and existing creative design concepts

Otras notas

Sketch files for the winning design are preferred over Photoshop if possible please, but either is fine. Thank you.

We would like your creative design ideas to focus on the home screen wireframe/concept, which is similar to Netflix (see uploaded images). Note: we have uploaded (1) the grey scale wireframe for this page, but there is also (2) a version with some creative concept applied which we did to test how the thumbnails of each video might work with a concept creative approach. This creative design is just shown for reference - we are interested in how you might either evolve/improve upon this - or even come up with something entirely different (i.e you have pretty free reign to explore design approaches for the page).

Source Sketch files for the wireframes are available on request if this helps.

Thank you in advance and if you have any questions at all then please don't hesitate to ask :)