Branding    •    Design    •    Desktop    •    UI    •    UX

Galaxy Cluster

Galaxy Cluster is an application for online data storage and organization. Your Galaxy is stylized and has unique features that make it enjoyable to organize all your files and store them safely. It's bigger than storing your files in the cloud. You can save links, organize intelligently, and customize to your organizational needs.

  • Bloc
  • Data Storage
  • March 2019

The Problem

What problem am I solving?

Google Drive and Dropbox lead in bulk online storage. They lack customizable organization features and the ability to save links. You cannot visually display your files in customizable ways, and you cannot create repositories of links with files. Other services with more features lack cheap bulk storage.

The Process

research - branding & design - testing & product design iterations

Research

SWOT Research Summary

Google Drive is a huge market share of cloud storage due to their inexpensive data plans and integrated email and document creation. You cannot tag or customize your organizational space easily and you have to adapt to their very simple file structure.

Pinterest is a social media space for creating mood boards. It’s not for storing bulk files or organization. It’s very visual and mostly used for tasks involving creating collections of pictures.

Dropmark is a visual file and link cloud storage. The amount of storage space you can buy pales next to Google in size and price. File organization and collaboration is a key to their brands usefulness. The user can upload links and treat them like an item. Dropmark has different views of files and tools with their paid plans that set them apart in a unique way.

Survey Key Takeaways

• Most people use cloud storage, primarily Google Drive and Dropbox.

• Most pictures are uploaded and viewed on social media applications.

• People like accessing their files from anywhere on all devices.

• A lot of people do not sort their files, for them, it’s tedious and difficult in cloud storage.

• Most people save their links via bookmarks.

• Of those surveyed, 42.9% pay $1-10, and 14.3% pay $11-20.

Personas

I chose an art director and a stay at home father. Workplace file organization is useful to both managers and employees to access important company files and links. The father can collaborate on files with his family. Other users could be students or professors.

persona 1 persona 2
User Stories

I included all high priority tasks and medium ones like; tagging, notes, different board views, and adding links. One feature almost made it in but was cut, the ability to change the thumbnail or icon of the file or link. Those few features would meet my criteria for bulk online storage and organizing assets in a way the big players weren't providing.

user stories
User Flows Sign up/Sign in
Login and Signup userflows

This is my simplified user flow, I had created a more complex user flow and decided to focus on having the least steps for onboarding. When making the wireframes, this ended up getting simplified even more. Each step can represent a lot of time in design and logistics.

user flow simple sign up and in

The complex userflow I initially made was overly complex and did not flow as well conceptually. It was a neccessary exercise for creating a more simple userflow that considered the most important onboarding steps.

user flow complex sign up and in

Branding & Design

Product Design Sketches

For my first designs, I aimed for the most basic features users would expect.

1. A simple login and sign up process.

2. A home screen that gets right to your files and features to organize them.

3.Simple pop up windows for each feature, accessed from the home screen.

sign up/login & homepage
sign up and sign in screen homepage
Wireframes

When I translated the sketches into wireframes, few things changed in the design from sketch to wireframe. The largest design changes came later with the clickable prototypes. Clickable prototypes are easier to explain, test, and to observe natural click habits.

sign up and sign in screen homepage
Branding
Logo Sketches

I first sketched the obvious concepts; cloud, secure, upload/download. They felt overdone and forgetful. I thought, certain concepts are nebulous. They aren't fully formed ideas, but when all the pieces converge it becomes a singular idea. A Galaxy felt a little more grande than a cloud, and a little cheeky.

Mood Board

The designs I chose were retro-futuristic color palettes.
Spiral galaxies, clean fonts, and a dark theme.

mood board
Style Guide
style guide

Testing & Product Design Iterations

Low Fi Prototype

This is my low-fi clickable prototype. I added a landing page and a marketing page, to increase new user sign ons. New users can be reticent to hand over emails and information. The upgrades page was how Galaxy Cluster would be monetized. I wanted the first thing users to see to be stylistic and explain the product, driving them to sign up.

low fi landing page
Clickable prototype made in Figma
First round of tests and the changes they led to.
from Wireframe to Hifi prototype.

1. Landing page needs a better call to action, "Organize!" is not clear enough.
- Changed to just login and sign up.

organize button organize button

2. Upload area too large.
- Moved upload area to a pop up screen that is activated with a button click.

old upload area upload button

3. Design elements are too large.
- reduced text and button sizes.

4. Social logins first felt like an uncommon design pattern
- Moved social logins to the right side.

5. Change "sign in" to "login" for clarity.

6. Landing page needs more content to bring in new users.
- I combined the upgrade page and the landing page to make it look more full.

7. The buttons need to be more obvious.
- added tooltips to resolve.

round 1 high fi landing page
tool tip and button press example
Preference Testing

I conducted preference tests on 3 screens.
I incorporated the winning screens into my next design and tested it again.

preference test 1
second round of tests and the changes they led to.
From Hifi prototype with winning screens to final design.

1. Buttons need more padding.
- reduced font size to prevent elements getting too large again.

2. Need to split the upgrade screen and the landing page screen for better user flow.
- after split those pages looked and flowed much better.

3. Need to add back button from login/sign up back to landing page.
- Galaxy logo click takes you back to previous screen.

logo

4. Checkbox in corners of files for easier file selection.

checkbox

5. Editing thumbnails/icons feature is too complex to add into a minimum viable product.
- fully removed.

6. Add ability to change board "styles", this is a major selling point of Galaxy Cluster conceptually.

board styles button
board styles pannel

7. Needs scroll bar to indicate more files can be seen.
- added a scroll bar

8. Need to increase the appeal of signing up via more marketing on the landing page.
- More opportunities for onboarding added to landing page.

final landing page design
Clickable prototype made in Figma
Galaxy Cluster

Galaxy Cluster can enter the market as a simple stylized bulk storage option for large repositories of any file type and links. Through many design iterations, simple actions and features came together to make a simple but powerful application. The branding sets it apart, creating a memorable product.