from concept development to assets deliverywilu.co.uk/portfolio/jw_case_studies_ux-ui.pdf · •...
TRANSCRIPT
![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 •](https://reader033.vdocument.in/reader033/viewer/2022041919/5e6b11b6489323307d5acb8a/html5/thumbnails/1.jpg)
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 •](https://reader033.vdocument.in/reader033/viewer/2022041919/5e6b11b6489323307d5acb8a/html5/thumbnails/2.jpg)
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 •](https://reader033.vdocument.in/reader033/viewer/2022041919/5e6b11b6489323307d5acb8a/html5/thumbnails/3.jpg)
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 •](https://reader033.vdocument.in/reader033/viewer/2022041919/5e6b11b6489323307d5acb8a/html5/thumbnails/4.jpg)
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 •](https://reader033.vdocument.in/reader033/viewer/2022041919/5e6b11b6489323307d5acb8a/html5/thumbnails/5.jpg)
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 •](https://reader033.vdocument.in/reader033/viewer/2022041919/5e6b11b6489323307d5acb8a/html5/thumbnails/6.jpg)
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 •](https://reader033.vdocument.in/reader033/viewer/2022041919/5e6b11b6489323307d5acb8a/html5/thumbnails/7.jpg)
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 •](https://reader033.vdocument.in/reader033/viewer/2022041919/5e6b11b6489323307d5acb8a/html5/thumbnails/8.jpg)
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 •](https://reader033.vdocument.in/reader033/viewer/2022041919/5e6b11b6489323307d5acb8a/html5/thumbnails/9.jpg)
The Design