KNIGHT HACKS 2020 | Rada Ursu

KNIGHT HACKS 2020 WEBSITE

BACK

Home Page

Sponsors Page

Schedule Page

About Page

UI DESIGN

Knight Hacks is a UCF student organization that offers the biggest Hackathons in Orlando every year.

As the Design Director of Knight Hacks, I directed the Creative Team to create the Knight Hacks Website in 2020, designed the UI/UX, and animated the entire website.

Check out the real website HERE!

On the left, you can see every page of the UI Design that I created for the Web Design team.

Softwares used: Adobe Illustrator, After Effects, and Photoshop.

Concept & Background Artist: Cristina Lancranjan

CLICK ON AN IMAGE TO OPEN THE GALLERY OR VIEW THE FULL IMAGE.

UX Home Page

UX About Page

UX About Page 2

UX Schedule Page

UX Schedule Page 2

UX Register Page

UX DESIGN

After a brainstorming session discussing the theme of the 2020 Knight Hacks Hackathon, I have sketched the website to show my vision of the project.

CLICK ON AN IMAGE TO OPEN THE GALLERY OR VIEW THE FULL IMAGE.

Background Animation

Character Animation

Loading Screen Mobile App

MOTION GRAPHICS

To make the website more dynamic, I animated the characters and backgrounds.

To minimize the loading screen time for our users, I exported the character animation to an SVG and separated the backgrounds into pieces for the web design team to animate through code. I gave the team an animation of the backgrounds for reference.

The third animation is a loading screen I created for the Knight Hacks 2020 mobile app.

CLICK ON AN IMAGE TO OPEN THE GALLERY OR VIEW THE FULL IMAGE.