Hi,
I'm Tatyana,

web and UX designer

down arrow
scroll!

welcome to my creative space

About Me:
Tatyana Chalik

Graduation photo of Tatyana Chalik

I am a web designer who loves to create. I graduated UCLA in 2020 with a B.S. in Electrical Engineering (Go Bruins!). After working in research and development for a year as an electronics test engineer, I decided to explore my passions and career options. I fell in love with coding and design and have sharpened these skills as a Web Designer at Fletcher Jones and as a freelancer. I’m excited to bring my knowlege and experiences to the table when creating designs and applications.

I love learning and trying new things. I have enjoyed expanding my knowledge in health and fitness, spirituality, self growth, literature, and of course web development and UX design. Check out my UX Design Portfolio here! I have learned so much already and I am excited to keep growing and learning!

I would love to work for a creative company and build meaningful applications that contribute to my passions and the world as a whole. I want to make a difference with my creations.

Projects

Please click on the "learn more" button to read more about each project. To access the project itself, click the "LIVE" icon to see it in action and the Github icon to see the project files.

service icon
Toyota Service Page

WordPress, HTML, CSS, JavaScript

Redesigned Toyota Carson's service page. Created interactive pop-up blocks on hover with JavaScript. Chose layout and photos.

bolt icon
EQS vs Tesla Page

WordPress, HTML, CSS, JavaScript

Created a new page comparing the Mercedes-EQ and Tesla models for Fletcher Jones Motorcars. Designed the layout and chose content and photos. Created a visual comparison of features with green bars using JavaScript.

portfolio icon
UX Design Portfolio

3 Case Studies

A portfolio website created and designed in Wix. Gives an overview of the design projects I worked on and my design style and vision.

scoreboard icon
React Scoreboard

React JS, HTML, CSS

Scoreboard to keep track of players, their scores, and the winner(s). Contains a built-in stopwatch and the ability to remove and add players.

game console icon
Phrase Guessing Game

HTML, CSS, JavaScript

Players have 5 lives to guess a phrase by choosing letters. Layout made with Flexbox.

web app icon
Web App Dashboard

HTML, CSS, JavaScript

An interactive dashboard built with SVG graphics, Flexbox, and CSS grid. Includes tables, charts, and other user interface components that promote usability. Uses local storage to save settings information.

employee directory icon
Employee Directory

HTML, CSS, JavaScript, API

An interactive employee directory that communicates with a third-party API to gather employee information. Made with Flexbox and CSS grid.

Other Projects

photo icon
Photo Gallery

HTML, CSS, JavaScript

An interactive and searchable image gallery made with CSS grid layout.

paint icon
Style Guide

HTML, CSS, Sass

A guide made with Sass that acts as a custom style set. Can be dropped into projects to speed up styling and layout.

registration form icon
Registration Form

HTML, CSS

A responsive, mobile-first registration form using Flexbox and a variety of HTML form elements. Form creates error messages when required fields are not filled out.

layout icon
Responsive Layout

HTML, CSS

A mobile-first web page using Flexbox and responsive design with a layout that adjusts to fit multiple screen sizes: mobile phones, tablets, and desktop displays.

Contact Me

Let's get in touch!