crantend developer

Yourmeal

Emmi

EMMI

Theming of new sites and optimization of components, which are shared across multiple brands and countries - all united in one CMS solution.
Discover some of the websites: Emmi Group, Yourmeal, Caffee Latte, Kaltbach, Beleaf, Energy Milk

Yourmeal
Coffee
Emmi Group
Yourmeal product shot
Beleaf
Back to overview
Beyondgravity tunnel

Beyond Gravity

BEYOND GRAVITY

Implementation of new features and code quality assurance for RUAG's Beyond Gravity website.

Beyondgravity homepage
Beyondgravity mobile screens
Beyondgravity navigation
Beyondgravity satellites
Back to overview
DA Direct insurance tablet

DA Direkt

DA DIREKT

Completion of a broad range of tasks, from component development to detailed SEO, performance, and accessibility improvements for the website.

DA Direct insurance tablet
DA Direct insurance style guide
DA-Direct insurance mockups
Back to overview
list of cities that perfectly fit the criteria

Stay AI - Destination Finder

STAY

Whether you're looking for a change of scenery, a new adventure, or a place to call home, STAY is here to help you find your perfect destination.

list of cities that perfectly fit the criteria
details about San Diego
Back to overview

Docs

Documentation

Markdown

Nextra

2025

private

docs

DOCS

My documentation is available on docs.kaywild.ch.

docs
Back to overview

Financial Institution

Charts

Forms

HBS

SCSS

Tables

TS

UI

2025

client

nda

FINANCIAL INSTITUTION

Development of new, visually appealing UI components.

nda
Back to overview

Flow

Next.js

React

Shadcn

Tailwind

2025

private

flow

FLOW

Budget where your money goes.
Flow is built in Next.js and React.
Clean, fast, and easy to use. Check it out here: flow-budget.vercel.app

flow
Back to overview

Pension Fund

CSS

FTL

Magnolia

TS

Vue.js

2025

client

nda

PENSION FUND

Implementation of header, footer, table, graph, and additional UI components.

nda
Back to overview

Portfolio

GSAP

HTML

JS

SCSS

2024

private

Google Lighthouse 100 score

PORTFOLIO

UI, UX, performance, accessibility, and SEO improvements.

Google Lighthouse 100 score
Figma moodboard and wireframes
Back to overview

FC St. Gallen Ticketshop

CSS

HTML

JS

2024

client

FC St. Gallen ticket shop

FC ST. GALLEN TICKET­SHOP

Enhancing the user experience of the FCSG ticketshop.

FC St. Gallen ticket shop
Back to overview

Machine Learning

Google Colab

Kaggle

ML

NN

2024

private

datasplitting explanation

STUDYING MACHINE LEARNING

Building a knowledge base for machine learning and documenting the process.
Documentation and further links available on docs.kaywild.ch.

datasplitting explanation
probability graphs
ML definitions
Back to overview

FC St. Gallen Newsletter

Dynamics 365

CSS

HTML

2023

client

FC St. Gallen newsletter match preview

FC ST. GALLEN NEWS­LETTER

Creation of three newsletter templates for the Swiss soccer club, which are used on a weekly basis.

FC St. Gallen newsletter match preview
FC St. Gallen newsletter ligaphase
FC St. Gallen newsletter gameday
Back to overview

Investment Calculator

Angular

Auth

Firestore

CSS

HTML

TS

2023

private

interest calculator home

INVEST­MENT CAL­CU­LA­TOR

Interactive compound interest calculator, that can instantly display visual projections. Signed-in users are able to save entries and make additional configurations.
Try it out!

interest calculator home
interest calculator explanation
interest calculator graph
Back to overview

Portfolio (old)

HTML

JS

SCSS

2023

private

portfolio 2023 stage

PORTFOLIO (OLD)

Deployed my first portfolio for showcasing projects.

portfolio 2023 stage
portfolio 2023 project
Back to overview

Merkle Info-Screens

Animations

API

CI/CD

HBS

SCSS

TS

2023

thesis

weather screen

MERKLE INFO-SCREENS

Part of the ten day final thesis of becoming a application developer (VET), was the implementation and documentation of this unique, animated web application. It is displayed on a TV screen in the office and shows a fluid sequence of information with time- and day-dependent content.
The four types of screens make this application an enrichment.

Welcome: Greets with a message suitable for the time and day
Input: Reminds of hydration and provides other food for thought
Weather: Shows the live weather of the current and two other locations
Joke: Cheers up

weather screen
mockup screen mockup
joke screen
application shown in office
Good afternoon screen
Back to overview

Education. Merkle.

Animations

Theming

Cookies

CI/CD

GA

2022

internal

Education. Merkle. homepage

EDUCATION. MERKLE.

Addition of new features to education.merkleinc.ch, including a cookie banner, light-theme, GitLab CI/CD pipeline, and tracking using Google Analytics.

Education. Merkle. homepage
Education lightmode
Education mobile
Education project view
Back to overview

Connect

Angular

App

Ionic

iOS

2021

private

Connect app on mobile device

CONNECT

Concept of an employee management app that not only facilitates the efficient management of large employee rosters but also streamlines seamless networking and targeted exchange of expertise.
A prototype was implemented using the Angular Ionic framework.

Connect app on mobile device
Connect screens
Back to overview

Apparel Display

Auth

CRUD

CSS

HTML

PHP

2021

private

Apparel

APPAREL DISPLAY

A web application built with PHP for managing sneakers, including a secure login system and a user interface for editing sneaker entries.

Apparel
Back to overview

Education. Namics.

HBS

SCSS

TS

UI

2020

internal

Education homepage

EDUCATION. NAMICS.

Conceptualization, design, and implementation of an application from A to Z - in close collaboration with an interactive media designer. The end product is a website where young students can gain insight into the company’s vocational training.
The rebranded website is reachable under education.merkleinc.ch.

Education homepage
Back to overview

Blackjack

CSS

HTML

JS

2019

private

blackjack table

BLACKJACK

Implementation of the popular card game Blackjack, built using modern web technologies and algorithms to ensure a mathematically correct shuffling of the deck.

blackjack table
Back to overview

Snake

CSS

HTML

JS

2019

private

snake game

SNAKE

A 20x20 grid implementation of the well knwon 2D game, built using JavaScript.

snake game
snake game over screen
Back to overview

Calculator

CSS

HTML

JS

2018

private

calculator

CALCULATOR

Implementation of a modern and minimalistic calculator, using the keyboard for input.

calculator
Back to overview

A 21-year-old dedicated Frontend Engineer, based in Switzerland, known for his skill in crafting seamless user experiences and eagerness to learn.

Work Experience

Frontend EngineerMerkle DACH2023.08 - Present
Junior Application DeveloperMerkle DACH2021.07 - 2023.08
Junior Application DeveloperNamics2019.08 - 2021.07

Education/Certifications

Application DevelopmentEFZ (VET)
Frontend DevelopmentLinkedIn
A11y for Web DevelopersSiteimprove
Layout and CompositionLinkedIn
HTMLLinkedIn
CSSLinkedIn
TypeScriptLinkedIn
ReactCodecademy
React EssentialsLinkedIn
OOPLinkedIn
Drupal 9 DeveloperAcquia
Intermediate Machine LearningKaggle
AI - Neural NetworksLinkedIn
Intro to Machine LearningKaggle

Techstack

HTML/HBS

CSS/SCSS

JS/TS

UI/UX

Git

React

Node

Angular

Java

PHP

C#

Interests

chart