UI/UX/WEB PORTFOLIO CAROLINA PINILLA GRAPHIC & UI DESIGNER - - PowerPoint PPT Presentation

UI/UX/WEB

PORTFOLIO

CAROLINA PINILLA

GRAPHIC & UI DESIGNER

Main Tools: Sketch / Adobe XD Photoshop / Illustrator InDesign / Atomic design Responsive design Zeplin / Craft / Marvel Trello / Asana

UX DESIGN

• Able to understand business goals

and product specifications.

• Able to research and analyse competitors.
• Identify user's needs and problems

to solve, applying research techniques.

• Create Personas as a representation
• f a customer group.
• Create customer journeys, user flows and

information architecture to communicate interaction and design ideas.

• Wireframe design.
• Testing, iterating and validation.

1

Research

UX DESIGN /

• Market research of model

business and products.

• Identified products usability

and issues.

• Analyzed design style, color,

typography, icons, media, content, navigation flow.

Survey&Interview

UX DESIGN /

• Generated scripts and

questions for surveys and interviews to assess people's thoughts, opinions, feelings and behaviors.

• Gather targeted results,

draw conclusions and take decisions related a product/service.

Design Persona

UX DESIGN /

• Generative-qualitative study

applied to define the user archetype to create Design Personas.

Empathy Map

UX DESIGN /

• Generated empathy map

to understand and prioritise user needs.

• Understanding of what user

think, see, hear, say, do, their frustrations and motivations to create better insight and to cover user needs.

Customer Journey

UX DESIGN /

• Generated customer journey map to evaluate

the sum of experiences that customers go through when interacting with a product/service.

• Define: a clear objective for the map, user and

business goals, list of touch points.

• Evaluate: user’s process, difficulties, pain points,

emotions.

• Identify new ideas and market opportunities.
• Make improvements and take a new test.

Sitemap

UX DESIGN /

• Defined Information architecture for a

good usability and faster user learning.

Wireframe

UX DESIGN /

• Hand-drawn sketching to capture concepts

and ideas.

• Wireframe design with online tools to

translate sitemap on a layout, get feedback and make modifications before mocking up.

UI DESIGN

2

• Designed style guides: color palette,

typography, icons, logos, imagery, layout.

• Defined consistent UI components

and interfaces.

• Translated wireframes into mockups

and prototypes.

• Designed system libraries in Sketch applying

atomic design methodology.

• Created pixel perfect prototypes.
• Prepared assets and deliverables

for iOS & Android.

• App Store Optimization (ASO) design

for iOS & Android.

Style Guides

UI DESIGN /

• Designed style guide: color palette,

typography, icons, logos, imagery, layout.

• Defined consistent UI components

and interfaces.

Component library

UI DESIGN /

• Created design

system library in Sketch applying Atomic Design methodology.

Design system

UI DESIGN /

• Design system

applied to a Fintech case study in order to iterate prototype faster.

Mockups

UI DESIGN /

• Designed low and high

fidelity mockups to provide either previews or more real look and feel.

Prototypes

UI DESIGN /

• Used prototyping tools to generate demo

presentation, tested with users to interact with prototype and getting real feedback.

• Check a demo here

Workflows

UI DESIGN /

• Created final prototype that

includes: workflow, casuistry, transitions, comments, assets.

• Used collaborative tools like

Zeplin to share specs and guidelines with designers and developers.

Development

UI DESIGN /

• Prepared, export and delivered

assets to multiple devices for both Android and iOs.

• Fluent communication with

developers, managers and stakeholder.

• Check final product

Android here iOS here Web here

Publishing

UI DESIGN /

• Prepared assets and

deliverables to publishing

• n iOS & Android store.
• ASO design: screenshots

and icons for iOS & Android.

• Download on:

Google Play store Apple store

WEB DESIGN

3

• Customized Wordpress/Joomla/Drupal

themes to match clients’ needs.

• Defined information architecture: organize,

structure and labeling content.

• Designed look & feel according to brand

guidelines.

• Content management.
• Created graphic material for websites and

social media advertisement.

Taxratio

WEB DESIGN / Landing page

• Responsive landing page

to promote Taxratio app.

• Check the site here

ASUS

WEB DESIGN / Landing page for e-tailers

• Landing page designed to

promote special offers on e-tailers websites.

• Prepared and delivered

assets for Development team.

Customers

WEB DESIGN /

• IT Consulting

Inopus.de

• Human Resources

AST engineering

• Integrative medicine

video portal Onmints

Wordpress / Joomla / Drupal theme customizations

Looking for a designer?

pinilla.carolina@dmntcreativa.com www.dmntcreativa.com www.linkedin.com/in/mcpc15