Responsive Web UI Design

swarmmedia.io

Project Overview

Background

SwarmMedia is the parent company of the Basenote app. Basenote is a music investment and streaming app that connects listeners with artists through music discovery and investment. The app enables listeners to identify up-and-coming artists who need funding and allows them to be part of revenue sharing by purchasing equity in their favorite artists.

Challenge

Design a 1-2 page website to market Swarm Media (parent company) and Basenote (app in development) to potential users. The website needs to inform artists that may be interested in using the platform to raise funds, as well as fans who may want to invest.

Design

Delivered a responsive marketing website for SwarmMedia to introduce artists, fans, and investors to their business and app concept. Website needed to utilize brand colors and textures from the app for a cohesive design. The scope of work included UI design only.

Deliverables

  • High fidelity designs for all screens

  • Responsive design for all screens

  • Email subscription form

  • Include Swarm Media mission statement

Project Info

  • Role: Lead UI Designer

  • Project Type: Responsive Web

  • Tools: Figma, Google Material Design

Design Deliverables

 

Hi-fi Designs

I leveraged exiting brand styles used in the BaseNote app to establish a consistent design language. Given the timeline for this project I also used Google Material design so that the design could be easily developed. I collaborated with the founders and marketing team to set the brand tone and to create copy that can inform users even while the app is still in beta.

Welcome ScreenImproved copy and added account profile icon.
Filing Status ScreenChanged all text to be center aligned.