Vannes Green Capitale

📒 3rd year

💡 Designing of a homepage

✨ UI Design, Graphism, Branding

🕗 3 months

🤝 Team work

Imagine if Vannes, France is participating for the title of Green Capitale? We worked to highlight that Vannes is an accessible, green, ethical and responsible city thanks to an airy and green mini-website for a city that leaves room for its maritime dimension, to show the attractiveness of its interface in the image of the city it embodies, and to make it ease of use.

I limit micro-interactions (hover, etc.)

I have a green host

I minimize the code

I only present what is necessary

I optimize visuals and Lazy Loads

I respect accessibility standards

background

text & logo

content

👀 Thanks to the plugin Figma 'CONTRAST', we checked if the buttons and the text were visually accessible according to the RGAA standards.

Cy
Adobe Font

A B C D E F G H I J K L M O P Q R S T U V W X Y Z a b c d e f g h i j k l m n o p q r s t u v w x y z 0 1 2 3 4 5 6 7 8 9

👉 We chose a typography with character for the logo and titles

Hanken Grotesk
Google font

A B C D E F G H I J K L M O P Q R S T U V W X Y Z a b c d e f g h i j k l m n o p q r s t u v w x y z 0 1 2 3 4 5 6 7 8 9

👉 We chose a legible typography for common texts

What do we want to represent?

Our intention was to craft a lettering-based logo that would elegantly incorporate both its environmentally conscious aspect and its cultural heritage. We generated several logo alternatives before ultimately deciding on the final version.

Our final version is ...

The "stickers"

The stickers make it possible to classify the content and highlight certain aspects of Vannes.

Seaside city

Green city

Cultural city

👀 We have chosen to make a site that contains NO photographs, in order to reduce its impact on the planet. Thus we have produced a range of illustrations to accompany each content.