Jenniina: Visual Design in Helsinki

I am Jenniina, a visual designer with a Bachelor's degree in graphic design based in Helsinki, with an emphasis on accessible and responsive design.

Jenniina Laine

About Me

Switch language:

Light/Dark mode:
Jenniina Laine
Laine

Hello! My name is Jenniina Laine. I am a bilingual freelance visual designer with a Bachelor’s degree in graphic design, who recently graduated from Metropolia UAS. My specialization was in web design, with a final project focused on accessibility in WordPress. My goal is to gain well-rounded proficiency in all aspects of digital design, with an emphasis on accessible and responsive design.

You may commission me for website design, small animations and print materials such as posters for small businesses and organizations. I’m based in Helsinki, Finland, but feel comfortable working remotely. I currently have room for more freelance work, so see what I can do for you and contact me to have your design needs met.

You may also have a chat with my Chat-GPT assistant:

Note! Unfortunately they do not remember question history at all.

Education

2022

Bachelor of Culture and Arts, Degree Programme in Media

Helsinki Metropolia University of Applied Sciences

Besides graphic design, I learned a lot about UI/UX development, service design and marketing, as well as about animation and editing video with After Effects. Even though I officially studied graphic design, it was so much more than the title suggests!

2016

Further Qualification in Audiovisual Communication, Specialist Qualification in Audiovisual Web Communication

Jyväskylä Institute of Adult Education

Here I got to dive into web development a little more, but it wasn’t quite enough to satisfy my curiosity!

2008

Vocational Upper Secondary Qualification in Audiovisual Communication

Jyväskylä Vocational Institute

Where it all started!

Recent Courses

Introduction to Java Programming (3 cr) 21.5.2024 (Metropolia UAS)

Software Design and Software Development Project Management (40 cr) 23.2.2024 (partial of the vocational qualification in information and communications technology degree in Omnia)

Artificial intelligence with Python (3 cr) 11.08.2023 (Metropolia UAS)

PHP-programming (Finnish, 3 cr) 07.08.2023 (Laurea UAS)

Python-programming (Finnish, 3 cr) 07.08.2023 (Laurea UAS)

Microsoft Azure Fundamentals (3 cr) 04.08.2023 (Metropolia UAS)

React.JS Fundamentals (3 cr) 26.07.2023 (Metropolia UAS)

Javascript (5 cr) 23.07.2023 (Metropolia UAS)

NodeJS (3 cr) H 22.07.2023 (Metropolia UAS)

SQL and Relation Databases (3 cr) 20.07.2023 (Metropolia UAS)

Unofficial course completions

Fullstack Open, parts 1-11 (11 cr) Spring 2023 (Helsinki Open University)


Programs

I use most often

VS Code

Comfortable

Illustrator

Comfortable

Photoshop

Comfortable

Adobe XD & Figma

Basic

After Effects

Intermediate

InDesign

Basic

Acrobat

Basic

Web Tech

I’ve worked with

HTML

Comfortable

CSS

Comfortable

JavaScript

Intermediate

React

Basic+

Typescript

Basic

PHP

Basic

SQL
&
NoSQL

Basic

Python

Beginner+

Pricing

to start with

Design and implementation of WordPress pages starting from 500€ + VAT 24%: includes a design meeting with the client and three drafts, design of the website’s appearance, technical implementation, publication, and user training. The price is influenced by the number of pages and technical requirements, and the production or translation of image and text content is not included in the basic package.

Updates or modifications to websites: 20€/hour for WordPress or React & Node-based websites.

Translation work for websites (English and Finnish): €20/hour.

Posters’ and flyers’ design starting from 300€ + VAT 24%: includes a design meeting with the client and three drafts.

Also inquire about other product options.

This Site

This site is my portfolio, a work in progress and an experiment on how malleable the WordPress theme Michelle is. I’m loving WordPress 6 so far. At the moment, I’ve mostly displayed only client work, but I might add some personal projects later on. Let me know if you find any bugs!

You may switch between light and dark themes or change the language to Finnish at the top of the page. The plugin that I used occasionally drops translations, so if you happen to be reading the Finnish version, let me know if some parts are missing translations! In order to get to the top of the page easily, there are intermittent Back to top of the page-buttons to get you back to the top of the page when needed. Besides the individual pages for my web page projects and the cookie policy, everything on this site is situated on this one page. Likewise, any external links are appended by an arrow.

Latest Edits

  • 10 February 2024 # Added a new Hero section elements’ style to the React.js front page and quiz page
  • 2 February 2024 # Generalized my React.JS drag-and-drop app
  • 2 February 2024 # Fixed non-loading jokes issue at React.JS jokes app
  • 1 February, 2024 # Made a portfolio page for Hannastiina hair salon.
  • January 2024 # Made a preliminary site for Hannastiina hair salon. Github repository
  • December 2023 # Made a Jokes app for my React.JS site, translated the entire site to Finnish as well, and edited user login
  • October 2023 # Made a Quiz app for my React.JS site.
  • 21 August 2023 # Added a Chat-GPT assistant using my data, hosted on Azure as a web app.
  • 3 August 2023 # Also re-deployed the Node.js Book List App through Azure as a static app, using a custom domain, as Render.com was too slow for my liking.
  • 2 August 2023 # Re-deployed the React.JS app through Azure as a static app, using a custom domain.
