![hanko_website](https://www.joonasluotonen.com/wp-content/uploads/2020/06/hanko_website.jpg)
Visithanko.fi website design
Hanko is the southernmost city of Finland, surrounded by beaches and a popular holiday destination.
We were tasked to design a new website that would play on Hanko’s strengths: the beaches, the sun, and the sea. Hanko also hosts a wide array of events during the summer months.
The new website offers various ways to explore content and find information. All paths eventually lead to “product” pages where the user can find the location and contact information of a beach, a restaurant, a monument, or another attraction.
The color palette is warm and sunny and the type choice echoes the past.
The project was done together with Aivan design agency.
Illustrator: Maria Sann
Web developer: Lasse Arola
The color palette is warm and sunny and the type choice echoes the past.
Deliverables
- Concept design
- Visual design
- Content planning
![hanko_laptop-front](https://www.joonasluotonen.com/wp-content/uploads/2020/06/hanko_laptop-front.jpg)
![Screenshot 2020-06-09 at 11.01.31](https://www.joonasluotonen.com/wp-content/uploads/2020/06/Screenshot-2020-06-09-at-11.01.31.png)
![Screenshot 2020-06-09 at 11.02.08](https://www.joonasluotonen.com/wp-content/uploads/2020/06/Screenshot-2020-06-09-at-11.02.08.png)
More WORK
![Central Park Skiers visual storytelling](https://www.joonasluotonen.com/wp-content/uploads/2023/09/cps_cycling_blog-510x382.jpg)
![Ratia X Piknik People](https://www.joonasluotonen.com/wp-content/uploads/2021/10/ratiaxpp_featured-510x382.jpg)
![Kuvistuubi website](https://www.joonasluotonen.com/wp-content/uploads/2021/10/kuvistuubi_featured-510x382.jpg)
![Piknik People book](https://www.joonasluotonen.com/wp-content/uploads/2021/10/piknikpeoplebook_featured-510x382.jpg)
![Aula visual identity](https://www.joonasluotonen.com/wp-content/uploads/2021/10/aula_featured-510x382.jpg)
![pROJECT SKETCHBOOK](https://www.joonasluotonen.com/wp-content/uploads/2021/09/PPPSB_sq6-1024x1024-1-510x382.jpg)
![Siivoustakki branding](https://www.joonasluotonen.com/wp-content/uploads/2020/09/vimma_featured.jpg)
![Visit Hanko website](https://www.joonasluotonen.com/wp-content/uploads/2020/06/hanko_thumb.jpg)
![City of Helsinki](https://www.joonasluotonen.com/wp-content/uploads/2019/07/hel_featured2.jpg)
![Espa Stage](https://www.joonasluotonen.com/wp-content/uploads/2019/07/espa_featured3.jpg)
![Naeco](https://www.joonasluotonen.com/wp-content/uploads/2019/07/naeco_featured.jpg)
![UI design showcase](https://www.joonasluotonen.com/wp-content/uploads/2018/04/UI_featured.jpg)
![Corlears Book Fair](https://www.joonasluotonen.com/wp-content/uploads/2017/12/bookfair_featured.jpg)
![Central Park Skiers](https://www.joonasluotonen.com/wp-content/uploads/2017/12/cps_featured.jpg)
![Illustration Showcase](https://www.joonasluotonen.com/wp-content/uploads/2017/04/ILLUSTRATION_featured.jpg)
![Strömfors Outdoor](https://www.joonasluotonen.com/wp-content/uploads/2016/08/stromfors_featured.jpg)
![Bolero/BNP Paribas](https://www.joonasluotonen.com/wp-content/uploads/2016/08/bolero_featured.jpg)
![3H+K Magazine](https://www.joonasluotonen.com/wp-content/uploads/2016/08/3hk_featured.jpg)
![Life Science Center](https://www.joonasluotonen.com/wp-content/uploads/2016/08/lsck_featured.jpg)
![PJ Badminton school](https://www.joonasluotonen.com/wp-content/uploads/2016/08/sulkis_featured.jpg)
![Marketvisio Branding](https://www.joonasluotonen.com/wp-content/uploads/2016/07/mv_featured2.jpg)
![Marketvisio Campaign](https://www.joonasluotonen.com/wp-content/uploads/2016/07/mv_featured.jpg)
![Energo](https://www.joonasluotonen.com/wp-content/uploads/2016/07/energo_featured.jpg)
![Convergex Blueprint](https://www.joonasluotonen.com/wp-content/uploads/2016/07/blueprint_featured.jpg)
![Convergex Website](https://www.joonasluotonen.com/wp-content/uploads/2016/07/convergex_featured.jpg)
![Tyrninen](https://www.joonasluotonen.com/wp-content/uploads/2016/07/tyrninen_featured2.jpg)
![SUUNTO MOVESENSE](https://www.joonasluotonen.com/wp-content/uploads/2023/09/movesense_logo_red-510x382.jpg)
![Gate 8](https://www.joonasluotonen.com/wp-content/uploads/2016/07/gate8_featured.jpg)