Miquel Álvarez
PORTFOLIO

Ceat

Centro de Estudios Avanzados para la Tartamudez

Design and creation of a brochure/booklet for the promotion of 'Centro de Estudios Avanzados para la Tartamudez', an association between 'Fundación Española de la Tartamudez' and 'Fundación Teknon'.

This work included the design and layout of the brochure in order to prepare it for printing, as well as the design and coding of a website serving as a repository and knowledge base for the project.

PHOTOSHOP INDESIGN ILLUSTRATOR HTML CSS PHP JQUERY
Ceat
CRIC Wallpaper 01

Branding

Corporate branding makeover and creation of a visual style to be used internally by a company.

PHOTOSHOP ILLUSTRATOR
CRIC Wallpaper 01
THEIA

Theia, Innovation Consulting

Design and coding of the corporate website for a Consulting firm, Theia Innovation Consulting.

This was created following flexibility and communication requirements that services offered needed.

PHOTOSHOP ILLUSTRATOR
HTML CSS PHP JQUERY
THEIA
sisu labs

sisu labs. Corporate Website

Design and coding of the corporate website for sisu labs, a data science and technology firm working with Natural Language Processing and semantic analysis techniques.

As the Product Manager and Visual Designer for the company it was my responsibility to come up with the definition, planning and executing of the ideas and vision of the company's product line.

This was brought to the visual content by coming up with a cohesive story and impact that allowed for interesting and clear elements that could carry these needs across every location.

PHOTOSHOP ILLUSTRATOR
HTML5 CSS PHP JQUERY WORDPRESS JAVASCRIPT
WIREFRAMING & PROTOTYPING
sisu labs

sisu labs. Redesign of the Corporate Website

Two years after the original website for the company was published, a redo was needed in order to showcase changes the company had gone through. Therefore, a new styling and theme was developed. Through a one page site, the new content was published, highlighting values and core elements.

During the process, a serie of A/B testing and user evaluations were undertaken providing valuable knowledge that would then be translated into both the process and the final deployed design.

PHOTOSHOP ILLUSTRATOR
HTML5 CSS3 PHP JQUERY WORDPRESS JAVASCRIPT JQUERY JAVASCRIPT
WIREFRAMING & PROTOTYPING A/B TESTING
 
sento app

sento. SaaS website

sisu labs' first product, a Software as a Service that provided companies with the power of Semantic Analysis and Natural Language Processing through a easy-to-use and friendly but complex interface, was in need of a website that showcased its features and benefits.

A product site was created that listed and explained the system's features as well as working as a starting point for the powerful solution.

Visual guidelines were created, serving the website as the core of this and setting up the basics of how the rest of the communication and visual content for the project would work.

PHOTOSHOP ILLUSTRATOR
HTML5 CSS3 PHP JQUERY WORDPRESS JAVASCRIPT JQUERY JAVASCRIPT
WIREFRAMING & PROTOTYPING A/B TESTING
sento app

sento. SaaS website. Redesign

A year after the original website for sisu labs' first product, sento, had been created, a redesign was needed in order to adapt to the new market and guidelines that had been created.

This redesign allowed for a more sofisticated, detailed website (in the shape of one page) that was able to communicate the product's features and goals in a better way.

PHOTOSHOP ILLUSTRATOR
HTML5 CSS3 PHP JQUERY WORDPRESS JAVASCRIPT JQUERY JAVASCRIPT
WIREFRAMING & PROTOTYPING A/B TESTING
Cottonbleach

European Funded Project website and brochure

Design and development of the website for a European funded project website, cottonbleach.eu.

Work included creation and deployment of a website, easy to update and mantain by engineers working in the project, as well as the design of both logo and brochure that would then be used for the dissemination of the project across events.

PHOTOSHOP
HTML CSS JAVASCRIPT
Signspeak

European Funded Project website and brochure

Design and development of the website for a European funded project website, signspeak.eu.

Work included creation and deployment of a website, easy to update and mantain by engineers working in the project, as well as the design of both logo and brochure that would then be used for the dissemination of the project across events.

PHOTOSHOP
HTML CSS JAVASCRIPT
Signspeak
Cleanhive

European Funded Project website and brochure

Design and development of the website for a European funded project website, Cleanhive.eu.

Work included creation and deployment of a website, easy to update and mantain by engineers working in the project, as well as the design of both logo and brochure that would then be used for the dissemination of the project across events.

PHOTOSHOP
HTML CSS JAVASCRIPT
Cleanhive
Damia Vives | Portfolio

Development of a Wordpress Theme

