This document summarizes the iterative process of developing a portfolio website for a UX designer. It involved research on job descriptions and competencies, sketching wireframes, creating a lo-fi prototype, gathering user feedback, and refining the design. The final portfolio website showcases the designer's skills and client projects. It is hosted on Google Firebase and uses Flamelink as a content management system.

1. Tema 13,
Backend
Utvikling
Portfolio Website

2. A PORTFOLIO WEBSITE THAT SHOWCASES
SKILLS AS A UX DESIGNER, HOSTED ON
GOOGLE FIREBASE
Objective

3. Process
Research &
Insights
Wireframes &
Prototypes
User-testing &
Iterations
ITERATIVE PROCESS

4. Research
KOMPETANSEKART
JOB DESCRIPTIONS
HIGH
MIDDLE
LOW
Wireframes
Prototype
UX Process
&
Usability
Test
Approach
& UX
methods
Results of
Client
Projects
My Role
Prototype
Sotware
Coding
Skills
Photoshop
Illustrator
HTML,
CSS
Javascript
Iconography
Back-end

5. Wireframes
INFORMATION ARCHITECTURE
LOGO ABOUT ME RESUME
SOCIAL
ICONS
Why me?
Client Projects
Selected Works
Approach
Global
Workshops
Contact Me

6. SKETCHES
Landing Page
Project Page Mobile Version Floating Header

7. LO-FI WIREFRAMES
Landing Page
Project Page Mobile Version Floating Header

8. The
Mood
board

9. Prototype
HI-FI PROTOTYPE & UI DESIGN

10. User-Test
& Feedback LIKED LAYOUT AND UI
GOT AN IMPRESSION OF A PERSON
"WHO HAS GOOD UNDERSTANDING
OF PEOPLE", A GLOCAL OUTLOOK
WANTED TO SEE NATURAL FLOW
OF CONTENT
CHANGE IN LOGO
LIKED FLOATING HEADER

12. Symbols
and
graphics

13. Header with
value
statement
LESS NAVIGATION AND CLICKS
Short intro
Resume to view skills and history
One-page scroll

14. Selected
Works
3 Client Projects
Wireframes & prototypes
Approach and UX process
Interactions like top button

15. Floating
Header
THUMB RULE
The menu is on natural
zone on mobile

16. HOSTED ON GOOGLE FIREBASE
CMS
FLAMELINK AS CMS

17. Thank You!
DAISY KUMAR
daisykmr2@gmail.com