from concept development to assets deliverywilu.co.uk/portfolio/JW_case_studies_UX-UI.pdf · •...

9
from concept development to assets delivery jacek wilczkowski

Transcript of from concept development to assets deliverywilu.co.uk/portfolio/JW_case_studies_UX-UI.pdf · •...

Page 1: from concept development to assets deliverywilu.co.uk/portfolio/JW_case_studies_UX-UI.pdf · • Balsamiq Mockups for the wireframes • Adobe Illustrator for the logo design •

from concept development to assets delivery

jacek wilczkowski

Page 2: from concept development to assets deliverywilu.co.uk/portfolio/JW_case_studies_UX-UI.pdf · • Balsamiq Mockups for the wireframes • Adobe Illustrator for the logo design •

iFitnessiFitness is a mobile app to help users achieving the healthy goals:

• getting fit

• loosing weight

• building muscles

After taking part in the team brainstorm, my role was to build a wireframe, design a logo and prepare layout for client’s approval. After this I prepared the assets’ set for the tech dept.

The tools I was using:

• Gel pen + A4 80gsm white printer paper for sketching

• Balsamiq Mockups for wireframes

• Adobe Illustrator for the logo design

• Adobe Photoshop + Illustrator for the layout

• Adobe Photoshop for assets preparation

• Atlassian JIRA and HipChat for planning, tracking and communicating with the team

Page 3: from concept development to assets deliverywilu.co.uk/portfolio/JW_case_studies_UX-UI.pdf · • Balsamiq Mockups for the wireframes • Adobe Illustrator for the logo design •

The Sketch

Page 4: from concept development to assets deliverywilu.co.uk/portfolio/JW_case_studies_UX-UI.pdf · • Balsamiq Mockups for the wireframes • Adobe Illustrator for the logo design •

The Wireframes

Page 5: from concept development to assets deliverywilu.co.uk/portfolio/JW_case_studies_UX-UI.pdf · • Balsamiq Mockups for the wireframes • Adobe Illustrator for the logo design •

The Design

Page 6: from concept development to assets deliverywilu.co.uk/portfolio/JW_case_studies_UX-UI.pdf · • Balsamiq Mockups for the wireframes • Adobe Illustrator for the logo design •

Mini WinMini Win was a web-based competition for mobile users with the opportunity to win a MINI Cooper.

After I took part in the team brainstorm, my role was to build a wireframe, design a logo, a key visual and prepare the site layout. After client’s approval I prepared the assets’ set for the tech dept.

The tools I was using:

• Gel pen + A4 80gsm white printer paper for sketching

• Balsamiq Mockups for the wireframes

• Adobe Illustrator for the logo design

• Adobe Photoshop for the key visual design

• Adobe Photoshop + Illustrator for the layout

• Adobe Photoshop for assets preparation

• Atlassian JIRA and HipChat for planning, tracking and communicating with the team

Page 7: from concept development to assets deliverywilu.co.uk/portfolio/JW_case_studies_UX-UI.pdf · • Balsamiq Mockups for the wireframes • Adobe Illustrator for the logo design •

The Sketch

Page 8: from concept development to assets deliverywilu.co.uk/portfolio/JW_case_studies_UX-UI.pdf · • Balsamiq Mockups for the wireframes • Adobe Illustrator for the logo design •

The Wireframes

Page 9: from concept development to assets deliverywilu.co.uk/portfolio/JW_case_studies_UX-UI.pdf · • Balsamiq Mockups for the wireframes • Adobe Illustrator for the logo design •

The Design