Modern Brands

Website Landing Page/ Login

UX/ UI Design (Currently updating)

My Role

Lead Product Designer
UX UI Designer

The Team

UX UI Designer

2x Developers

Tools Used

Figma

Adobe XD

Zoom/ Google Meet

Illustrator

ClickUp

Duration

4 Week Sprint

PROCESS

Digest

Undo

Redo

Create

Verify

Bring To Life

Make Changes

Modern Brands bridges the gap between fashion design and technology, making it easier, faster, and more cost-effective for brands, design professionals and factories to make fashion products.

Imagine if you had that IP at your fingertips? Imagine if you could go to production in minutes instead of weeks.

Modern Brands designs, sources, costs, sketches, techpacks, patterns, graded and 3D mock ups over a thousand styles so that you could do just that.

The Oppurtunity

Modern Brands provides a way for designers/brands of all levels to not only create fashions but also branding for creations simply online. This now removes the hassle and long time frames sourcing these sorts of resources can take. You now have the support of any big brand at your finger tips.

PROBLEM

The website is the core of the companies purpose, users should be utilizing the site to complete task on their own to create and brand their fashions oppose to reaching out to inquire on services. Which would mean users are signing up to the membership options to access the

HOW MIGHT WE CREATE A WAY TO MOTIVATE USERS TO USE COMPANIES SITE OPPOSE TO CONTACTING COMPANY TO CREATE FASHIONS AND USE BRANDING OPTIONS?

Let's Learn

I sat with the Founders, Lead Developer, Marketing and the (Fashion) Design Team to gather insights of the company and the existing functions of the websites tools. Modern Brands is a SAas company which is an important factor.

The websites purpose was to function as a tool and support for the brands who were its members. You should be able to gather who they are, what they have to offer and why you need to join all on the landing page simply.

Modern Brands already had an in depth Branding Guideline, which was done by a third party. The website was designed by a website designer, who based most choices off of the founders color palette request of beige hues, they did not consider the true purpose of the site.

Modern Brands already had an in depth Branding Guideline, which was done by a third party. The website was designed by a website designer, who based most choices off of the founders color palette request of beige hues, they did not consider the true purpose of the site. The amount go sign ups were to low which is a problem.

The Login/ Sign Up Screens did not connect with the site itself.

After speaker with the Founders and going over the existing Branding Guidelines I felt I completely understood Modern Brands.The company is modern, innovative and forward thinking but above all simple. It was easy to assess what needed to be done and what would compliment the wanted aesthetic as well as be purposeful for the business model of the company.

The Start of Something New

First Brand Adaptation

After sharing my findings with the founders, I began dismantling brand elements to create new combinations. Curating a new Brand Guide entirely.

Through using this method I was able to establish to elements of the new UI.

I was able to pull colors and decide on the best typography. The current site was using multiple shades of what seemed to be the same color, and 5 different fonts with to multiple sizing with no consistency.