Ayşenur Onaran

Web Developer / Designer

I'm a designer who codes—or a developer who designs.

I design and build digital solutions that bridge creativity and functionality. I love creating interfaces that look good and work seamlessly.

I work as a Digital Designer at Elevate Health Technologies, using Webflow to build responsive websites. At the same time, I do freelance development with React, Tailwind, JavaScript, and HTML/CSS—creating custom solutions for clients across different industries.

I discovered my passion for coding when I built an interactive ROI calculator from scratch using HTML, CSS, and JavaScript, integrated with Webflow and HubSpot. That experience pushed me to learn React and Tailwind, and now I’m focused on adding interactivity, motion, and AI features to my work.

I’m always looking for ways to push my skills further. As a generalist, I thrive in ambiguous, "wicked" problems where conventional approaches fall short. My architecture training gives me spatial and systems thinking. My design background ensures I never sacrifice usability for functionality. My coding skills let me prototype ideas quickly.

Outside of work, you’ll find me biking, hiking, or photographing pelicans. 𓅡

Website Projects

ElevateHT

ElevateHT.com  

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.

Webflow
Webflow Optimize
HubSpot
JavaScript
Figma
Adobe CC
GA4
Google Tag Manager
employment leaders website

EmploymentLeaders.com 

I designed and developed a responsive, modern website for Employment Leaders, a professional recruitment company. The project was built using HTML, CSS, and vanilla JavaScript. Achieved a 100 SEO score measured by Google Lighthouse, ensuring excellent discoverability, accessibility, and performance.

HTML & CSS
JavaScript
Figma
ioTHOR

ioTHOR.com  

I built ioTHOR using HTML, CSS, and minimal JavaScript, ensuring a structured and responsive layout. I've made styling adjustments to refine the look and improve usability across different screen sizes. This project strengthened my front-end development skills, especially in building responsive web pages.

HTML & CSS
JavaScript

Web App Projects

yes chef

Yess, Chef!  

Yess, Chef! is a recipe recommendation app that helps users create delicious meals based on the ingredients they have on hand. Built with React, and Vite, the app leverages Anthropic’s Claude API to generate creative, step-by-step recipes in real-time. Its sleek and minimalistic design offers a smooth, user-friendly experience for anyone looking to make the most of their pantry.

HTML & CSS
JavaScript
React
Vite
Anthropic’s Claude API
wallet

Wallet App  

I designed and developed a Wallet App to quickly access card information when autofill fails. Built with HTML, Tailwind CSS, and JavaScript, this is a front-end-only project that does not store any data locally for security reasons. The app features real-time input formatting, an intuitive interface, and a seamless experience for copying card details when needed.

HTML & CSS
JavaScript
Tailwind CSS
meal-tracker

Daily Cat Meal Tracker  

I designed and developed a Cat Meal Tracker to effortlessly manage and monitor my pet's feeding schedule. Built with HTML, CSS, and JavaScript, this front-end project stores data locally to update meal counts on-screen in real time, with local storage being cleared each night to keep tracking fresh. As a pet owner myself, I crafted an intuitive interface that seamlessly fits into daily pet care routines.

HTML & CSS
JavaScript
Chrome Local Storage

Experience

2022 - Present

Elevate Health Technologies

Visual Designer / Web Developer

Website Design & Development: Designed and developed the company website using Webflow, integrating custom HTML, CSS, and JavaScript for tailored functionality and visual effects.

Integration & Tracking: Connected the website with HubSpot for lead generation. Implemented Google Analytics 4 (GA4) and Google Tag Manager to track user behavior and gather actionable insights.

A/B Testing & Optimization: Conducted A/B testing to evaluate design and content effectiveness, using data-driven decisions to continuously enhance website performance and user engagement.

Marketing Design: Created marketing assets, including landing pages, brochures, and digital campaigns, to effectively communicate product value.

Brand Identity Design: Developed a cohesive brand identity that reflects the company’s values and vision. This included crafting logo designs, color palettes, typography, and overall visual guidelines to ensure consistency across all platforms.

Collaboration & Strategy: Worked closely with cross-functional teams to align website and marketing efforts with overall business goals.

Webflow
HubSpot
Adobe CC
Figma
JavaScript
HTML & CSS
Google Analytics 4
Google Tag Manager
Semrush
Hotjar

Education

Dec 2024 - Present

Scrimba

Frontend Development Course

2019 - 2022

Middle East Technical University

Master of Architecture

2014 - 2019

Izmir University of Economics

Bachelor of Architecture