James Lin
james.lin.andrew@gmail.com

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.

Active & Most Recent Projects

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.

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.

In 2018, the company wanted to rebrand and consolidate their 3 products into just one. They hired an outside agency only to do the development, only to find many outside agencies just do the bare minimum and don't produce a product worth calling your own. I stepped in and recoded the entire project and worked with a back-end developer to get Salesforce integrated into the new Wordpress site.

Bumblee Ceramics is a small business shop that creates beautiful custom ceramics for families (such as a child's handprint, a dog paw print). The website was created on Wordpress and Woocommerce as the e-commerce platform. It was fun working to create a solution for all the customization options that are available on each product. The website is receiving many custom orders a month now and I look forward to helping it grow.

Visit Bumblebee Ceramics
  • Active since 3/2018

FreshVent had a very good product, an affordable protection sleeve to stop all types of things from getting into your vents. It was something I never thought about and after taking a peek at my own vents, I found all types of dead bugs, dust, dirt, and more in there! It wasn't what I wanted to see when air is blowing past all of that and then into my house. I helped design and develop this Wordpress Woocommerce site. It's a simple site that passes all the necessary information and gives you one purchase option.

Visit FreshVent Filters
  • Active since 7/2018

Save The Date Party Rentals is based in the East Bay and is looking to become a factor anytime someone is looking to rent party supplies like tables, chairs, etc. The website is based on Wordpress and Woocommerce, except with a twist in that people can view the exact items they want to purchase, but because of the intricacies of rentals, they would place their order through email to request a quote. The company is still young and I will work to make their website is a major factor in their success.

Visit Save The Date Party Rentals
  • Active since 5/2018

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.

Visit Site
  • 1/2017 - 7/2017

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.

Visit Site
  • 1/2016 - 3/2016

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.

Visit Site
  • Active since 2/2017

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.

Visit Site
  • Active since 10/2015

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.

Visit Site
  • Active since 1998
  • Received over 5.5 billion hits
  • Users have spent equivalent to 4000+ years on the site

Completed Projects

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!

Visit Site
  • 6/2016 - 1/2018

GroupTing

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).

  • 1/2014 - 8/2015
  • Mobile-Only Mockups:
    Ver 1 | 2 | 3
  • Responsive Mockups:
    Ver 1 | 2 | 3b | 3c | 4a
  • Responsive Design Chosen:
    Part 1 | 2 | 3 | 4

Loto Labs

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.

Delta Dental needed some help with a splash page for a portal they were releasing. What made this project unique to me was I had to revisit my old roots as a web designer and make everything work reasonably well for IE8. The page looks simple but it had to be responsive for every browser/mobile, and feature an accordion menu or drop down menu depending on the size of it. On top of all that, no Javascript should be used, so it was fun to find a CSS-only accordion solution that worked if people clicked back on their browser. This project also made me appreciate how good modern browsers are and suffice to say I could do without ever needing to find IE8 hacks again!

Visit Page Incentive Page
  • 12/2015 - 1/2016

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.

Visit Site
  • 8/2015 - 11/2015

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.

Visit Site

Threefoldphotos · Smile by Webshots

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.