Portfolio File Edit View Tools Insert Window Help Diogo Werner

Portfolio:
Diogo Werner

diogowerner@gmail.com +49 176 45796632

Portfolio File Edit View Tools Insert Window Help Diogo Werner

+ 50% Transvisio

Details + Tools +
Client Design

Name Industry
Flash
Transvisio Health
✓ Invision
A consulting service for dental
✓ Illustrator
offices in Germany.
www.transvisio.net ✓ Keynote
✓ Photoshop
Powerpoint

Sketch
Project
Tumult Hype
Company Year

Freelance 2019
Development
One of my first jobs as freelancer
in Germany. I worked on the ASP / ASP.NET / .NET
creation of the brand, the website ActionScript
and some stationery design like
✓ Bootstrap
flyers and business cards.
✓ CSS / CSS3
D3

✓ HTML / HTML5
✓ JavaScript
✓ jQuery
JSON / XML

✓ Less / Sass
MS SQL Server / MySQL

Oracle WebCenter Portal

PHP

Wordpress / Typo3
Portfolio File Edit View Tools Insert Window Help Diogo Werner

+ 50% Guide’s Link

Details + Tools +
Client Design

Name Industry
Flash
Guideslink Tourism
✓ Invision
A platform to connect guides and
✓ Illustrator
tour operators in South Africa.
www.guideslink.com ✓ Keynote
✓ Photoshop
Powerpoint

✓ Sketch
Project
Tumult Hype
Company Year

Freelance 2018-2019
Development
I worked on a new brand for the
project and the user interface of ASP / ASP.NET / .NET
the internal areas of the site. The ActionScript
service has two different users:
✓ Bootstrap
guides and operators. The guide
receives invitations from ✓ CSS / CSS3
operators and manage their D3
calendar, including private tours
✓ HTML / HTML5
he might schedule. The operator
can search for guides who fit ✓ JavaScript
better their needs (language, ✓ jQuery
location and tour types), propose
✓ JSON / XML
prices, manage bookings and rate
guides. The layouts on the left ✓ Less / Sass
shows the desktop version of the ✓ MS SQL Server / MySQL
operator’s interface and mobile
Oracle WebCenter Portal
for the guide but both versions
✓ PHP
are responsive.
✓ Wordpress / Typo3
Portfolio File Edit View Tools Insert Window Help Diogo Werner

+ 50% Real Valladolid

Details + Tools +
Client Design

Name Industry
Flash
El Norte de Castilla News
Invision
Daily Spanish newspaper based in
✓ Illustrator
Valladolid. Founded in 1854, it is
the first of Castilla y León and one Keynote
of the oldest in Spain. ✓ Photoshop
www.elnortedecastilla.es
Powerpoint

Sketch
Project
✓ Tumult Hype
Company Year

El Norte de Castilla 2018

Development
After my studies in Spain I got to
work at El Norte the Castilla right ASP / ASP.NET / .NET
after the promotion of Real ActionScript
Valladolid to La Liga, the Spanish
Bootstrap
first division. This special site was
my first experience with Tumult ✓ CSS / CSS3
Hype and allowed me to D3
implement a lot of features I used
✓ HTML / HTML5
to do with Flash (replacing
ActionScript for jQuery) and also ✓ JavaScript
creating responsive versions for ✓ jQuery
tablets and phones. It includes
✓ JSON / XML
the history of Real Valladolid in all
divisions of the league, the Less / Sass

successful campaign of the MS SQL Server / MySQL

previous season, the calendar,
Oracle WebCenter Portal
uniform and players for next
PHP
season, and other statistics.
Wordpress / Typo3
Portfolio File Edit View Tools Insert Window Help Diogo Werner

+ 50% Interactive Data Visualization

Details + Tools +
Client Design

Name Industry
Flash
CEFET/RJ Education
Invision
The Federal Center for
Illustrator
Technological Education is where I
got my Internet Systems degree. Keynote
The project demo is available at:
 ✓ Photoshop
tcc-lucas-diogo.herokuapp.com
Powerpoint

✓ Sketch
Project
Tumult Hype
Company Year

Personal project 2017-2018

Development
I am passionate about maps and
infographics. The misuse of both ASP / ASP.NET / .NET
to deliver data was my motivation ActionScript
for this project. In partnership
Bootstrap
with my classmate Lucas
Rodrigues, we got to develop a ✓ CSS / CSS3
dynamic representation that ✓ D3
considers location (each pie chart
✓ HTML / HTML5
is attracted to the center of the
regions without overlapping), ✓ JavaScript
absolute value (sizes) and ✓ jQuery
subdivisions by region (in each
✓ JSON / XML
piechart). We used D3.js for
development and the examples Less / Sass

show world age population and ✓ MS SQL Server / MySQL

