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

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
Case study: web design focused on interaction.
Case study: web design focused on interaction.
web
interaction
UX/UI
The story of editorial design for book ²/₂: The Art of Toy Story 4
The story of editorial design for book ²/₂: The Art of Toy Story 4
Print
Editorial
10th Korean films festival
10th Korean films festival
Print
Editorial
graphic
branding
book