ARTCLUB INTL.
WEBSITE MOCKUP
Created in Hanatomiy
THIS WEBSITE BUILD WILL FOCUS ON THE FOLLOWING:
USER-FRIENDLINESS
Clean Animations
Smooth Transitions
* Mobile-friendly / Responsive Design *
Cross-browser Compatibility
DESIGN
Timeless typography and layout
Use of contrast to add balance to the page (size, colour)
Use of simple, yet intentional design
HIGHLIGHTING YOUR ARTISTS
Using subtle animations to bring the user‘s focus to the information presented.
LAST UPDATED:
02-22-2020 2:40 PM
LANDING PAGE
DESIGN 1
Website opens to an eye-catching visual (ie. an image of Jhené Aiko edited similarly to the the Grace Jones reference).
Image has a ripple effect when you hover over the image.
![]()
![]()
![]()
DESIGN 1
Website opens to an eye-catching visual (ie. an image of Jhené Aiko edited similarly to the the Grace Jones reference).
Image has a ripple effect when you hover over the image.
Website opens to an eye-catching visual (ie. an image of Jhené Aiko edited similarly to the the Grace Jones reference).
Image has a ripple effect when you hover over the image.
DESIGN 2
Similar concept to the first option with a different layout.
“Artclub International” title scrolls to the right.
![]()
![]()
DESIGN 2
Similar concept to the first option with a different layout.
“Artclub International” title scrolls to the right.
Similar concept to the first option with a different layout.
“Artclub International” title scrolls to the right.
MOBILE MENU
DESIGN 1
Very simple, straight to the point.
![]()
DESIGN 1
Very simple, straight to the point.
Very simple, straight to the point.
DESIGN 2
Very simple, straight to the point.
Layout option variations.
![]()
![]()
DESIGN 2
Very simple, straight to the point.
Layout option variations.
Very simple, straight to the point.
Layout option variations.
TALENT ROSTER
Black and white photo of talent placed in a grid of 3 columns.
Collapses into a one column on mobile.
![]()
Black and white photo of talent placed in a grid of 3 columns.
Collapses into a one column on mobile.
Collapses into a one column on mobile.
TALENT PROFILE
DESIGN 1
Talent profile includes a short bio on the artist.
Music videos and images are placed on the left side.
Right side include the bio, tour dates (bandsintown embed), and a linktree to all their streaming platforms. Lastly, a list of all their official social media accounts or website.
![]()
![]()
DESIGN 1
Talent profile includes a short bio on the artist.
Music videos and images are placed on the left side.
Right side include the bio, tour dates (bandsintown embed), and a linktree to all their streaming platforms. Lastly, a list of all their official social media accounts or website.
![]()
![]()
DESIGN 1
Talent profile includes a short bio on the artist.
Music videos and images are placed on the left side.
Right side include the bio, tour dates (bandsintown embed), and a linktree to all their streaming platforms. Lastly, a list of all their official social media accounts or website.
Talent profile includes a short bio on the artist.
Music videos and images are placed on the left side.
Right side include the bio, tour dates (bandsintown embed), and a linktree to all their streaming platforms. Lastly, a list of all their official social media accounts or website.
DESIGN 2
Enter straight into the artist’s bio with an image on the right.
Videos will be placed in a 3 column grid.
![]()
![]()
![]()
DESIGN 2
Enter straight into the artist’s bio with an image on the right.
Videos will be placed in a 3 column grid.
![]()
![]()
![]()
DESIGN 2
Enter straight into the artist’s bio with an image on the right.
Videos will be placed in a 3 column grid.
Enter straight into the artist’s bio with an image on the right.
Videos will be placed in a 3 column grid.
