Globe
Records
Imagined Enterprise
As with independent films whose works are produced outside the mainstream, Globe Records pioneered an outlet to work in tandem with independent musicians. The label aims to draw in an audience that appreciates the independent artists and in effect, help the artists succeed - on their terms.
A three-week personal project to design four distinct pages (desktop and mobile versions) with the beginnings of a design system.
contri
bution
role
UI Designer
Visual Designer
Front-end Developer
My responsibilities
Design (website and logo)
Iterations of the UI
Lo-fi, hi-fi prototyping (basic flow and interations)
Design system
Research
contribution
role
UI Designer
Visual Designer
Front-end Developer
My responsibilities
Design (website and logo)
Iterations of the UI
Lo-fi, hi-fi prototyping (basic flow and interations)
Design system
Research
challenge
Experience Through Feeling
How to create an immersive website experience where Globe
Records'
audience would 'feel' the music? Must haves:
• ability to showcase new artists and releases
• serve as a central hub where artists, agents, and managers may submit demos, and provide updates,
and
• offer memorabilia.
process
sketching & wireframing
Wireframes allowed for the beginnings of the design system to reveal itself. As the asset inventory was taken, inconsistencies such as typography sizing were found and corrected early in the process.
Planning and prioritizing is key
The key to a system's success is to plan and prioritize the elements so simultaneous work can be done on the Design System and other projects at the same time.
For this the patterns were divided in two types:
1. Elements that aren’t needed regularly and can be picked up when come across them. For example, when developing a new feature or redesigning an existing one.
2. Elements that are used everywhere like color, buttons, icons, etc. which are used constantly and need detailed planning for use later in development.
Building, improving, innovating
Not having to invent the wheel over and over again opened up time for other important processes or creative ones.
By combining elements from the Design System together to make a quick proof of concept or develop an interface change without having to think about what elements should be used and how they should work allowed for micro-interactions with flair - the hover swirling like a record or musical notes floating now added to the experience in a unique way.
outcome
Stepping stone for expansion
Stage I provided solid stepping off points for further expansion of pages, details, and interactions.
Now that the base components of the Design System are set and can be further built upon with ease.
finale
all together now!
buying memories
Commercial success
A previously produced video promotion of the company was the design inspiration. Adding it to the home page hero section gave the site life and a memorable first impression.
Credits: Video clips: Pexels, Pixabay Guitar: MidnightKayaking Drums: Fanto8BC Percussion: Medilean Vocals: Karen Kuzmiak