Development of a full Wordpress theme to be used by an artist Damià Vives as the full portfolio and personal website.

Starting from scratch, the development included the creation of customized sections and pages, animations and a personalized backend in order to make it easy for the artist to add new work, news and other.

Also, support was given regarding usability concerns and usage, working with several iterations of the design that tweaked and improved the final result.


HTML5 CSS3 WORDPRESS BOOTSTRAP JQUERY
WIREFRAMING AND PROTOTYPING USER FLOW A/B TESTING USABILITY PRINCIPLES
Miquel Àlvarez | Personal Website

Miquel Àlvarez | Personal website

Design and full development of my own personal website (MiquelAlvarez.es) taken as both a design and coding project.

For this project a much more streamlined and simple look lead the work, but this involved having to deal with animations and code calculations for every section in a one-page that works as a full site.


HTML5 CSS3 BOOTSTRAP JQUERY
WIREFRAMING AND PROTOTYPING USER FLOW A/B TESTING USABILITY PRINCIPLES
Twitter's IPO | Sentiment and perception infographic

Twitter's IPO | Sentiment and perception | Infographic

Design of an infographic regarding public's opinion on Twitter about Twitter's IPO.

Content was analysed with sisu labs' SaaS, sento during the course of the first day after the public announcement, and then content was retrieved and a visualization was developed in order to promote the software on Social Networks.


PHOTOSHOP ILLUSTRATOR
London Tube Strike | Social Opinion

London Tube Strike | Social Opinion | Infographic

Design of an infographic regarding public's opinion on Twitter about London's Tube Strike occurred during a 48 hours.

Content was analysed with sisu labs' SaaS, sento for sentiment, concepts and entities and then an infographic was generated in order to share said content.

Also, a case study was created and designed and sent to press and media.

Full infographic available here.


PHOTOSHOP ILLUSTRATOR INDESIGN
Black Friday | Social Opinion

Black Friday on Twitter | Social Opinion | Infographic

Design of an infographic regarding public's opinion on Twitter about Black Friday.

Content was analysed with sisu labs' SaaS, sento for sentiment, concepts, entities and locations and then a website and infographic were generated in order to share said content.

Also, a case study was created and designed and sent to press and media.

Full infographic available here.


PHOTOSHOP ILLUSTRATOR INDESIGN
HTML5 CSS3
Products Rollup

Products Rollup

Due to the need of showcasing products and services on fairs and events, a rollup was designed and printed. This would then be shown along leaflets and booklets for attendees.


PHOTOSHOP ILLUSTRATOR
sisu labs Promotional Video

sisu labs | Promotional Video

A promotional video was created for promoting sisu labs (both as a company as well as its services).


PHOTOSHOP ILLUSTRATOR
AFTER EFFECTS PREMIERE

night in space music video 01

night in space | Music & Video creation

A personal project regarding music and video. Both were created by me, and then released under the name of Night in Space.


PHOTOSHOP
AFTER EFFECTS PREMIERE LOGIC PRO REASON

night in space music video 01

night in space | Music & Video creation

A personal project regarding music and video. Both were created by me, and then released under the name of Night in Space.


PHOTOSHOP
AFTER EFFECTS PREMIERE LOGIC PRO REASON

logo proposal

logo redesign | Proposal

A shipping company was undergoing a change in image and requested for a logo redesign. This included previews on stationary and variations..


PHOTOSHOP
ILLUSTRATOR

logo proposal

Design, coding and deployment of features for a SaaS

Due to the need of creating new features for a SaaS that was already in production new sections and tweaks were developed. This included the whole process, from brainstorming the new ideas from a usability perspective to designing and testing with real users before the development of said features, to a later coding and deployment of those in an already working environment.

Among the new features a new overview (Panorama) was created, with much more information than the original one (hence more useful), a new interface for working with Real Time was included, printable and exportable reports were developed (that would download and combine information in real time for the user to download) and a new much more interactive map section was coded. This would allow for the automatic aggregation of elements in the map, as well as allowing for a fluid experience while keeping all of the data (including sentiment for each cluster of cities/countries) available.

From a technical point of view this project required working with AngularJS as the framework the app worked with, to using Ruby on Rails to build the new features to communicating with databases through Elastic Search..


PHOTOSHOP SKETCH ILLUSTRATOR AFTER EFFECTS
WIREFRAMING AND PROTOTYPING PRODUCT ANALYTICS USER FLOW A/B TESTING INTERACTION DESIGN USABILITY
ANGULARJS RUBY ON RAILS HTML5 NODEJS JQUERY D3.JS AWS