RUBEN ESQUIVEL'S

Project Title (Editable)

For this UI / UX design I used Adobe XD to create the wireframe, ui design, and setting up the prototype.

Project Title (Editable)

For this website, I wanted to use my design skills along with web development skills to make this website really pop. So I took a photo that was taken of me of my nephew at a recent vacation to Yellow Stone and added some photo retouching along with photo manipulation and created the graphics for the "Portfolio" to this photo. Once this was done I then used the final image for the web design. Once the web design was done then I converted the .psd to this website. I honestly believe knowing design with web development is the perfect combination to create beautiful websites.

Project Title (Editable)

First I designed this HTML email with Photoshop and then converted the psd to an HTML email with tables only. If needed for a job position feel free to ask me for the psd file and I can send the file. HTML emails are pretty easy especially if you already built websites with html and css the only difference is using tables and inline styling (putting the css inside the html).

Project Title (Editable)

I designed this landing page for desktop and mobile using Photoshop. Once the web design was completed I then converted the psd to pixel perfect website with just html / css and bootstrap 4. Feel free to email me if you want see the full design layout for desktop and mobile.

Project Title (Editable)

I created this website to get some freelance projects to work on every now and then. I first designed this website with photoshop and then I converted the psd into a website with html, Sass, Bootstrap, and a little of javascript.

Personally I think it is a good idea for all developers to do some freelance because it teaches you other important skills outside of coding such as marketing, deisgn, project management, and dealing with customers.

Project Title (Editable)

This is a dog website I created for one of my customers. To be honest to save time I purchased a html / css website template from a market place to save time. I updated the image on the header and updated the icons and images. I also updated the code to make sure everything is mobile responsive.

Project Title (Editable)

For this website I used a Woocommerce theme to sell photo booth templates. Before updating the theme I created the web deisgn layout first Photoshop. Then I updated the theme with custom graphics I created and uploaded the products I created.

I designed the logo, header, buttons, and products in photoshop. I also created a custom email sign up form in html css where I give away 5 free templates to collect emails.

Project Title (Editable)

I designed these web banners for a car dealership company. All I was given for this assignment was a png photo of the car and a word document for the text needed on the design.

Project Title (Editable)

This is a dog website I created for one of my customers. To be honest to save time I purchased a html / css website template from a market place to save time. I updated the image on the header and updated the icons and images. I also updated the code to make sure everything is mobile responsive.

Project Title (Editable)

This is a dog website I created for one of my customers. To be honest to save time I purchased a html / css website template from a market place to save time. I updated the image on the header and updated the icons and images. I also updated the code to make sure everything is mobile responsive.

Project Title (Editable)

This is a dog website I created for one of my customers. To be honest to save time I purchased a html / css website template from a market place to save time. I updated the image on the header and updated the icons and images. I also updated the code to make sure everything is mobile responsive.

Project Title (Editable)

This is a dog website I created for one of my customers. To be honest to save time I purchased a html / css website template from a market place to save time. I updated the image on the header and updated the icons and images. I also updated the code to make sure everything is mobile responsive.

Event Trackit – SaaS Web App

Event Trackit is a SaaS platform I designed and built for event professionals. I led the UI/UX design and collaborated with developers to launch the live product. The platform combines tools for contracts, invoices, booking, payments, and galleries—helping small businesses save time and stay organized. I am also creating dedicated sales pages for each niche to increase conversions:

Homepage | Photo Booth Owners | Free Templates Promo

Culinaire

Event Trackit Commercial