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