Scroll Down or
...or Nick, or Nicolas Toporcov like my wife does when she's mad. I am a designer & developer.
I've been a Graphic Designer for a newspaper and a freelance Graphic Designer, Web Designer and Developer for a few companies. Currently, I am a Front-End Designer and Developer for GleanView, a Sales and Marketing software based in Jacksonville, FL.
I also own Lunic Visuals with my wife. We provide professional Photography and Videography services for Weddings, Events and Companies in Florida.
I was born in São Paulo, Brazil in 1992. 20 years later, I started working for this company that helps students go to college here in the United States.
One college I was always in contact with was the University of North Florida, and once while talking to one of the international students admission officer from UNF, they told me I could come study here on a scholarship. So I did and I graduated in 2016 with a BS in Communication.
August 2017 – NowFront End Designer and Marketing Designer/Developer
GleanView is where I started learning about web development and product design from scratch. I’ve been responsible for the entire website and landing pages design and development, all google display ads design, company blog design and setup in wordpress and more recently product design for the software itself.
January 2017 – NowCo-Owner
Lunic is a company I started with my wife to offer Photography and Videography. We’ve been doing mostly engagement photoshoots and wedding photography and videography. I also designed and developed our website in wordpress.
February 2016 – July 2017Graphic Designer
The Jacksonville Business Journal was my first full-time employment where I was responsible for design. I was responsible for designing, placing and managing ads being sold for the weekly newspaper as well as the annual Book of Lists. While working at the JBJ I learned a lot about Design in itself, specially how to deal with deadlines and handling super short notices.
Learning React had been on my list for a while already, so when I came up with this idea of a website where I would be able to find out where to watch things,
it seemed perfect for React. It's a one page app, running after page load, so no PHP, with tons of AJAX calls to external APIs.
The website uses 4 different APIs and matches some data between them to show search results for records (movies or shows), then when the user clicks a record, I request that record's IMDB ID, then with that I request other APIs for links to that record and for netflix availability.
Click Here to check it out.
ArtRepublic, a local art organization of Jacksonville chose me to redesign their entire website. They really wanted a fluid experience between artists' videos with parallax effects. I created the website using Bootstrap, JQuery, Animate.css and Jarallax JS libary for parallax effects.
Since the website has lots of video, I had to plan several forms of optimization to keep loading times low. The bulk of the optimizations is having different videos for mobile and for desktop experiences. The videos for mobile were re-exported in lower resolutions with a little more compression and lower bitrate. I, then, used PHP to identify the browser agent to load the appropriate videos.
Click Here to check it out.
For a couple years in college I was the president of the International Students Association. Whenever we held an event, we would have a sign-in sheet that every atendee needed to write their name on. After the event I would need to type all of the names into a spreadsheet.
So I created a web app that allows users to setup their own Sign-In form for event guests. The app also has an admin mode that can be password protected. The admin mode shows the number of registrations and a table with every registration recorded. It also allows users to download a CSV of all registrations.
The app stores all information locally, which means it works without any internet connection after the page is loaded.
Click Here to try it.
When I was a kid, programming was something that my father did by typing text into a black screen. 20 years later I found out that he was working in some sort of unix terminal. Now that I know a little bit more
about using terminal and servers at least, I had this idea of setting up a terminal-like page as an interactive resume. You can use it right here.
Just click on it and you can start playing with it :D
ShutterDock is a project I created for other fellow photographers. I know a lot of photographers who still use Google
Drive or Dropbox to deliver photos to clients and while that is completely fine for some clients, some times you may want a nicer-looking page
to deliver your photos.
That's where ShutterDock comes in. ShutterDock creates a page and a link with photos from your Google Drive, and soon Dropbox, to send to clients. All photos are still stored in the service the user selects to use (Google Drive or Dropbox). All the website does is use the list of photos you selected to populate the client page based on a JSON file created server-side for each link.
Click Here to try it.
I was never too happy with delivering photos to Lunic's clients by just sending them a Google Drive link, so I took on a task to create my own delivery system from scratch.
The first thing I needed to plan for this project was its minimum requirements so that it would make sense to spend time developing it. This new system needed to be as easy to use and update as Google Drive, it needed to look better than Google Drive, and needed to be as secure as Google Drive.
1. Sends Password entered to handler file by an HTTP POST request
2. Handler file checks if password exists, and if it does, it returns that photoshoot's directory
3. If password page receives a directory from handler file, it then sends such directory to delivery.php which uses it to populate the entire page with the right photos, sections and files.The bulk of the process is done by using a few glob and each functions.
The delivery file traverses the directory received and fills the screen based on it. All I do is just organize the directory the following way and upload it to the server.
When I started working at GleanView, the only branding asset they really had in place was the logo, and even then there were two versions of logos being used. So one of the first things I took upon myself to do at GleanView was to get a more stable branding guideline established.
So the first phase of the project was to get the basics done. I chose the specific green and specific blue that would compose our primary colors. I also went ahead an established the company's primary action button color, an orange which I borrowed from inside the app.
For phase two I decided to create a mascot for GleanView, which turned out as what was dubbed GleanBot. It's the little guy on the left here, and it's now widely used across GleanView's Website
ArtRepublic has been a somewhat constant client of mine and this was the biggest project I did with them. If you are not familiar with their work, they are a non profit that brings in international artists to paint murals and hold art exhibitions in Jacksonville, FL.
They came to me with this project with the goal of having an overarching portfolio showcasing the murals, events and art exhibits they held in 2016 and 2017. The goal was to have it look close to a magazine but more luxurious.