
Vnyl
UX/UI Project

Tools
Adobe Illustrator
Adobe Photoshop
Figma
InVision
About Vnyl.org
VNYL is a music discovery service. It offers memberships and picks records for customers according to their unique music taste. Vnyl.org also offers different products for its users to purchase.
Overview and Problems
Vnyl.org mainly focuses on selling their membership plans . Although there are other services and products on the website, it is quite confusing process to navigate through the website.Therefore, this redesign projects aims to fix mentioned issues and offer better user experience.
Not User Friendly
Hard to Navigate-Most Pages don’t have navigation at all.
Poor Contrast
Uneven Borders
Confusing and Inconsistent Page Layouts
Current Flowchart


Purposed Flowchart


User Flow

User Story
Susanne recently heard about Vnyl.org through her best friend. She found the plans that vnyl.org offers and she wants to become a member.




Wireframes
Styleguide
Typography
Colors
Fredoka
a, b, c, d, e, f, g, h, i, j, k, l, m, n, o,p, q, r, s, t, u, v, w, x, y, z.
A, B, C, D, E, F, G, H, I, J, K, L, M, N, O, P, Q, R, S, T, U, V, W, X, Y, Z.
#F106A2
#E0FFFF
#FB2187
#FFFFFF



Current Design
Landing Page
Home Page
Plans Page
Conclusion
Completed redesign of Vnyl.org offers consistent layout and theme on each page. New redesign improves the user experience by providing navigation bar and simple, easy to follow flowchart. Newly designed shopping page has been inspired by Vnyl.org’s graphic element, however, it has been changed in order to visualize better hierarchy. Abstract graffiti-inspired elements creates a unique and recognizable style that sets the website design apart from others. This style can help to create a strong visual identity for Vnyl.org brand or product, making it more memorable and recognizable. Vibrant colors, and dynamic shapes. Incorporating these elements into vnyl.org design can create a strong visual impact that captures the attention of the audience and helps to convey a sense of energy and excitement.




Purposed Design
Landing Page
Home Page
Plans Page
Final Design


Wireframes



Current Design



Landing Page
Home/Shop Page
Membership Page
Purposed Design



Landing Page
Shop Page
Membership Page
Final Design | Mockup

Styleguide
Typography
Colors
FREDOKA
a, b, c, d, e, f, g, h, i, j, k, l, m, n, o,p, q, r, s, t, u, v, w, x, y, z.
A, B, C, D, E, F, G, H, I, J, K, L, M, N, O, P, Q, R, S, T, U, V, W, X, Y, Z.
#F106A2
#FB2187
#E0FFFF
#FFFFF

Susanne recently heard about Vnyl.org through her best friend. She found the plans that vnyl.org offers and she wants to become a member.
User Story
Home
Select Plans
Find Trio Membership
Select Join Now
User Flow
Purposed Flowchart

Current Flowchart

Overview and Problems
Vnyl.org mainly focuses on selling their membership plans . Although there are other services and products on the website, it is quite confusing process to navigate through the website.Therefore, this redesign projects aims to fix mentioned issues and offer better user experience.
Not User Friendly
Hard to Navigate-Most Pages don’t have navigation at all.
Poor Contrast
Uneven Borders
Confusing and Inconsistent Page Layouts
About Vnyl.org
Tools
VNYL is a music discovery service. It offers memberships and picks records for customers according to their unique music taste. Vnyl.org also offers different products for its users to purchase.
Adobe Illustrator
Adobe Photoshop
Figma
InVision

Vnyl.org
Website Design Project
Conclusion
Completed redesign of Vnyl.org offers consistent layout and theme on each page. New redesign improves the user experience by providing navigation bar and simple, easy to follow flowchart. Newly designed shopping page has been inspired by Vnyl.org’s graphic element, however, it has been changed in order to visualize better hierarchy. Abstract graffiti-inspired elements creates a unique and recognizable style that sets the website design apart from others. This style can help to create a strong visual identity for Vnyl.org brand or product, making it more memorable and recognizable. Vibrant colors, and dynamic shapes. Incorporating these elements into vnyl.org design can create a strong visual impact that captures the attention of the audience and helps to convey a sense of energy and excitement.
Launch The Full Project
Launch The Full Project