![Profile Picture – Uyen-Nhu Tran](img/Uyen-Nhu_Tran.webp)
Hello.
Welcome to my page – nice to have you here!
My name is Uyen-Nhu – or simply Uyen – and I'm a UX Designer and Front-End Web Developer from Germany.
At the age of 13 I started to sell some stuff on eBay, where I had my first contact with HTML – which was the only way to create better-looking listings at that time. Since then I've been fascinated by all the possibilities one can do with just a little bit of code.
Today I hold a Bachelor's degree in Visual Computing & Design from the Hamm-Lippstadt University of Applied Sciences and a Master's degree in Information Processing from the University of Cologne. Currently, I'm working as a Doctoral Researcher and Research Software Engineer at the Leibniz-Institut für Deutsche Sprache.
I love good user interface design, parlour games, fries, and pizza.
Skills
HTML
CSS
JavaScript
Python
SCSS
Bootstrap
jQuery
React.js
Django
SQL
Photoshop/GIMP
InDesign
Illustrator/Inkscape
Word
Excel
PowerPoint
Work Experience
Doctoral Researcher |
Research Software Engineer
Leibniz-Institut für Deutsche Sprache, Mannheim
Freelance
Visual Designer and
Front-End Developer
com.on Webdesign GbR, Neukirchen-Vluyn
Working Student
Krier Information GmbH, CologneFields of Activity:
- Data Visualization
- Front-End Development
- Visual Design
Intern
dtp studio, OldenburgFields of Activity:
- Android App Development
- Front-End Development
- UI Design
Intern
dtp studio, OldenburgFields of Activity:
- Graphic Design
- Print Design
- Web Design
Portfolio
![Pop-up Image](img/Web/2023_Web_Ha_Giang_Safari_1.webp)
![Pop-up Image](img/Web/2023_Web_Ha_Giang_Safari_2.webp)
![Pop-up Image](img/Web/2023_Web_Ha_Giang_Safari_3.webp)
Ha Giang Safari
Design and development of a company website.
Publishing year: 2023
Languages used: HTML5, CSS3, JavaScript, PHP
Libraries/Frameworks used: Bootstrap
![Pop-up Image](img/Web/2022_Web_TextTransfer_1.webp)
![Pop-up Image](img/Web/2022_Web_TextTransfer_2.webp)
TextTransfer
Design and development of a website for a research project.
Publishing year: 2022
Languages used: HTML5, CSS3, JavaScript, PHP
Libraries/Frameworks used: Bootstrap
![Pop-up Image](img/Web/2022_Web_Umfragewissen_1.webp)
![Pop-up Image](img/Web/2022_Web_Umfragewissen_2.webp)
![Pop-up Image](img/Web/2022_Web_Umfragewissen_3.webp)
Umfragewissen
Design and development of a survey platform for a research project.
Publishing year: 2022
Languages used: HTML5, CSS3, JavaScript, Python
Libraries/Frameworks used: Django
![Pop-up Image](img/Web/2020_Web_smm_consulting_1.webp)
![Pop-up Image](img/Web/2020_Web_smm_consulting_2.webp)
![Pop-up Image](img/Web/2020_Web_smm_consulting_3.webp)
![Pop-up Image](img/Web/2020_Web_smm_consulting_4.webp)
smm consulting
Design and development of a company website.
Publishing year: 2020
Languages used: HTML5, CSS3, JavaScript, PHP
Libraries/Frameworks used: Bootstrap
![Pop-up Image](img/Web/2019_Web_Tausendfuessler_1.webp)
![Pop-up Image](img/Web/2019_Web_Tausendfuessler_2.webp)
![Pop-up Image](img/Web/2019_Web_Tausendfuessler_3.webp)
![Pop-up Image](img/Web/2019_Web_Tausendfuessler_4.webp)
Tausendfüssler Kinderschuhe
Design and development of a company website.
Publishing year: 2019
Languages used: HTML5, CSS3, JavaScript
Libraries/Frameworks used: Bootstrap
![Pop-up Image](img/Web/2018_Web_Krier_Information_1.webp)
![Pop-up Image](img/Web/2018_Web_Krier_Information_2.webp)
![Pop-up Image](img/Web/2018_Web_Krier_Information_3.webp)
![Pop-up Image](img/Web/2018_Web_Krier_Information_4.webp)
Krier Information GmbH
Design and development of a company website.
Publishing year: 2018
Languages used: HTML5, CSS3, JavaScript, Python
Libraries/Frameworks used: jQuery, Bootstrap, Tornado
![Pop-up Image](img/Print/2014_Print_Booklet_Sammelkartenspiel_1.webp)
![Pop-up Image](img/Print/2014_Print_Booklet_Sammelkartenspiel_2.webp)
![Pop-up Image](img/Print/2014_Print_Booklet_Sammelkartenspiel_3.webp)
TCG Power Down
Booklet design and development of a trading card game.
Creation year: 2014
Software used: Adobe InDesign, GIMP
![Pop-up Image](img/3D/2014_CAD_Diamanten_1.webp)
![Pop-up Image](img/3D/2014_CAD_Diamanten_2.webp)
![Pop-up Image](img/3D/2014_CAD_Diamanten_3.webp)
Rainbow Diamonds
3D design of an object as part of a college project.
Creation year: 2014
Software used: Autodesk Maya, GIMP
![Pop-up Image](img/Web/2016_Web_D3-Earth_1.webp)
![Pop-up Image](img/Web/2016_Web_D3-Earth_2.webp)
Earthquakes
Interactive visualization of earthquake data.
Publishing year: 2016
Languages used: HTML, CSS, JavaScript
Libraries/Frameworks used: D3.js
![Pop-up Image](img/Print/2013_Print_Booklet_Medienpult_Hoersaal.webp)
Media Panel and Lecture Hall (Booklet)
Booklet design for a media panel and lecture hall 3D design.
Creation year: 2013
Software used: Adobe InDesign, GIMP
![Pop-up Image](img/3D/2013_CAD_Hoersaal_1.webp)
![Pop-up Image](img/3D/2013_CAD_Hoersaal_2.webp)
![Pop-up Image](img/3D/2013_CAD_Hoersaal_3.webp)
Media Panel and Lecture Hall
3D design of a media panel and lecture hall.
Creation year: 2013
Software used: DS SolidWorks, Autodesk Alias Design, Adobe
Photoshop
![Pop-up Image](img/Web/2015_Web_MEO_1.webp)
![Pop-up Image](img/Web/2015_Web_MEO_2.webp)
MEO Media
Design and development of a company website as part of a college project.
Creation year: 2015
Languages used: HTML, CSS, JavaScript
Libraries/Frameworks used: jQuery
![Pop-up Image](img/3D/2012_CAD_Salz-_und_Pfefferstreuer_1.webp)
![Pop-up Image](img/3D/2012_CAD_Salz-_und_Pfefferstreuer_2.webp)
![Pop-up Image](img/3D/2012_CAD_Salz-_und_Pfefferstreuer_3.webp)
Salt and Pepper Shakers Set
3D design of a salt and pepper shakers set.
Creation year: 2012
Software used: Autodesk Alias Design, Adobe Photoshop
![Pop-up Image](img/Web/2015_Web_Buddelschiffmuseum_1.webp)
Buddelschiffmuseum Neuharlingersiel
Design and development of a website for a museum.
Creation year: 2015
Languages used: HTML, CSS
![Pop-up Image](img/3D/2012_CAD_PSP_Nachbau_1.webp)
![Pop-up Image](img/3D/2012_CAD_PSP_Nachbau_2.webp)
![Pop-up Image](img/3D/2012_CAD_PSP_Nachbau_3.webp)
PSP Console
3D design replica of a well-known game console.
Creation year: 2012
Software used: Autodesk Alias Design, Adobe Photoshop
![Pop-up Image](img/Web/2013_Web_HSHL-Game_1.webp)
![Pop-up Image](img/Web/2013_Web_HSHL-Game_2.webp)
![Pop-up Image](img/Web/2013_Web_HSHL-Game_3.webp)
Campus Checker
Design and development of a web game based on the open-source project by Mozilla for a college project.
Creation year: 2013
Languages used: HTML, CSS, JavaScript, PHP, SQL
Software used: GIMP, Tiled
![Pop-up Image](img/3D/2011_CAD_Shampoo.webp)
Shampoo Bottle
3D design of a shampoo bottle for a college project.
Creation year: 2011
Software used: DS SolidWorks
![Pop-up Image](img/Web/2011_Web_Kueppers.webp)
Küppers' Theory of Color
Design and development of a website for a well-known color theorist.
Publishing year: 2011
Languages used: HTML, CSS, JavaScript
![Pop-up Image](img/3D/2011_CAD_Cube-Stiftehalter_1.webp)
![Pop-up Image](img/3D/2011_CAD_Cube-Stiftehalter_2.webp)
Magic Cube Pen Holder
3D design of a pen holder with shape of a magic cube.
Creation year: 2011
Software used: DS SolidWorks, Adobe Photoshop
![Pop-up Image](img/Web/2011_Web_DCA_5.0.webp)
Digital Colour Atlas 5.0
Design and development of an online help system for the software Digital Colour Atlas 5.0.
Publishing year: 2011
Languages used: HTML, CSS
Libraries/Frameworks used: jQuery