Roy Julien - Front End Developer

Front-End

Design Engineer

Hello, I'm Julien Roy, a design engineer specializing in user experience, user interface and development with an eye for detail and optimization. Below are some projects I've completed.
Blizzard
Intranet Application
The Training History app provides Blizzard Entertainment a solution to track its employees training progress. Allowing all employees to view their and their direct reports' profile completed, enrolled, pending and declined courses.
STCSS
JavaScript Application
Style The Cascading Style Sheets is a Javascript app that allows users to paste HTML or write HTML rendering live indented CSS according to their DOM structure. It also has the capability to detect ID duplicates.
GEEKWiZ
Price comparison website
GEEKWiZ provides coupons and deals for electronic products. It offers price comparison throughout multiple stores with reviews and ratings.
Fishbook
Social Website
Fishbook is a mirror of Facebook as of 2012 made with simpler code and tricking users into thinking they are on Facebook.
Colorface
Mobile Application
ColorFace is a phone application that offers web designers and graphic artists the color palettes of popular websites.
Cosmos
Experimental Website
Cosmos is an experimental website designed to recreate a solar systems gravity, motion, light and shadows. The idea is to create art out of code, sit back and enjoy it like a moving painting.
AQL
E-Commerce Website
Affordable Quality Lighting is an e-commerce website based on Big-commerce that provides outdoor and indoor lighting for consumers.
ITS.SWISS
Designer Website
ITS.SWISS is a website designed to demonstrate the core principles of the 1950s Swiss movement, inform about the International Typographic Style and provide information about its pioneers.
EDUVG
Educational Website
EDUVG is a website that encourages parents have their children play educational video games and educates them about the benefits of gaming and why it is important to developing their children’s aptitudes.
Starshards
Adobe Illustration
Starshards is an illustration portrait of a character from World of Warcraft, an MMORPG game I’ve been playing since 2004.
Dark Voyage
Photoshop Matte Painting
Dark Voyage is a self portrait matte painting made in Photoshop.

Blizzard Entertainment

Concept
|
Design
|
UX/UI
|
Front-End
|
Back-End
|
App
|
Taught

"You knocked this app out of the park. I'm proud of you and what you were able to accomplish." - Nate Shapiro

Training History

The Training History app provides Blizzard Entertainment with an easy solution to track its employees training progress. It allows managers, supervisors and team members to view their profile as well as their direct reports' completed, enrolled, pending and declined courses.

Who are you?

The Training History app is an intra-net application that works with Windows and Active Directory making it automatic for employees to access their security level.

Worldwide

Blizzard has around 5,000 employees worldwide amongst which some regional managers have over 500+ employees in their direct reports. The Training History app has an auto-complete search as well as an aside recursive employee structure.

Data made simple

The Training History works with Blizzard Academy's API to give the user all the information he/she needs to know about an employee such as which courses were taken in which categories and when, how many hours were completed, total, year to date, and per course, which courses is the user enrolled in, pending, declined and completed.

Team player

Each team has to reach goals. The Training History app shows each team leader his teams total completed courses, total number of hours and year to date. Team leaders can also edit and add certifications.

Teaching

After completing the Training History app, I was in charge of creating web fundamentals courses and teach them to Blizzard Employees. Courses covered wire-framing, UX/UI, and learning HTML and CSS at an intermediate level. By the end of the course, students were required to have a working one page website from Blizzard, like Starcraft / Diablo 3.

Technologies Used

Platforms

ASP.NET
MVC4
Razor-Engine
Windows-Server
IIS7
Active-Directory

Languages

HTML5
CSS3
LESS
JavaScript
jQuery/UI
AJAX
JSON
C#
mySQL
Directives

Features

Direct-Reports
Auto-Complete
Caching
User-Detection
Tabulation
Certification
Expansion
Minification

Stcss

Concept
|
Design
|
Development

Launch Site

What is STCSS?

STCSS, or Style The Cascading Style Sheets, is a javascript application that allows users to paste HTML or write HTML rendering live indented CSS according to their DOM structure.

Time matters

STCSS was designed for the sole purpose to save coders time. Copy your inner HTML, load STCSS, paste your HTML and Voila!. CSS renders live.

Valid code

As a web developer, it is important to code properly. With one page scrolls being a popular trend, HTML pages can get quite long. Remembering which ID you've already used can be a hassle when having over 1000 lines. STCSS will detect duplicates and warn you.