


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
.jpg)
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.
Existing Color Palette

New
Fresh Coat of Paint'
Hi-Fidelity MockUp
