Web design for Front-End30

Updated date: Oct 2019

Publish date: Oct 2018 

Client: Front End 30

Role: Branding and design

Produced the brand identity. Designed a website, commercial video and email content.

Front-End30 is an online platform that offers 30 practical front-end skills and at the end of this course, you will be armed with solid front-end skills and help you build quality.

Checkout page
Checkout error page
Shopping cart page
FrontEnd30
Opt-in page draft 1: video button
FrontEnd30
Opt-in page draft 2: video screen
FrontEnd30
Opt-in page draft 3: No video
FrontEnd30
FrontEnd30
Logo motion graphic the opt-in page
FrontEnd30
Thank you page for subscription
FrontEnd30
Thank you page motion graphic
FrontEnd30
Create an account page
FrontEnd30
Create an account error page​​​​​​​ 
FrontEnd30
FrontEnd30
Thank you page for registration
FrontEnd30
Login page
FrontEnd30 website
Login error page
FrontEnd30
Course list page
FrontEnd30
Course content page
FrontEnd30
404 page

See the Pen card component in the dark theme by nana (@nana8) on CodePen.0

See the Pen cart micro interaction by nana (@nana8) on CodePen.0

FrontEnd30
State information
https://vimeo.com/351227139

Landing page list

• Hero

• Video

• Libraries

• Modules

• About

• Profile 

• Pricing

• FAQ

• Contact

FrontEnd30 website
FrontEnd30
Card list state: default / over / click
FrontEnd30
FrontEnd30

Go to FrontEnd30 website

Watch Front-End30 promo video

 

web design, ui, web site, branding

Thanks for reading,
please share it.
Related
UI: State styles of card component
UI: State styles of card component
ui
article
Case study: web design focused on interaction.
Case study: web design focused on interaction.
interaction
UX/UI
web
CSS selectors cheatsheet & details
CSS selectors cheatsheet & details
CSS
selector
Stay tuned