Brazil 2014 election results.
Oracle WebCenter Portal

PHP

Wordpress / Typo3
Portfolio File Edit View Tools Insert Window Help Diogo Werner

+ 50% ASW Sistemas

Details + Tools +
Client Design

Name Industry
Flash
ASW Sistemas Software
Invision
IT consulting company in Rio de
✓ Illustrator
Janeiro and São Paulo.

www.asw.com.br Keynote

✓ Photoshop
Powerpoint

Sketch
Project
Tumult Hype
Company Year

Freelance 2017
Development
Single page site about the
company, with services, clients ASP / ASP.NET / .NET
and contact information. ActionScript

✓ Bootstrap
✓ CSS / CSS3
D3

✓ HTML / HTML5
✓ JavaScript
✓ jQuery
JSON / XML

Less / Sass

MS SQL Server / MySQL

Oracle WebCenter Portal

PHP

Wordpress / Typo3
Portfolio File Edit View Tools Insert Window Help Diogo Werner

+ 50% Estante Virtual: Busca

Details + Tools +
Client Design

Name Industry
Flash
Estante Virtual Books
Invision
Brazilian marketplace for used
✓ Illustrator
books. It has more than 20 million
books sold and more than 15 ✓ Keynote
millions available for sale. ✓ Photoshop
www.estantevirtual.com.br
Powerpoint

Sketch
Project
Tumult Hype
Company Year

Estante Virtual 2013-2014

Development
At Estante Virtual I was involved
in the redesign of different ASP / ASP.NET / .NET
sections of the site, such as ActionScript
customer support, sign up and
✓ Bootstrap
marketing campaigns. The one I
enjoyed the most was the new ✓ CSS / CSS3
search workflow. I got to rethink D3
all the search results and
✓ HTML / HTML5
navigation considering many
different variables: used books ✓ JavaScript
are sold by item and not by title; ✓ jQuery
each reseller has different delivery
✓ JSON / XML
options and prices; etc. The new
interface has pages for authors, ✓ Less / Sass
titles, sellers, and many other MS SQL Server / MySQL
filter options.
Oracle WebCenter Portal

PHP

✓ Wordpress / Typo3
Portfolio File Edit View Tools Insert Window Help Diogo Werner

+ 50% Estante Virtual: App

Details + Tools +
Client Design

Name Industry
Flash
Estante Virtual Books
Invision
Brazilian marketplace for used
Illustrator
books. It has more than 20 million
books sold and more than 15 ✓ Keynote
millions available for sale. ✓ Photoshop
www.estantevirtual.com.br
Powerpoint

Sketch
Project
Tumult Hype
Company Year

Freelance 2014
Development
After working at Estante Virtual I
also developed a few projects for ASP / ASP.NET / .NET
them as freelancer, including ActionScript
marketing campaigns and a
✓ Bootstrap
mobile app interface.
✓ CSS / CSS3
This app allows the user to
D3
identify books by barcode and
find available copies at Estante ✓ HTML / HTML5
Virtual. It also goes through the ✓ JavaScript
login and shopping process of the
✓ jQuery
website within the app.
JSON / XML

Less / Sass

MS SQL Server / MySQL

Oracle WebCenter Portal

PHP

Wordpress / Typo3
Portfolio File Edit View Tools Insert Window Help Diogo Werner

+ 50% Tabela Fácil

Details + Tools +
Client Design

Name Industry
✓ Flash
Tabela Fácil Sports / News
✓ Invision
Online service provider of sport
✓ Illustrator
results for websites.

www.tabelafacil.com ✓ Keynote
✓ Photoshop
Powerpoint

✓ Sketch
Project
Tumult Hype
Company Year

Personal 2010-2019
Development
I started the business and created
the brand and interface of the ✓ ASP / ASP.NET / .NET
service. Focused on online news ✓ ActionScript
and soccer club websites, it offers
✓ Bootstrap
data in different formats to be
included in the client’s page. The ✓ CSS / CSS3
user interface allows to setup file D3
uploads and the championship
✓ HTML / HTML5
information that will be used.
Focused mainly on soccer, it also ✓ JavaScript
offers data of other modalities ✓ jQuery
such as volleyball, basketball,
✓ JSON / XML
Formula 1 and Olympic and
Paralympic Games. ✓ Less / Sass
✓ MS SQL Server / MySQL
Oracle WebCenter Portal

✓ PHP
Wordpress / Typo3
Portfolio File Edit View Tools Insert Window Help Diogo Werner

+ 50% Ministério Público do Rio de Janeiro

Details + Tools +
Client Design

Name Industry
✓ Flash
MPRJ Government
Invision
Ministério Público RJ is the Rio de
✓ Illustrator
Janeiro state branch of the
Brazilian public prosecutor’s ✓ Keynote
office.
 ✓ Photoshop
