Hi and welcome to my portfolio!
Please take a look at the projects I created below. Every link you go to will feature both designs and front-end development created by me unless otherwise noted.
Spectrum Nexus, created in 1998, focuses on Japanese anime. Spectrum Nexus was the first site I ever made, and has grown into something I'm proud to say is my own. All aspects of the website (design, content, server, SEO optimization, advertisements) are done by myself. It was my first website that I started as a hobby when I was 13 years old! The design was created in 2006 and has received little updates; early on creating websites I learned "content is king" and so I've been focused on adding new content throughout the years.
RentSFNow is one of San Francisco's premiere apartment renting companies. I joined for a small project to work with their in-house CMS and ended up staying longer to revamp their existing website. Built with Wordpress, their old site was a nightmare to work with. Every page had to be edited with the WYSIWYG Visual Composer plugin, and so seemingly small changes would take hours to do across multiple pages. I went in to replicate their site, but add a much better user experience for both end users as well as those editing the sites.
Within a year of working there, I worked with the marketing team to completely redesign the RentSFNow site. I also helped create their site into a robust real estate listing site that has hundreds of active listings and that helps generate over 40 leads a day. Prior to this, the website had little value and cofused users as you couldn't view apartments! Some of the on-going tasks have been maintaining new content, SEO to produce as much organic traffic as possible, and tracking paid leads through cookies that interact with our email forms.
Along with RentSFNow.com, the company has other sites that require just as much attention. Tasks include redesigning Veritas Investments and making Greentree Property Management have a much better user experience.
After the success of the Market Street Prototyping Festival website (mentioned below), the SF Planning Department brought me back the next year to work on an even larger more unique website. It was similar to the MSPF site in that it focused on art projects that took place in San Francisco, but rather than focus on just a few weeks a year, it would instead be a site that featured art projects that took place all year long.
I worked closely with the graphic designer in their company to bring this project to fruition. The designs were some of the most unique I've seen, in some cases more suitable for print rather than web. As the front-end developer, this was a challenge to simultaneously make the design come to life, but also make it as user friendly as possible (all while being fully responsive for all platforms). In addition to this, the majority of the content was going to be created by their marketing team, and so every step of the way I had to ensure the website was easily updateable. Their team was happy with the results and are using the website to showcase many new art projects taking place in San Francisco.
The Market Street Prototyping Festival is a yearly event in San Francisco that is very unique and shows off a number of street exhibits. I received this project from The Creative Group and it consisted of building out an entire functional and easily updated Wordpress site through (of all things) Adobe InDesign files. Definitely a first for me as most mock ups are in Photoshop format. This site made use of numerous plugins that I never worked with before and so each one presented a challenge as I needed to really customize them to cater to the vision. I made use of the latest Foundation CSS framework (and a blank Wordpress theme), numerous plugins (Master Slider, myEventON, Flickr Gallery, Like Buttons), and Advanced Custom Fields to make the admin side easy to work with depending on what Template the editor selected. It was one of the most advanced Wordpress sites I built out and I'm happy to make it come to life from just some InDesign files and PDFs. I passed along the site back to the company and the graphic designer there easily edited the site as they received new content and let me know how easy it was to work with.
My good friend started a podcast about star actors and celebrities lives whom were cut short. It's a very interesting topic and while the podcast is still young, I think the high quality of work really shows. I helped her make the website on Wordpress and my friend maintains it.
In 2015 I started getting more serious about tennis and quickly found a great group of tennis players near my new home on the coast. Since I was playing over 8 hours a week of free tennis, I wanted to give back by handling the website duties for this non-profit organization of 150+ members. I completely revamped their site with Wordpress and am handling their future newsletters with InDesign (in hopes to rid of the world of any future PDF created from Microsoft Word!) along with any other graphical/technical job they need done.
Was brought on board by the head of their marketing team to help maintain their website. Built on Wordpress, the website is a bit of a mess and difficult to maintain because of the previous developer. Talks of a redesign are still on-going and I look forward to helping with it to rid the world of impossible to update websites!
GroupTing was an ambitious project whose goal was to transform the way we setup events. We felt we could improve Evite by creating features that users didn't think they needed since they never were offered them. I started out simply to fix some of their html/css code, and right away saw they needed much more help than that. There was no designer in the group, and as talented as the developers were, without a front-end UI, the product would cease to become a product. I brought my design skills to help mold and create their vision.
Unfortunately life got in the way of this project; being a small company (essentially 3 people) we had 2 of the developers start their families and had children. The fully functioning website is now down, so I only have screenshots of the designs I worked on. All of the designs shown I also coded but cannot show here (we used AngularJS and I chose Foundation CSS as my CSS framework).
I joined Loto Labs as the VP of Technology and worked as a jack of all trades including everything from the logo, website, copy, print, ads, to the fundraising campaign. The goal for Loto Labs was to create the world's first induction vaporizer. We used Indiegogo as our crowdfunding platform and I helped propel it with all marketing copy and a professional design that helped get the public excited for our product.
We successfully raised over $225,000, over 300% more than our asking of $70,000, along with more from private funding. With my goal of a successful crowdfunding campaign complete, my heart wasn't into it as vaporizers and that industry isn't something I'm passionate about, so I stepped away with the company in great shape.
Working with The Creative Group, I worked with this non-profit organization, Beyond 12, to build their site from Photoshop files to a full functional Wordpress site that their team could update and manage. The scope of the project sounded simple at first: get mockups and put them into Wordpress. To my surprise, they did not have Wordpress or a server that could handle Wordpress! The previous company doing their website seemingly went out of their way to delay the project by making a static website, which really shocked me how some designers can take zero pride in their work.
The project suddenly became larger but I was up for the task. I worked with them in finding a new reliable host that specialized in Wordpress, and from there worked some magic on their small budget to get a full website up. Thankfully there was a lot more design work than just front-end development as a lot of the mockups they wanted my take on it.
One of my friends started professionally casting a popular video game, Nintendo's Smash Bros Melee. I've been a fan of gaming streams (like those found on Twitch.tv) so I helped SD Melee TV by producing graphics for it and I will be in charge of creating the website for it soon. Right now the events SD Melee TV holds are small but they are quickly gaining traction and they've begun casting larger tournaments with hundreds of participants and thousands of viewers!
My friends Stanley and Sarah asked me to do their wedding website which I happily accepted. They didn't have many ideas for the site so I threw a few designs together for them only for them to reject them all (life of a designer I suppose!) I sat with them at their apartment and they helped me design the site over my shoulder.
I did front end development contract work for Threefoldphotos to help them launch their product. Their product, Smile by Webshots, is a sophisticated photo service that combines users' photos from various sources (offline, Facebook, Instagram, etc) all into one easy to view/manage/share place.
Their environment consisted of Rails, and I would primarily work in HTML5/CSS as well as the stricter HAML/SASS equivalent. They made use of Github revision control system that also incorporates issues/tickets into one service. From there I would work with marketing and engineers to resolve bugs ranging from cross browser issues of their application, to getting the pages pixel perfect on their corporate site.
All of the example links are working HTML pages. They were intended to be viewed fullscreen and will look best if opened in a new tab.