More...

Services

Hire me for visual design work, whether it be for a website, poster or small animation:

Web Design

Websites from start to finish

Tools
  • Adobe XD
  • Figma
  • WordPress
  • VS Code
  • Browsersync
  • Local by Flywheel
  • MAMP
  • WAVE
  • NVDA screen reader
  • Screaming Frog SEO Spider
  • Autoprefixer CSS
  • Vanilla JavaScript
  • TypeScript
  • React.JS
  • Vite
  • Python
graphic design

Graphic Design

Posters, flyers, logo design, and more

Tools
  • Adobe Illustrator
  • Adobe Photoshop
  • Adobe InDesign
  • PowerPoint
  • Microsoft Word
  • Pen and paper

Motion Graphics

Video editing and animations

Tools
  • Adobe After Effects
  • Adobe Animate
Fennecs illustration with Illustrator by Jenniina
Fennecs illustration with Illustrator. Try tapping the bubbles

Portfolio

Expand the categories to see more

Web Design

Web Design

Websites from start to finish

Some examples:

Parturi Kampaamo Hannastiina

React and Node.js

A site for a hair salon

Hannastiina web site landing

Orchestra Website

A WordPress site for an amateur orchestra Jyväskylän Salonkiorkesteri

Screenshot of website Jyväskylän Salonkiorkesteri

React Website

A sub-site showcasing my React Apps

Try interacting with the Hero section decorations!

React Apps About Page Title

Metal 2022 Conference

A bigger project for the National Museum of Finland

Website of the 10th interim meeting of the ICOM-CC Metals Working Group

mockups of Metal 2022 on desktop and mobile

Kannelkeskus

The website of a housing cooperative

Kannelkeskus website on desktop and mobile

Sirkku Niemelä

The website of a child and youth psychologist

Mockup of Sirkku Niemelä site on desktop and mobile

This Site

Some words on the making of this site

jenniina.fi site menu desktop view

Other web-based projects

Chat-GPT Assistant

Chat-GPT assistant using my data. Deployed using gradio and Azure web apps

Screenshot of chat-GPT assistant

Interactive JavaScript Snippets

A TypeScript project

Screenshot bubbles fennecs

A Pong Clone

A TypeScript project

pong-splash-screen

Random Dog Generator

Made with JavaScript

sheltie-pomeranian Rylie

Draggable blobs

Made with TypeScript

blob art made with the draggable blob game
screenshot of the blob dragger
Graphic Design

Graphic Design

I enjoy making posters, program leaflets, tickets, web banners, all the things that go into making an event visible. 

Conference Materials

For the Metal 2022 Conference

Concert Posters and Materials

I have a long history of collaborating with amateur orchestras and choirs

My biggest clients of late have been the orchestras Jyväskylän Salonkiorkesteri (JSO) and Jyväskylän Puhallinorkesteri (JPO), amateur orchestras that can play music of all styles.

Below you may see some examples of the variety of styles I use in my designs, drawn in Adobe Illustrator.

Movie Music Concert Series

Perhaps my most consistent series

JSO and JPO collaborated in making one big orchestra, in order to perform familiar tunes from famous movies. I took iconic elements from these movies and incorporated them into eye-catching posters and banners.

Motion Graphics

Motion Graphics

Splash Screen for Conference

A basic splash screen made for the Metal 2022 Conference live stream with After Effects.

Metal 2022 Conference Splash Screen

Animating text and photos

Chose music, and animated photo assets and text to create a short trailer for the opera House of the Rising Sun.

The House of the Rising Sun Opera Trailer

Animating text and assets

Instructional video on urban runoff for HSY. Most assets not drawn by me, simply animated, apart from the intro. I created the music from a collection of loops. I would have timed the video differently had I known there would be a voice-over added later on!

Informational video about Urban Runoff for HSY

Playful logo animation

Animated with After Effects: trim paths, alpha matte, puppet pins.

Playful Logo Animation

Credits video

A video for Jyväskylän Salonkiorkesteri and Jyväskylän Puhallinorkesteri, inspired by the intro sequence of the 90’s movie Total Recall. Part of the Movie Music 3 concert at Yläkaupungin Yö.

Details

Made with After Effects. I had null layers to move each group of objects and to control different properties in unison, such as fade-in and fade-out, blur, levels, drop shadow and tint. Text is softened by first blurring the text and then crushing the alpha levels to bring it back into focus.

Jyväskylän Salonkiorkesteri and Jyväskylän Puhallinorkesteri at Yläkaupungin Yö 2022

Animating with particles

I used After Effects’ Particle World effect to create a smoke effect, with slider controls and wiggle expressions for the particle birth rate, velocity and the producer’s position.

From the Godfather, Speak Softly love, performed by Jyväskylän Salonkiorkesteri and Jyväskylän Puhallinorkesteri

Lower Third Templates

Simple template tests made for fun. May be used in Premiere Pro through the Essential Graphics Panel. All colors, text and sizes are editable.

Lower Third Templates

Got a job for me?