Jan Harold Diaz

As a honest proof of my capabilities as a multifacated designer, I curated some of my best works that I've done for the last few years.

Web Design, UI/UX and Front-end Development Projects

Live Website

Rumarocket

Employer: Rumarocket

Position: Interaction Designer

Rumarocket Dashboard for Talent Managers

Assessment Results Page for Talent Managers

Talent Profile Page

Partial UI: Assessment Builder - Creating Questions

Partial UI: Assessment Builder - Importing Templates

Thank You Page

404 Page

About the Project

Rumarocket is a talent management platform built both for companies and individuals.

Basically, It's a tool to hire smarter by using data and assessments if an individual fits your company or not.

Achievements

Summary of Contribution

Interaction Design
Information Architecture
Front-end Development
Graphic Design / Illustrations

Design Thought and Process

Since Rumarocket is a start-up, we started everything from scratch. The first thing that we did as a team is to determine the MVP which is the talent assessments. Basically, we have to build a platform for both company talent managers or HRs and for the individuals and candidates who will take the assessments.

After that I designed a user flow with the team, created wireframe studies and then implement it by jumping straight to front-end development. Agile bro! :p

Other Information

I was involved with Rumarocket for 10 months of design and front-end development from April 2014 - February 2015.

Rumarocket platform is still under development.

Live HTML Demo

Radio Republic

Employer: Brewed Concepts

Position: Senior Web Designer

Homepage Design Study

Partial UI: Navigation Drop-down

About the Project

Radio Republic is a blog that focuses in featuring Filipino musicians and promoting the local music scene.

Summary of Contribution

Interaction Design
Information Architecture
Web and Graphic Design
Front-end Development

Design Thought and Process

One of the things included on the design brief is that Radio Republic is targeting a young audience. This is the reason I decided to add flairs of colors and heavy typography to keep them engaged with the content.

One of the fun thing about this project is the modularity of its grid where you can create multiple layout combinations without having to worry if it'll break.

Since the planned design relies mostly in good photos. I created this design study directly into code.

Other Information

The project started promising but eventually the client dropped it and decided to go for a traditional 2-column blog layout.

JiffyQuery

Product Design Idea

Homepage Design Study

Partial UI: Anatomy of a JiffyQuery post

Partial UI: Post Question Form

Partial UI: Notification

Partial UI: Sign-up / Login Form

About the Project

JiffyQuery is a tool to get faster feedback by making yes or no questions.

The idea was similar to existing query / forum sites such Yahoo Answers, Quora, Stackoverflow etc. Similar but simplified. Simplified in the sense that if a user just want to know if a product or a service is good or not, they will only have to see the yes or no votes.

The goal of JiffyQuery is to enable users and probably companies to get faster feedback by posting a simple yes or no surveys.

Design Thought and Process

One of the challenges that I saw when I was conceptualizing the user interface and user experience of this product is user traction. This is probably the same problem that other query / forum site has. How can we create engagement within the site if they only want answers for their queries? How can we make them stay and come back?

One of the probable solution of this problem is gamification. Ranking and badges for starters. Users can gain points to bump their rank by participating within the community.

Another probable solution is to limit the number of posts they can do everyday(1-2). And since users will gain points by participating, they can also use those points to be able to post more questions by demand. By doing this, they will probably be obliged to participate just to gain points.

Another critical challenge is how to force the users to create yes and no questions. The solution that I was able to think of is first, limit the question to 100 characters (so that It's also ready for twitter) and have a fix set of beginning questions such as 'Am I', 'Should I', 'Do you' etc.

The design as you can see consists and relies on colors. I decided to do this to enhance visual sorting for users in the long run. Since queries have different categories such as food, gaming even decisions.

Wireframed almost everything on paper then created a few photoshop mock-ups then jump to front-end development.

Other Information

I wasn't able to find a partner developer that will commit to develop this which is the reason I wasn't able to launch it. I conceived the idea around late 2012 and stopped around October 2013. After a few months of incubation, I realized that I still have to simplify it and that it can pivot to a more specific tool specifically for business.

Smaller Projects

A collection of sites that I was able to work on.

PortfolioMNL

Homepage

Partial UI: Slide-out Login/Sign-up Panel

oShopr

Homepage Design Study

Registration Form

oShopr

Another product idea that should've taken local e-commerce platform sites head on.

Concept

This was way back 2011-2012 and I was very much frustrated on how unusable and ugly the existing platforms are. So I tried building my own but due to the limitations such as lack of partner that will develop the platform with and not being able to focus on it. It remained as a half-cooked concept.

The plan is to get only the established and trustworthy sellers first. To be able to do this, we will develop oShopr as an easy to use, ecommerce platform with beautiful themes. There's been a lot of planning but failed on execution.

Skills used

Web Design
Graphic Design and Illustrations
Front-end Development
Entrepreneurial Mindset

Lightserve

Homepage

Subpage: Benefits and Features

Subpage: Sign-up Form

CliqNShip

Prima Server Solutions

Homepage

Partial UI: Build-your-own Server

Holicow - Holistic Coalition

Homepage

Zero Detect

Design Study [1]

Design Study [2]

Design Study [3]

contact me!

Hello, I'm Jan! I'm a multifaceted designer passionately inclined to interaction and product design with an entrepreneur mindset.

skillset, experience and design process

Design Thinking

Design Implementation

Other Surprises (I really hope so.)

Portfolio

Web Design, UI/UX and Front-end Development Projects

Rumarocket

Radio Republic

JiffyQuery

Smaller Projects

PortfolioMNL

oShopr

Lightserve

CliqNShip

Prima Server Solutions

Holicow - Holistic Coalition

Zero Detect