13.10.2017 Views

Joy Vuijk

Create successful ePaper yourself

Turn your PDF publications into a flip-book with our unique Google optimized e-Paper software.

<strong>Joy</strong> <strong>Vuijk</strong>


2<br />

I redesigned the homepage of intlfcstone.com to be user<br />

centric providing potential clients with information spanning<br />

business lines while conveying a feeling of quality and<br />

market expertise.<br />

The project was constrained by a small budget, limited<br />

time-frame, and platform restrictions. The design will be<br />

implemented over several phases to address the budgetary<br />

constraints, with the first being an update to the main<br />

section of the page. Full-screen imagery is incorporated<br />

for stronger impact while moving away from presenting<br />

content in a carousel - which have been proven to have little<br />

user interaction past the first slide. Additional phases will<br />

address updating the site header, footer, and interior page<br />

layouts.<br />

The redesign incorporates desktop, laptop, tablet, and<br />

mobile layouts based on responsive design, via the<br />

Bootstrap framework, ensuring the site renders beautifully<br />

on any device will optimizing content for fast delivery.<br />

VIEW MOCKUP


3


4<br />

intlfcstone.com - Before


intlfcstone.com - After<br />

5


6


7<br />

SPOC<br />

Structured Product Online Calculator (SPOC) is the OTC<br />

(Over the Counter) trade desk’s online tool for generating<br />

indication based on delayed board prices.<br />

The application is available in three version: for broker,<br />

customers, and the public and accessible via desktop,<br />

tablet, and mobile. Built using Angular 4 and Angular<br />

Material 2, it follows the principals of Google’s Material<br />

Design harnessing proven design strategies while allowing<br />

for rapid prototyping and development.<br />

The project went from conceptualization to production<br />

within a few short weeks. After the initial version launched,<br />

very successfully, additional phases were added to the<br />

project to accommodate extending the user base - adding<br />

the customer and public versions.<br />

Usability testing was done before and after each phase of<br />

the project along with incorporating robust analytics along<br />

with continued research via surveys.<br />

VIEW MOCKUP


8<br />

SPOC - Before


9<br />

SPOC - After


10<br />

Style Guides


11<br />

Whiteboards<br />

Whiteboards are used in conjunction with style guides and stickersheets of components and icons to enable rapid prototyping<br />

of high fidelity mock-ups.

Hooray! Your file is uploaded and ready to be published.

Saved successfully!

Ooh no, something went wrong!