Rkival: Process Book by Shayne Smith

RKIVAL D E S I G N 3 4 0 / G R A P H I C I D E N T I T Y / S H AY N E S M I T H

RESEARCH

BRIEF Rkival (pronounced as â&#x20AC;&#x153;archivalâ&#x20AC;?) is a new software program that utilizes proprietary technology that increases compression exponentially. Rkival allows its users to organize their collection of media files efficiently. The program and app also introduces a unique cataloging and inventory interface that appeals to the modern user. It works with laptops, iPads, iPhones and MP3 car stereos. Marketed to a young, tech-savvy audience with major storage needs for music, video and other related media files, this program and app is simple to use but is also identified graphically as energetic, exciting and cultish yet still easily identified and deciphered. The management feature of this program and app prides in the ability to work seamlessly on multiple devices. Once a song file is added to Rkival, for example, the user would be able to play the song in their laptop as well as their iPad, iPhone and MP3 car stereo. Rkival acts as a digital cloud file system that specializes in media files. When installing Rkival, first-time users will have the option to transfer their files to Rkival from iTunes, Google Play, or from a specific folder on their computer or device. Storing your files on this program is a safe and reliable method and also acts as a way to back-up your media files.

WORDLIST MOOD

ARCHIVE

APPS

SEARCH FOR TECHNOLOGY:

technical

storage

compression

software, program, files, computer, devices, storage, cloud,

energetic

catalog

connection

apps, security, database, data, folders, music, video, media

exciting

music

communication

cultish

video

interaction

SEARCH FOR MOOD:

sharp

media

engaging

technical, cultish, geometric, symbolism, rebel, youthful,

modern

collection

reduction

modern, simple, compressed, secure, exciting, energetic

youthful

possessions

simplify

rebel

files

mobile

SEARCH FOR IMAGERY:

simple

management

functional

shield, lock, tech, media, connection, archive, compression,

secure

back-up

user-based

connection, interaction, communication, mobile, engaging

BRIEF & WORDLIST

RESEARCH

COMPARATIVE STUDY Other logos for software programs or media apps.

COMPARATIVE STUDY

RESEARCH

REFERENTIAL IMAGERY Images that reflect the topic and interfaces of what target users are conditioned to look at.

REFERENTIAL IMAGERY

RESEARCH

MOODBOARD Images that portray the mood of Rkival and inspire its graphic identity further.

MOODBOARD

IDEATION

SYMBOL SKETCHES Initial ideation of the symbol/icon for Rkival.

SYMBOL SKETCHES

IDEATION

SYMBOL REFINEMENT Digital refinements of the Rkival symbol.

SYMBOL REFINEMENT

PROGRESS

SYMBOL FINALISTS The top three symbol solutions with aesthetically-appropriate titles. 1. This symbol involves a 3D box that represents the collection of media files one would have contained or compressed in the software program Rkival. This 3D box had been recreated in multiple ways, but through rotating my final recreation in a series of 45-degree intervals I found at -90 degrees the 3D box also resembled a shield. The imagery of a shield corresponds to the security a user would experience with their files when using Rkival. I changed the right side of the box to lines in order to enhance the shield as well as open up the 3D box as if it is full of files. This simultaneous representation solidifies the idea and portrays it as a kind of surprise. 2. The idea started out with the concept of connection and integration of different devices through showing four different arrows/triangles pointing at each other as if they are connected and interacting with each other. The colors make this simple shape energetic and bright. 3. From playing with a line-art piece, I formed the letter R (for the first letter in Rkival). Then I added different bright, exciting colors to enhance the 3D effect. I found this shape looked good on top of a rounded corner box like an app icon as well as by itself. This symbol fits the mood as being modern, geometric, youthful, cultish and exciting.

SYMBOL FINALISTS

IDEATION

TYPOGRAPHIC IDEATION Sketches and digital refinements of the typographic logo.

TYPOGRAPHIC IDEATION

IDEATION

TYPOGRAPHIC IDEATION Even more digital refinements of the typographic logo.

TYPOGRAPHIC IDEATION

PROGRESS

TYPOGRAPHIC FINALISTS The top three typographic solutions. These logo v ariations each have their own unique take on the title Rkival. All of them use visual relationships within the lettering. 1. A consecutive right-triangle shape in the letters is repea ted in this logo. First seen in the negative space of the letter R, it is repeated in the negative space in the K, the V, and the counter of the A. The type is partially slanted with emphasis on the R. 2. The second variation connects the letters with a line down the middle. There is a lot of symmetry happening within the letters as well as some asymmetry. The V and A, for example, are identical but flipped, where the line down the middle also is the crossbar of the A. The K and I are perfectly symmetric vertically and the R and L are asymmetrical. 3. The third typographic logo relates the letterforms together through geometry. There is a relationship between the r and l and the V and A because they are the same shapes but reflected vertically. There is a relationship between the K to the V and A in the angles of the Kâ&#x20AC;&#x2122;s arms and the angles of the V and A.

TYPOGRAPHIC FINALISTS

IDEATION

COMBINATION IDEATION Digital ideation of the combination mark.

COMBINATION IDEATION

IDEATION

COMBINATION IDEATION Even more digital ideation of the combination mark.

COMBINATION IDEATION

PROGRESS

COMBINATION FINALISTS The top three combination mark solutions. As combination marks (type with integrated symbol), these variations have their own representation. 1. The first c ombination mark depicts a stack of files as to relate to the idea of collecting your media files on the software program, Rkival. The colors of the files are brought to a 80% opacity and the colors are also put into the I and L of the type. 2. I used the symbol of the 3D box / shield to create a combination mark. The symbol represents a box more in this one, where the title is coming out of the box. The type is stylized in a way to connect with the lines of the box. A suggestion of motion is portrayed in this logo. 3. The third combination mark has a distinctive style in both the lettering and the graphics. Although it may be hard to read, that can be supported by the mood of “cultish”, a logo that is almost secret or mysterious in its title but once you know what it says, it’s more appreciated. That kind of reading also can support some of my typographic logos. In this combination mark, Rkival is surrounded by triangular graphics that portray the idea of compression. The triangular graphics relate visually to the filled in shapes in the letters.

COMBINATION FINALISTS

PROGRESS

LOGO FINALISTS The final symbol, typographic, and combination mark logos .

LOGO FINALISTS

PROGRESS

FINAL LOGO The final logo decision for Rkival.

FINAL LOGO

EXPANSION

BRAND ELEMENTS Standard brand elements for Rkival, including a letterhead (front and back), folder, envelope, business card (front and back), and iPad and iPhone opening screens. Paper for letters will be dark blue paper with a triangularpattern design on the back. Letters can also be printed on standard white paper, when necessary.

BRAND ELEMENTS

EXPANSION

SOFTWARE UI Software user interface (UI) design for Rkival, for use on desktop and laptop computers. Each page in this section will show different screens a user will encounter while using Rkival. The design uses the same color scheme as the Rkival logo, and maintains a clean, flat, youthful, focused and technical look that appeals to the modern user. Below is the sitemap for this software. When a first-time user installs Rkival, they will first receive an option to transfer their files to Rkival from iTunes, Google Play, or from a specific folder on their computer or device. Returning users will return to the screen they were last viewing. On each music, videos, and photos page the user will have an option to view the content as a list, tiles, or, in the case of photos, small thumbnails.

MUSIC

VIDEOS

PHOTOS

PLAYLISTS

ALL VIDEOS

ALBUMS

ARTISTS

MOVIES

ALL PHOTOS

ALBUMS

TV SHOWS

TRACKS

MUSIC VIDEOS

GENRES PODCASTS

SETTINGS

Playlists

Artists

Albums

TRACK

Tracks

Podcasts

ARTIST

ALBUM

GENRE

YEAR

PLAYS

Easy Yoke

4:43

Favela

Easy Yoke EP

Chillwave

2014

Majestic Casual

3:44

Tom and Laura Misch

Follow - Single

Hip Hop/Electronic

2014

Hot Hands

4:13

Darius

Romance EP

Deep House

2014

Weekend Jams

I Wanna Be Down (Grades Remix)