Personal Portfolio Prototype
Since I utilized prototyping in creating the portfolio, it involved an iterative process to ensure
that my ideas were well integrated and maximized in the digital product that I created. The first
prototype that I created revolved around multiple details of the design in the portfolio.
Regardless, from my perspective, this prototype is already fitting for my portfolio as well as
the theme that I wanted to pursue. However, upon consulting with my teacher, he
recommended that I use details that tell more about my personality and maintain a low-fidelity
wireframe to ensure that my design also has functionality, since the overflowing details may
affect the wire-framing process and my storytelling technique. My professor also suggested
removing the ‘weeks’ part of the website since, in the long run, this will not be functional for my portfolio anymore.
Feedback Reflection:
After receiving feedback, I changed my portfolio to a more uniform look to showcase more of
my personality. I made sure that the breakdown of weeks was properly addressed by creating
an area where I could showcase my best projects without the time correlation present, and I
also integrated a low-fidelity wireframe that was also suggested. I have learned from this
feedback that in the design process, aesthetics are not only the key but also my own elements
since they speak to my story and showcase my own branding, which will make my prototype
more interesting. On the other hand, the application of low-wire frames will allow me to
communicate my idea better while reducing the need to outline further, as my work is
straightforward, especially for the audience.
After resubmitting this revised prototype, my teacher immediately recommended another set
of instructions to improve my product, which now focuses on color consistency, enhancing
portfolio layout for effective information communication, and focusing on small details for polishing.
Feedback Reflection:
This feedback was taken into account by changing the color of the boxes on the About Me
page and adding my proficiencies to another page. Some of the other improvements that I
have made include the addition of the Education Page, which is an area to present my
academic credentials. From this feedback, I have learned how colors impact the impression
of a user, and thus, more often than not, brands and other prototypes follow certain branding
guidelines. Sometimes we overlook details like font style and font type over aesthetics, which
negates the point of the prototype. It is needed that proper information be maximized; that’s
why I have also integrated an education page and proficiencies into my portfolio.
My third revision revolved around improving certain details, like the drop-down button design
of the skills I presented on the education page of my prototype.
Feedback Reflection:
After changing it to a similar design for the education tab, I have realized that there is an impact
on uniformity. A website can showcase the importance of a subject when it is properly
highlighted and presented through appropriate design choices.
The fourth piece of feedback that I have received revolves around the presentation of the other
details in my portfolio, which was the image that is present in the slideshow on the project
page that presents three images all at once.
Feedback Reflection:
To address this, I modified the Project Page to ensure that there is enough detail and concise
information for my audience. Additionally, I have also shifted the slideshow to the Education
Page, I ensured that this is accompanied by a proper description of the text, to ensure that
there would be clearer context and information communication to the audience. I have learned
from here that in making a prototype, I must not assume that the audience is already aware of
the context in which I am publishing. Thus, the use of proper description and explanation
provides them with a clearer concept of what type of information is being published in the prototype.
Finally, the final feedback revolved around small-detail revisions, such as the compatibility of
various screen sizes and the revision of information-heavy pages that may be overwhelming for users.
Feedback Reflection:
From here, I addressed these revisions by first improving the look of my slideshow to a more
professional-looking design. I also ensured that there would be a cover page for each task,
and from this image, it would serve as a button and become an interactive piece of the portfolio
I am making before displaying information. I have learned from these minor revisions that it is
important that the site is not only well designed but also truly impactful and usable for the
users. I must always take into account whether the users will be interested in the piece of
information that is published and how this piece of information can be made more coherent
and concise for their own benefit.
Overall Reflection:
Overall, from this task, I have learned that the iterative process is necessary for prototype
improvement. Although there are multiple revisions, this does not weigh the process down but
has allowed me to grow as a designer. I truly appreciate the feedback that was given to me
since it allowed me to maximize my skills as a designer as well as improve the overall condition
of the task. I honestly feel grateful that my teachers were able to guide me all the way, and I
realized that the revision within the iterative process is necessary to check if there are details
that are overlooked as well as parts that can be improved. I have also learned that big and
small changes within a prototype can induce big changes that can change the perception and
experience of users when using a prototype. These feedback and revisions also allowed me
to meet and create a desirable output that reflected my personality and ideas very well.
