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.