Hi, I'm Ayşenur

Web Developer & Designer
This website is open source. Designed in Figma, built with Next.js and Tailwind CSS, deployed with Vercel.
Selected Works 👇🏻

Cubtale - Brand Partnership Landing Page
I designed and developed this landing page in React and Tailwind CSS, using Framer Motion for subtle but engaging animations. Every layout and interaction decision was made with conversion in mind—clear hierarchy, focused CTAs, and a cohesive look that aligns with the brand’s identity.

React

Tailwind CSS

Framer Motion

HubSpot

GA4

Google Tag Manager

Netlify

ElevateHT - B2B SaaS Website
I designed and developed ElevateHT’s website in Webflow, successfully transitioning it from WordPress. The site now consists of 50+ pages, where I manage architecture, workflows, and user experience to ensure a seamless and cohesive design. I integrate HubSpot for forms and email automation and implement custom JavaScript whenever advanced functionality is required.

JavaScript

Webflow

HubSpot

GA4

Google Tag Manager

Employment Leaders - B2B Recruitment Company Website
A static website for a recruitment agency, built with vanilla HTML, CSS, and JavaScript. The design focuses on clear messaging and easy navigation, using structured sections and contrasting accents to highlight key services. Deployed via Netlify, the site delivers a responsive experience across all devices while maintaining accessibility standards. No fluff—just what the company offers and how to reach them.

HTML

CSS

JavaScript

Netlify
Playground 👩🏻💻
These projects were developed during my learning journey and for personal use. Feel free to explore, use, or adapt any that interest you. You can find even more on my GitHub.
Feedback is always welcome! 👉🏻 contact@aysenuronaran.com
An app that generates recipes based on given ingredients.
Yess, Chef!, a recipe suggestion app that uses Claude AI to help users decide what to cook based on the ingredients they have at home. I built the front end with React and handled API communication through a serverless function on Netlify. This project helped me explore working with AI integrations and managing environment variables in a serverless setup.

React

CSS

Netlify

Claude AI
A Chrome extension that loads a dashboard on every new tab.
A custom Chrome extension where each time I open a new tab, I'm greeted by a serene whale photograph fetched via the Unsplash API, along with live updates for the current weather, exchange rates, and time. The goal of this project was to explore API integration, Chrome extension architecture, and local development workflows.

HTML

CSS

JavaScript

Netlify
REST APIs
Watchlist app but you can only keep 10 films on the list at a time.
A lightweight JavaScript app that uses the TMDb REST API to let users search for movies, preview posters, and build a personalized watchlist (up to 10 movies). The app leverages local storage to persist data and allows users to manage their list by removing watched titles. Built entirely with vanilla JavaScript and DOM manipulation for a seamless client-side experience.

HTML

CSS

JavaScript

Netlify
REST APIs
Browser APIs (Local Storage)
Cat meal tracker app that logs food type and amount with timestamp.
Cat Meal Tracker is a simple front-end application to help pet owners track their cat’s daily dry and wet food portions. It features interactive controls, real-time updates, and local storage to preserve data throughout the day, resetting automatically each night for a fresh start. Designed for personal use with my own pet, the app offers a clean and intuitive interface that makes meal tracking effortless.

HTML

CSS

JavaScript

Netlify
Browser APIs (Local Storage)

About me
Architect turned developer, crafting digital experiences with curiosity, care, and a systems mindset—always learning along the way.
I have both bachelor's and master's degrees in architecture, but I found my true calling in the digital world. For three years, I worked at Elevate Health Technologies as a digital designer and web developer.
Along the way, I've taught myself frontend development and started taking on freelance projects building websites for clients. I see myself as a generalist. My background in architecture gives me a different way to look at digital problems.
At Elevate, I designed and developed the company website using Webflow while integrating custom JavaScript for enhanced functionality. I connected the site with HubSpot for lead generation and implemented GA4 and Google Tag Manager to gather actionable insights. My work extended to conducting A/B testing to optimize user engagement and creating marketing assets that effectively communicate product value.
When I face a challenge, my philosophy is simple: "I'll figure it out." And so far, I always have. I don't believe in putting myself in one box. I learn quickly and adapt to new situations. Each project teaches me something new that I can use in the next one.
Outside of work, I enjoy biking through city streets, trying new recipes in the kitchen, hiking whenever I can get out of town, and taking photos of pelicans (yes, specifically pelicans). Simple joys that fuel good work.
Skills 🚲

React

Tailwind CSS

Framer Motion

Git

GitHub

HTML

CSS

JavaScript

TypeScript

Webflow

Figma

Adobe CC

HubSpot

GA4

Google Tag Manager

Netlify

Claude AI
REST APIs
Browser APIs (Local Storage)