Hi!

Welcome to my portfolio

Thanks for visiting! :)
Image of So-Mi saying 'Hello!'

About Me

I'm a front end developer with formal education in UX/UI design. I have a keen interest in pursuing and developing interfaces and code that's beautiful. I am a firm believer that ensuring the quality of both of these technical and visual elements of a project will result in a happier team, happier customers, and an awesome product overall.

Aside from my work, I enjoy hanging out with my friends and experiencing the world, whether that is crushing a van with a tank, crocheting tiny cute things, creating stained glass art, or carving gothic letters into wood. I find that there is so much interesting stuff in the world and I am always looking for ways to learn new things. :)

Projects

AnswerHub

AnswerHub is a question & answer platform maintained by Devada. I was one of 2 front end engineers on the team with other developers, DevOps/QA engineers, product owners, and customer support. While I spent time fixing many UI related bugs, I also developed new features, which all went through a full Software Development Life Cycle. This meant that I would gather the requirements, plan out the technical plan, code, create a test plan, write the tests to validate the quality of the feature. I've also initiated and led a significant effort in making AnswerHub more accessible. This was done through training the company on accessibility, analyzing the code, advising others how to fix the violations, and addressing the violations directly.

  • Role on Team: Front End Engineer
  • Technology used: FTL, LESS, jQuery, Git, gradle, Java, Testim, Selenium
Screenshot of an AnswerHub Instance's Homepage
- - -

Dzone.com

DZone.com is an online resource that features many user generated articles about various development and engineering topics. As a front-end engineer employed at Devada, the company who owns DZone.com, I fixed bugs and implemented new features that facilitated a better user experience as well as increased ad exposure.

  • Role on Team: Front End Engineer
  • Technology used: FTL, LESS, jQuery, Angular (1.x), Git, gradle, Groovy, Java
Screenshot from dzone.com
- - -

spectrum.com

One of Spectrum's initiatives was to implement a redesigned look of their common pages for their residential customers. These pages were internet, home phone, TV, Latino Plans, and, their newest page, mobile. Our team designed and developed the new components so that the authors could go ahead and add the content. We also focused on ensuring ADA compliance as much as we can.

  • Role on Team: Senior Front End Developer
  • Project Duration: 4 months
  • Size of Team: 8 (3 devs)
  • Technology used: HTL, LESS, JS, jQuery, XML, Git, Bitbucket, gradle, Agile, AEM
Screenshot from spectrum.com/cable-tv
- - -

business.spectrum.com

One of Spectrum's other initiatives was to implement a redesigned look of their common pages for their business customers. These pages were home page, internet, phone, TV, Bars and Restaurants, and other smaller pages, such as about us. Our team was developed the new components based on pre-approved designs from the client. We also focused on ensuring ADA compliance as much as we can.

  • Role on Team: Senior Front End Developer
  • Project Duration: 2 months
  • Size of Team: 5-11
  • Technology used: HTL, LESS, JS, jQuery, XML, Git, Bitbucket, gradle, Agile, AEM
Screenshot from business.spectrum.com
- - -

cgma.org & aicpa.org

Before serious work was put into the redesign effort, a smaller engagement with CGMA and AICPA to implement the new header and footer was created ahead of the effort. I was expected to architect the groundwork for the next phase while developing the pre-approved designs into the live site.

  • Role on Team: Senior Front End Developer
  • Size of Team: 2 (1 dev)
  • Technology used: JSP, LESS, JS, jQuery, XML, Git, Gitlab, Agile, AEM
Screenshot from aicpa.org Screenshot from cgma.org
- - -

fm-magazine.com

Financial Management Magazine was a micro-site project which required an entire suite of talent to be employed (e.g. design, business analyst, project manager, etc.). When it seemed as though the project wasn't going to be completed in time, I was pulled into assist the team and work together with the existing Front-End Developer to ensure the delivery.

  • Role on Team: Front End Developer
  • Size of Team: 8 (4 dev)
  • Technology used: HTL, SASS, grunt, JS, jQuery, XML, Git, Gitlab, maven, Agile, AEM
Screenshot from fm-magazine.com
- - -

trendfoward.com

