Skip to content

AntonioRedondo/aegee-london.eu

Repository files navigation

AEGEE-London website

Repository for the AEGEE-London website.

Table of Contents

  1. Introduction
  2. Highly optimised website
  3. AEGEE-London leaflet
    1. Fonts
    2. Precedents
    3. Why the leaflet is in Photoshop format and not Illustrator?

Introduction

The website is vanilla JavaScript, HTML and CSS bundled with Gulp. It doesn't use any toolset or front-end framework like jQuery, Angular or React. It's served statically from GitHub Pages, hosting service with no costs. We don't make use of any CMS. No WordPress, Wix or similar. The docs folder is the final distributable page that is delivered when visiting aegee-london.eu. GitHub Pages allows to use your own custom domain. We pay ~10€ a year for the aegee-london.eu domain on GoDaddy.

If you're the IT responsible for your antenna, you like our website and you'd like to use it, feel free to fork the repo, make the necessary changes and republish the website for your own antenna. It would be the best honour for Tony, the responsible for our site. Please remember to leave the footer with the link to the original repo and the link to Tony's GitHub.

Highly optimised website

The website is optimised to load ultrafast. It follows the best performance, accessibility and rest of web practices. It gets the below Lighthouse score. You can check it yourself! Just open the Dev Tools on Chrome, click the Audits tab and generate a new report.

AEGEE-London leaflet

I have also designed an A4 double-sided leaflet that introduces AEGEE-London as a local antenna and explains what the organisation offers at European level. The leaflet is ready to be downloaded and customised for the needs of any other AEGEE antenna. The design shallowly follows the guidelines set on the AEGEE’s Visual Identity. However I decided to take some liberties and simplify the number of colours (only yellow, white and blue) and design elements on the final art. The leaflets closely aligns with the AEGEE-London website design.

Download the PSD file here.

Fonts

The leaflet uses 3 different fonts. All available from Google Fonts. Bebas Neue is the well-known font used for titles in AEGEE. The font recommended from AEGEE for small texts is Open Sans. But I prefer to use Source Sans Pro since it's very similar but it has better low level adjustments. Finally Roboto Slab is used for some lines among the leaflet. It’s a serif font not mentioned in the Visual Identity. But the other two fonts are sans serif and to my mind some sort of cold feeling it’s conveyed if no serif font is used.

Precedents

AEGEE-Europe also offers a leaflet (scroll down the page to see it) to help to promote the organisation. However in my opinion this leaflet contains too much text, too much unused white space, text looks cluttered and it contains no pictures (apart from the blue ones used as background). There was a big margin for improvement and that’s why I created the new design.

Why the leaflet is in Photoshop format and not Illustrator?

I don't have Illustrator experience. However this doesn't suppose a problem. The dimensions of the image are 3508x2480, which means that for an A4 sheet the density is 300dp. If you're worried that when exporting the leaflet to PDF text won't be selectable because it will be an image instead, I'll say that's the wrong approach. The leaflet is only meant to be distributed in printed format. If you want to promote your antenna in digital format you should create a website and share the link, not making available the leaflet in PDF format.

About

Website for the student organisation AEGEE-London

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published