About Me:
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.
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.
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.
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.
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.
Phrase Guessing Game
HTML, CSS, JavaScript
Players have 5 lives to guess a phrase by choosing letters. Layout made with Flexbox.
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
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 Gallery
HTML, CSS, JavaScript
An interactive and searchable image gallery made with CSS grid layout.
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
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.
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.