www.mprj.mp.br
✓ Powerpoint
Sketch
Project
Tumult Hype
Company Year

MPRJ / Freelance 2007-2008

Development
While working at MPRJ

I developed many internal ASP / ASP.NET / .NET
presentations using either Flash, ✓ ActionScript
Powerpoint or Keynote. I worked
✓ Bootstrap
on website improvements,
hotsites creation (sometimes in ✓ CSS / CSS3
Wordpress) and printing material D3
occasionally. After leaving the
✓ HTML / HTML5
institution I was hired as a
freelancer to work on the ✓ JavaScript
redesign of the website and the ✓ jQuery
intranet. Both were developed
✓ JSON / XML
using the Oracle WebCenter
Portal platform. Less / Sass

MS SQL Server / MySQL

✓ Oracle WebCenter Portal

PHP

✓ Wordpress / Typo3
Portfolio File Edit View Tools Insert Window Help Diogo Werner

+ 50% Cenpes

Details + Tools +
Client Design

Name Industry
✓ Flash
Petrobrás / Cenpes Energy
Invision
Petrobras is Brazil’s semi-public
Illustrator
petroleum company. Cenpes is
the research and development Keynote
unit of Petrobras. ✓ Photoshop
Powerpoint

Sketch
Project
Tumult Hype
Company Year

OPM / Freelance 2007

Development
Flash presentation about the
evolution of the R&D sector of ASP / ASP.NET / .NET
Petrobras. It was distributed to ✓ ActionScript
partners and was not available
Bootstrap
online. The presentation was
inspired in environment and CSS / CSS3
evolution. The animation and D3
transitions dynamically emulated
✓ HTML / HTML5
natural movements.
JavaScript

jQuery

JSON / XML

Less / Sass

MS SQL Server / MySQL

Oracle WebCenter Portal

PHP

Wordpress / Typo3
Portfolio File Edit View Tools Insert Window Help Diogo Werner

+ 50% Imprimir: Web-edit

Details + Tools +
Client Design

Name Industry
✓ Flash
Imprimir Printing
Invision
Online printing service. Web-edit
Illustrator
was a tool which allowed clients
to edit the pictures and chose Keynote
different printing options. ✓ Photoshop
www.imprimir.com.br
Powerpoint

Sketch
Project
Tumult Hype
Company Year

Midia 3 / Freelance 2006-2009

Development
At Midia 3, and later as freelancer,
I worked on the development of a ✓ ASP / ASP.NET / .NET
Flash interface where the user ✓ ActionScript
could do some basic editions to
✓ Bootstrap
the picture and send it to
printing. Initially the user ✓ CSS / CSS3
uploaded a photo to the server D3
(which returned a lower resolution
✓ HTML / HTML5
of it to work on the editor). Later
the editor got more features, ✓ JavaScript
including different types of jQuery
products (cards, mugs, shirts,
✓ JSON / XML
calendars), themed templates,
image manipulation, multiple Less / Sass

pages and texts. All of those were MS SQL Server / MySQL

done on the Flash frontend with
Oracle WebCenter Portal
variables being sent again to the
PHP
server at the end of the process.
Wordpress / Typo3
Portfolio File Edit View Tools Insert Window Help Diogo Werner

+ 50% O Globo

Details + Tools +
Client Design

Name Industry
✓ Flash
O Globo News
Invision
O Globo is one of the most
Illustrator
traditional newspapers in Brazil. It
is part of Grupo Globo media Keynote
conglomerate.
 ✓ Photoshop
oglobo.globo.com
✓ Powerpoint
Sketch
Project
Tumult Hype
Company Year

Mídia 3 / Freelance 2001-2010

Development
That’s how internet used to look
like… As a Midia 3 employee I ✓ ASP / ASP.NET / .NET
worked on a complete redesign ✓ ActionScript
of the O Globo website in 2001. It
✓ Bootstrap
looks weird nowadays, but it was
a great project to work on back ✓ CSS / CSS3
then. Later, I was occasionally D3
allocated at O Globo in other
✓ HTML / HTML5
projects, including customer
support and marketing ✓ JavaScript
campaigns. After 2006 I also did ✓ jQuery
some jobs as a freelancer. From
✓ JSON / XML
2008 to 2009 I wrote for the
website as a tech blogger, Less / Sass

focusing on Apple products and ✓ MS SQL Server / MySQL

macOS platform (Mac OS X, back
Oracle WebCenter Portal
then). In 2010 I was one of the
PHP
guest correspondents in South
Africa’s World Cup. ✓ Wordpress / Typo3
Portfolio File Edit View Tools Insert Window Help Diogo Werner

+ 50% Extra Online

