Portfolio Jose Antonio Corachan

7/29/2019 Portfolio Jose Antonio Corachan

1/13

1 of 13

http://www.linkedin.com/in/jacorachan

Last updated: January 2013
http://www.linkedin.com/in/jacorachanhttp://www.linkedin.com/in/jacorachanhttp://www.linkedin.com/in/jacorachan


2/13

2 of 13

Office for Harmonization in the Internal Market (OHIM) 2010 - now

Client: Office for Harmonization in the Internal Market - OHIM (European Agency)

Mockup proposal September 2010

With respect of my position on the agency, I lead the front end process of three projects that will centralisethe information of the trademarks of different national offices.

As for 2010 my main roles were not just create a mockup with a new page structure for the early stages of thedevelopment of the application, but implement later a final and agreed design with valid HTML and CSS intothe SVN development repository.

Front end tecnologies: & Server tecnologies: Java development -


3/13

3 of 13

Final design. Live version as for September 2012

All front-end code & design has been created by me. After the design validation from the client, my roles wereimplementing the design into the development code, and ensure quality and browser compatibility until theproduction release:

http://oami.europa.eu/ec2/

Once live, my tasks included the maintenance and corrective fixes of the live application, and in the meantimestart working with two more projects, one admin tool, and another search interface with similar layout needs.

Another project where most of the HTML, CSS & Javascript code has been implemented by me, can be shownat this addres:

http://oami.europa.eu/sim/

http://oami.europa.eu/ec2/http://oami.europa.eu/ec2/http://oami.europa.eu/sim/http://oami.europa.eu/sim/http://oami.europa.eu/sim/http://oami.europa.eu/ec2/


4/13

4 of 13

TMclass rebranding. Development version January 2013

For the latest revision of the tool, I implemented a responsive design layout, and rewrite completely all the front-end. Responsive technique allows the page to be rendered with good degradation in all browser sizes making use ofCSS3 media queries.

A new clean and minimalistic design has been created, using Twitter Bootstrap as base, moving from a singlemonolithic CSS file, to more maintenable LESS files that compiles via Maven at build time as a compressedproduction CSS file.

All front-end code in the application has been written by me. So at this stage I have been responsible not just forthe validation of the current structure and design, but for the implementation with valid HTML5, CSS3 & Javascript


Responsive version

Standard browser version


5/13

5 of 13

http://rozasjoven.es 2010

Client:

Screenshot 2010

This is for the youth area of the in Madrid.

This project required a custom design implementation into Joomla. Also the client wanted to deployment ofthat Joomla installation and support.

Front end tecnologies: & Server tecnologies:

http://interdominios.com (Mailing. Not onlie) 2009

Client:
http://rozasjoven.es/http://rozasjoven.es/http://rozasjoven.es/


6/13

6 of 13

Screenshot 2009

The client ( a big domain company in Spain, wanted a custom mailing template.

This template was codified entirely on HTML 3.0 markup, with inline styles (no CSS at all) and absolute URLimages for the correct visualization by the most used email clients. Cross-mail compatibility was a requirementfor the client, and test were made under the most popular email programs and webmail applications.

Front end tecnologies: (Mailing markup)

http://lasalle.es 2008

Client: Final client:


7/13

7 of 13

Screenshot 2008

My third project for Adesis Netlife. The final client here were for the on Madrid.

My roles were to implement a given design, into a fluid and valid HTML template. Very strong requirements inXHTML strict, WAI 1.0, semantic markup, and well documented CSS files.

Once finished, the templates were submitted into a SVN repository, for later integration by the client.

Front end tecnologies: &


8/13

8 of 13

http://caixagalicia.esPassword protected section 2007


Screenshot 2007

This is for the Spanish bank .

My roles were to implement a given design (PSD), into a fluid and valid HTML template. Very strongrequirements in XHTML strict, WAI 1.0, semantic markup, and well documented CSS files. Also unobtrusive

JQuery code were required, in order to fulfil some functionality requirements, but with no JS code on theHTML files.


http://caixagalicia.es/http://caixagalicia.es/http://caixagalicia.es/


9/13

9 of 13

http://endesa.es 2007


Screenshot 2007

Same client, and same requirements for this electric company ( ) templates.

I implement a given design, with valid XHTML strict markup, fluid (relative sizes for all elements, even images, andboxes) and WAI 1.0. The client also needed very good CSS implementation and all the code must be commentedand structured for later implementation.




10/13

10 of 13

http://www.ladipu.com/webs/medioambiente 2005

Client:

Screenshot 2006

This is still live, although rather old, website of the (Diputacinprovincial) of Alicante.

My roles in this project were the following:

- Validation of the Design and implementation of the validate page structure- Present and validate design.- Implement a valid HTML + CSS markup with WAI 1.0 accessibility, print stylesheet, and good SEO

optimization.

- Deploy into production environment with given SRSFront end tecnologies: & Server tecnologies:
http://www.ladipu.com/webs/medioambientehttp://www.ladipu.com/webs/medioambientehttp://www.ladipu.com/webs/medioambiente


11/13

11 of 13

Intranet Wanadoo-Eresmas (Internal project) 2002

Screenshot 2002

Screenshot 2002

I was in charge of providing a very basic static version of the site, in less than 2 weeks. Later on, Iimplemented small server side technologies (news, contact form) My roles were: validate site structure andpage mockups, HTML coding and design, write documentation for production deployment, and finallyadministration and maintenance of the site.

This was my last project for the company, prior to the merger and acquisition for anothertelecommunication company.

Front end tecnologies: + Server tecnologies: &

http://wanadoo.es(Not onlie) 2001 - 2002
http://wanadoo.es/http://wanadoo.es/http://wanadoo.es/


12/13

12 of 13

Screenshot 2002

My roles at the beginning of my web developer career, was the intopages ensuring .

Later on, I could specialize in , and , working with tools as Topstyle orHomesite.

On the server side, I spended most of the time implementing the HTML markup into the provided JSP filesunder CVS version control.

Front end tecnologies: + . .Server tecnologies: &

http://wap.wanadoo.es(Not onlie) 2001

No screenshots

WAP version of Wanadoo.es website. This was a challenging project, as I was the only expert in WML at thecompany at that time, and there were few resources for the project.

My roles were implementing a WML version of the main portal areas (news, sports, company information)

working with CVS version control, close to de development team.

Front end tecnologies: Server tecnologies: &

http://wanadoocampus.com(Not onlie) 2001
http://wap.wanadoo.es/http://wap.wanadoo.es/http://wanadoocampus.com/http://wanadoocampus.com/http://wanadoocampus.com/http://wap.wanadoo.es/


13/13

13 of 13

Screenshot home 2001

A satellite portal from France Telecom group.

Same roles: HTML coding of given PSD designs esuring cross-browser compatibility, but with so manyJavascript (DHTML) for validation, small page effects like menus or hiding divs Again, I used to work closetogether with the development team with CVS version control.

Front end tecnologies: + . .Server tecnologies: &

Documents

Portfolio Jose Antonio Corachan