Curricoolum

Creating a CV (curriculum vitae) is a pain: Curricoolum aims to make CV generation easy, effortless and fun.

Curricoolum's team was a particularly brilliant one, determined to build a revolutionary CV generator. When I got the job there already was a first UI draft, but the team was looking for a full reboot of the app's interface and branding.

The challenge with Curricoolum's UI was designing a captivating experience for something the majority of internet users hates: filling forms :)

Year: 2012 / Category: Human Resources, Recruiting, Social Recruiting
Services: Product logo, Web App UI

Logo Design & identity

Curricoolum Logo
Curricoolum logo, final version
Curricoolum Logo concepts and iterations
Design process: logo concepts & iterations

Curricoolum's logo design process consisted of 5 main stages, each comprised of 2/3 proposals.

The first explorations revolved around the idea of the document itself, the curriculum vitae as the app's output; then I tried to visualize the concept of "smart and efficient tool for job search" (hence the suitcase iconography).

Ultimately, this last idea was chosen as the right one, and was refined until ready in its current form with the addition of wings, to designate a fast and powerful CV creation experience.

Curricoolum rejected logos
Rejected logos

Colors & typography

  • #575a5d
  • #bbbdbf
  • #005abb
  • #0096db
  • Font selection: Helvetica Neue
  • Font Selection: Droid Sans

Back to table of contents ↑


UI Design & iconography

Create CV: 1st iteration
Create CV: 1st iteration

Curricoolum's UI went through 10+ iterations, with the first version — a "dark theme" layout — being the exact opposite of the current one: a white, clean and uncluttered visual style, with a bright blue as accent color.

Create CV: 2nd iteration
Create CV: 2nd iteration
Create CV: 3rd iteration
Create CV: 3rd iteration
Create CV: 4th iteration
Create CV: 4th iteration

▲ I designed form validation, tooltips and autocomplete in a way that could guide the user discreetly, while at the same time being recognized as a distinctive touch of Curricoolum's UI.

Create CV: 5th iteration
Create CV: 5th iteration
Create CV: 6th iteration
Create CV: 6th iteration
Create CV: 7th iteration
Create CV: 7th iteration

Forms, checkboxes, radio buttons, text fields, date pickers, sliders, tags, dropdowns, and every other input element were carefully crafted from scratch, without relying on any framework or pre-built UI components.

In general, UX Design was heavily informed by the reading of Luke Wroblensky's "Best practices for Form Design (PDF)".

Create CV: 8th iteration
Create CV: 8th iteration
Create CV: 9th iteration and final
Create CV: 9th iteration & final
Create CV - modal window
Create CV - modal window

▼ As usual, I designed every glyph needed in the app, in this case the ones used in the sidebar.

Web app icons
Web app icons

"The challenge with Curricoolum's UI was designing a captivating experience for something the majority of internet users hates: filling forms :)"


↑ Back to top!