Details + Tools +
Client Design

Name Industry
✓ Flash
Extra News
Invision
Extra is a popular newspaper in
Illustrator
Rio de Janeiro. It is part of Grupo
Globo media conglomerate.
 Keynote
extra.globo.com ✓ Photoshop
Powerpoint

Sketch
Project
Tumult Hype
Company Year

Mídia 3 / Freelance 2004-2009

Development
While working with O Globo, as a
Midia 3 employee, I also got to ✓ ASP / ASP.NET / .NET
work in projects of Jornal Extra, ✓ ActionScript
published by the same company. I
✓ Bootstrap
worked in the first version of their
website and later, after leaving ✓ CSS / CSS3
Mídia 3, I did a few marketing D3
campaign hotsites as freelancer.
✓ HTML / HTML5
✓ JavaScript
✓ jQuery
✓ JSON / XML
Less / Sass

MS SQL Server / MySQL

Oracle WebCenter Portal

PHP

Wordpress / Typo3
Portfolio File Edit View Tools Insert Window Help Diogo Werner

+ 50% Lancenet!

Details + Tools +
Client Design

Name Industry
✓ Flash
Lancenet! Sports / News
Invision
Diário Lance! is a Brazilian
Illustrator
newspaper and Lancenet! was the
previous name of its online ✓ Keynote
version.
 ✓ Photoshop
www.lance.com.br
Powerpoint

Sketch
Project
Tumult Hype
Company Year

Mídia 3 / Freelance 2000-2009

Development
Another newspaper I was usually
allocated as a Mídia 3 employee ✓ ASP / ASP.NET / .NET
was Diário Lance!. I worked ✓ ActionScript
mainly at their website Lancenet!
Bootstrap
in lots of different projects from
the 2000 Olympics to the 2006 ✓ CSS / CSS3
World Cup specials, a few website D3
redesigns, live coverage of sports
✓ HTML / HTML5
results, blogs and many others.
✓ JavaScript
✓ jQuery
✓ JSON / XML
Less / Sass

MS SQL Server / MySQL

Oracle WebCenter Portal

PHP

Wordpress / Typo3
Portfolio File Edit View Tools Insert Window Help Diogo Werner

+ 50% Mídia 3: Web-ecom

Details + Tools +
Client Design

Name Industry
Flash
Web-ecom E-commerce
Invision
An e-commerce platform. The
Illustrator
clients shown are Sportsnet, a
sports apparel store, and Oi, Keynote
Brazil’s biggest land line telecom ✓ Photoshop
and fourth in the mobile market.
✓ Powerpoint
Sketch
Project
Tumult Hype
Company Year

Mídia 3 2001-2003
Development
In 2001, at Mídia 3, we developed
a product to offer clients a ready ✓ ASP / ASP.NET / .NET
to use solution for online ActionScript
commerce. It included search,
Bootstrap
product categories, details and
options, multiple ways of ✓ CSS / CSS3
grouping categories, ads and D3
users management, checkout and
✓ HTML / HTML5
payment. The first client was
Sportsnet, shown on the first 3 ✓ JavaScript
screens. The product kept ✓ jQuery
evolving and later, in 2003, an
✓ JSON / XML
upgrade started offering a B2B
solution, with Oi Telecom service Less / Sass

“Aqui Online”, providing MS SQL Server / MySQL

products and reports to its
Oracle WebCenter Portal
resellers.
PHP

Wordpress / Typo3
 Portfolio File Edit View Tools Insert Window Help Diogo Werner

+ 50% Futebol para Meninas

Details + Tools +
Client Design

Name Industry
Flash
Various Various
Invision
Some logo designs and posters
✓ Illustrator
for different clients. The websites
are not online anymore. Keynote

✓ Photoshop
Powerpoint

Sketch
Project
Tumult Hype
Company Year

Freelance / Mídia 3 2005-2009

Development
Jogue Aki! (2006) was website of
casual games in Flash. ASP / ASP.NET / .NET

 ActionScript
Little Brazil (2008) was a Brazilian
Bootstrap
party and event organizer in Cape
Town, South Africa. I also did CSS / CSS3
some of the party posters. D3

Futebol para Meninas (2009) was HTML / HTML5

a news website focused on JavaScript
women’s soccer competitions and
jQuery
also a girl’s perspective of men’s
soccer. JSON / XML

Less / Sass
Information Centre Brasil (2005)
was the previous name used by MS SQL Server / MySQL
the Brazilian representative of Oracle WebCenter Portal
Istituto Marangoni, a fashion,
PHP
design and arts school in Italy.
Wordpress / Typo3
Portfolio File Edit View Tools Insert Window Help Diogo Werner
Portfolio File Edit View Tools Insert Window Help Diogo Werner