Ultimate 75th

Awards — Honorable Mention Awwwards
Context — School project (HETIC, Paris)
Project — Dataviz using Marvel’s API
Role — UX Designer
Year — 2014

Ultimate 75th is a student project realized during an «intensive week» at HETIC. By group of five, we had to realize in four days a website, using the Marvel API. This year, Marvel turned 75, so we offer to fans the occasion to discover marvel across 75 years of data.

[unex_ce_button id="content_qomsrgh4s,column_content_2rbpk2k5z" button_text_color="#d82930" button_font="semibold" button_font_size="17px" button_width="auto" button_alignment="left" button_text_spacing="2px" button_bg_color="#ffffff" button_padding="15px 60px 15px 60px" button_border_width="1px" button_border_color="#d82930" button_border_radius="0px" button_text_hover_color="#ffffff" button_text_spacing_hover="2px" button_bg_hover_color="#d82930" button_border_hover_color="#d82930" button_link="http://ultimate75th.com/" button_link_type="url" button_link_target="_blank" has_container="" in_column="1"]View website[/ce_button]
ultimate_75th_1ultimate_75th_1

Choose the year

To discover Marvel’s history, you have to select a date. Year by year travel across series, comics, and favorite heroes. For each year, you canhave all informations about the serie and heroes (appear in this serie) produced.

ultimate_75th_2ultimate_75th_2

Everything about series

Take a series from 2000 (registered in Marvel API) and learn how many comics, heroes appear, his lifetime and more.

ultimate_75th_3ultimate_75th_3

And finally, everything about heroes

Take a hero from all (registered in Marvel API) and learn all about him : height, weight, description, skills. Thanks to all these informations, you will be able to see who is the fastest, smartest ...

[unex_ce_button id="content_1e77oozvk,column_content_pb0z6iuod" button_text_color="#ffffff" button_font="bold" button_font_size="24px" button_width="auto" button_alignment="center" button_text_spacing="0.5px" button_bg_color="#0c0c0d" button_padding="5px 60px 5px 60px" button_border_width="0px" button_border_color="#000000" button_border_radius="0px" button_text_hover_color="#d82930" button_text_spacing_hover="0.5px" button_bg_hover_color="#000000" button_border_hover_color="#000000" button_link="http://centismenant.fr/" button_link_type="url" button_link_target="_blank" has_container="" in_column="1"]Centis Menant[/ce_button]
[unex_ce_button id="content_1e77oozvk,column_content_oevuivg7f" button_text_color="#ffffff" button_font="bold" button_font_size="24px" button_width="auto" button_alignment="center" button_text_spacing="0.5px" button_bg_color="#0c0c0d" button_padding="5px 60px 5px 60px" button_border_width="0px" button_border_color="#000000" button_border_radius="0px" button_text_hover_color="#d82930" button_text_spacing_hover="0.5px" button_bg_hover_color="#000000" button_border_hover_color="#000000" button_link="http://www.tristanfarneau.com/" button_link_type="url" button_link_target="_blank" has_container="" in_column="1"]Tristan Farneau[/ce_button]

UX DESIGNER DATA

[unex_ce_button id="content_1e77oozvk,column_content_jqjcig4fr" button_text_color="#ffffff" button_font="bold" button_font_size="24px" button_width="auto" button_alignment="center" button_text_spacing="0.5px" button_bg_color="#0c0c0d" button_padding="5px 60px 5px 60px" button_border_width="0px" button_border_color="#000000" button_border_radius="0px" button_text_hover_color="#d82930" button_text_spacing_hover="0.5px" button_bg_hover_color="#000000" button_border_hover_color="#000000" button_link="http://meghanregior.com/" button_link_type="url" button_link_target="_blank" has_container="" in_column="1"]Meghan Regior[/ce_button]
[unex_ce_button id="content_1e77oozvk,column_content_m20nfj4rw" button_text_color="#ffffff" button_font="bold" button_font_size="24px" button_width="auto" button_alignment="center" button_text_spacing="0.5px" button_bg_color="#0c0c0d" button_padding="5px 60px 5px 60px" button_border_width="0px" button_border_color="#000000" button_border_radius="0px" button_text_hover_color="#d82930" button_text_spacing_hover="0.5px" button_bg_hover_color="#000000" button_border_hover_color="#000000" button_link="https://www.linkedin.com/in/joannadenis8" button_link_type="url" button_link_target="_blank" has_container="" in_column="1"]Joanna Denis[/ce_button]

NEXT PROJECT

[unex_ce_button id="content_hs5hzaevz" button_text_color="#81d742" button_font="semibold" button_font_size="60px" button_width="auto" button_alignment="center" button_text_spacing="1px" button_bg_color="#fffffff" button_padding="30px 60px px 60px" button_border_width="0px" button_border_color="#000000" button_border_radius="0px" button_text_hover_color="#81d742" button_text_spacing_hover="2px" button_bg_hover_color="#ffffff" button_border_hover_color="#fffff" button_link="http://elisevanstaevel.com/work/trice/" button_link_type="url" button_link_target="_self" has_container="1" in_column=""]Trice[/ce_button]