TrendForward was a micro-site project with TrendMicro that focused on highlighting the start-ups supported by TrendMicro. During 2 very intense months, I acted as the developer, architect, scrum master, and point of contact for the client in order to construct the site from scratch.

  • Role on Team: Senior Front End Developer
  • Project Duration: 2 months
  • Size of Team: 4 (2 dev)
  • Technology used: HTL, SASS, grunt, JS, jQuery, XML, Git, Stash, maven, Agile, AEM
Screenshot from trendforward.com
- - -

icidigital.com

To prepare for the Adobe Summit that is held every year in March, iCiDIGITAL began an internal project to revamp their website so that it wouldn't look so outdated. Fully utilizing the various resources the company had, the site underwent a complete redo except for the fundamental decision to use Wordpress. I was pulled in to ensure that the project finished before the folks went to promote our company. After the Summit, I stayed on the team to implement new features and bug fixes.

  • Role on Team: Front End Developer
  • Project Duration: 3 months
  • Size of Team: 5 (2 dev)
  • Technology used: PHP, SASS, grunt, JS, jQuery, Git, GitLab, gradle, Kanban, Wordpress
Screenshot from icidigital.com
- - -

FoodLion

FoodLion retained a handful of developers from iCiDIGITAL for months to implement priority items. When I was placed on the project, the features I ended up working on was the Recipe portal, My Wallet/Shop & Earn system, and Login.

  • Role on Team: Front End Developer
  • Project Duration: 3 months
  • Size of Team: 4 (2 dev)
  • Technology used: JSP, HTL, SASS, LESS, grunt, JS, jQuery, Handlebars.js, Gigya, XML, Git, gradle, Agile, AEM
Screenshot from FoodLion's recipe portal
- - -

k12.com

Our team worked with K12 to update certain features to meet accessibility requirements (e.g. School Finder) as well as to develop new individual school sites (e.g. mn.insightschools.com). I worked as the front end developer to create new components and match the style to individual school's styleguide.

  • Role on Team: Front End Developer
  • Size of Team: 7 (3 dev)
  • Technology used: JSP, LESS, JS, jQuery, XML, Git, Gitlab, gradle, Agile, AEM
Screenshot from K12's School Finder
- - -

Masters Project

For my masters project, I created an experimental augmented reality conmic that explored the possibility of combining augmented reality technology and comics to impact the reception of the story. You can read the thesis paper. The actual page is down currently since it was hosted on the college's server.
Screenshot from the Masters Project comic

Side Projects

Blog Posts

Accessibility on the web is very important and personal for me. While I am not the primary recipient of poor accessibility, I go through every day encountering issues and frustrations as I help my blind husband navigate the internet. In a world where technology is so crucial as it is today, it's truly amazing how many simple, mundane tasks (like paying bills!) are unavailable to folks with a disability.

I channel these irritations and observations into blog posts. My goal is to both raise awareness of these problems and also give some tangible (and sometimes technical) ways that people can consider and implement more accessible content. Here's a list of the blog posts:

Note: Since these blog posts are technically owned by my previous employer, some of the words may have changed or additional content may have been added from what it was originally.

- - -

Stained Glass Project

Dungeon Fighter Online, a free MMORPG I like to play occasionally, had a fanart contest to celebrate their newest class - Female Priest. I've decided that I would take the opportunity to learn how to make stained glass art. Starting from zero knowledge, I used an array of online videos, consulted local expertise, and endured hours of learning from failures to create the artwork shown. It was a real fun experience, and I think the end result looks decent enough. Here's the full work-in-progress story, if you'd like to take a look.
Picture of the Stained Glass art
- - -

Papercraft

One of the things I do to relax is to make papercraft. They're essentially paper models that print out flat and through cuts, folds, and a bit gluing, they transform into a physical 3D model. Sometimes I work off of an existing model (e.g. the Caterpie from paperpokes), and sometimes I create my own model and them into a viable papercraft project using Pepakura.
Picture of papercraft Caterpie Picture of an original papercraft project
- - -

Work2Play Lab

I worked with the Work2Play lab at Georgia Tech to create rivrjam, an application that allows abroad parents to connect to teachers back at home using an interactive voice response system. Here's the the dissertation paper written by director of the lab.

Like or Hate what you see? Talk to Me!

Feel free to email me directly at somi@somiyoon.com. I'll try to get back to you as soon as I am able!

Oh. Before I forget. Here's a copy of my resume to take home. Or if a github repo is more your speed, there it is. :)