Mockup_PortfolioCover.jpg

FullCalendar.io | UI Design

FullCalendar, the most popular full-sized JavaScript calendar, is celebrating 10 years with a brand new user interface design.

 

FullCalendar.io | UI Design

FullCalendar, the most popular full-sized JavaScript calendar, is celebrating 10 years with a brand new user interface design and a revamped logo. See fullcalendar.io live.

Services: UI Design, Logo Design


project brief: Re-design the website with a clean and minimal design that is developer-friendly with a playful personality

Initial UX Wireframe

Initial UX Wireframe

Final UI Design

Final UI Design


The Process: Round 1

I provided three distinct art directions for the UI design:

Design Exploration

Design Exploration


The Process: Round 2

We moved forward with Option A because of its white space and distinctive design hierarchy. I then created color variations began to finalize design elements like buttons, links, active/hover states, etc.

Color variations and active/hover states

Color variations and active/hover states


The Process: Round 3

I also re-vamped the company logo to match the new site design

Logo exploration

Logo exploration

Final logo design and mocked in new UI

Final logo design and mocked in new UI

 
Final UI design with new logo

Final UI design with new logo