{"id":776,"date":"2024-05-10T22:09:33","date_gmt":"2024-05-10T22:09:33","guid":{"rendered":"https:\/\/www.nua-ux.design\/lizzy-lanfear\/blog\/?p=776"},"modified":"2024-05-10T22:09:33","modified_gmt":"2024-05-10T22:09:33","slug":"about-page-my-iterations","status":"publish","type":"post","link":"https:\/\/www.nua-ux.design\/lizzy-lanfear\/blog\/entire-project-2b\/design-process\/about-page-my-iterations\/","title":{"rendered":"About page – my iterations"},"content":{"rendered":"\n

Initially, my primary role in the group was to design the “About Us” page since I had collaborated with Ellana on the research for it, which put me in a strong position to take on the design work.<\/p>\n\n\n\n

The design process involved several iterations, as we struggled to agree on the direction and overall vibe of the redesign. We started by creating individual wireframes, then came together to merge our ideas, aiming to create a cohesive and engaging page.<\/p>\n\n\n\n

At first, we focused on redesigning the existing site to improve its flow and add a more playful element while still conveying the necessary information. However, as we received feedback, it became clear that our initial approach wasn’t quite hitting the mark. This caused some discouragement within the group.<\/p>\n\n\n\n

In response, I decided to take a new approach, completely rethinking the theme and style of the design. When I presented this new direction to the group, they were enthusiastic, and we agreed to adopt it across all three of our assigned pages.<\/p>\n\n\n\n

Below are screenshots of my iterations for the “About Us” page, reflecting the changes and new design direction. These include only the designs I worked on, not the initial wireframes created by my group members.<\/p>\n\n\n\n

\n
\n
\n
\n
\"\"<\/figure>\n<\/div>\n\n\n\n
\n
\"\"<\/figure>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n
\n
\n
\n
\"\"<\/figure>\n<\/div>\n\n\n\n
\n
\"\"<\/figure>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n

Above are my first wireframe designs that I completed, with some illustrations that I designed <\/p>\n\n\n\n

\n
\n
\n
\n
\"\"<\/figure>\n<\/div>\n\n\n\n
\n
\"\"<\/figure>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n
\n
\n
\n
\"\"<\/figure>\n<\/div>\n\n\n\n
\n
\"\"<\/figure>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n
\n
\n
\n
\"\"<\/figure>\n<\/div>\n\n\n\n
\n
\"\"<\/figure>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n

Above are my first designs, post wireframes. <\/p>\n\n\n\n

\n
\n
\n
\n
\"\"<\/figure>\n<\/div>\n\n\n\n
\n
\"\"<\/figure>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n
\n
\n
\n
\"\"<\/figure>\n<\/div>\n\n\n\n
\n
\"\"<\/figure>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n

Above are the wireframes that we completed as a group by merging our individual designs. <\/p>\n\n\n\n

\n
\n
\n
\n
\"\"<\/figure>\n<\/div>\n\n\n\n
\n
\"\"<\/figure>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n
\n
\n
\n
\"\"<\/figure>\n<\/div>\n\n\n\n
\n
\"\"<\/figure>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n
\n
\n
\n
\"\"<\/figure>\n<\/div>\n\n\n\n
\n
\"\"<\/figure>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n

Above are my slight re-designs that I did when i wasn’t necessarily happy with our designs, as I was in charge of the about us page. <\/p>\n\n\n\n

\n
\n
\n
\n
\"\"<\/figure>\n<\/div>\n\n\n\n
\n
\"\"<\/figure>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n
\n
\n
\n
\"\"<\/figure>\n<\/div>\n\n\n\n
\n
\"\"<\/figure>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n
\n
\n
\n
\"\"<\/figure>\n<\/div>\n\n\n\n
\n
\"\"<\/figure>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n

Above are my second re-designs for this process, going in a completely different direction.<\/p>\n\n\n\n

\n
\n
\"\"<\/figure>\n<\/div>\n\n\n\n
\n
\"\"<\/figure>\n<\/div>\n\n\n\n
\n
\"\"<\/figure>\n<\/div>\n<\/div>\n\n\n\n

Above are the designs that were above, but experimenting with it on a white background, rather than black <\/p>\n\n\n\n

\n
\n
\n
\n
\"\"<\/figure>\n<\/div>\n\n\n\n
\n
\"\"<\/figure>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n
\n
\n
\n
\"\"<\/figure>\n<\/div>\n\n\n\n
\n
\"\"<\/figure>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n

Above are my initial wireframes of my complete re-designs, using the new brand guidelines they showed us and information on the Borne website. <\/p>\n\n\n\n

\n
\n
\n
\n
\"\"<\/figure>\n<\/div>\n\n\n\n
\n
\"\"<\/figure>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n
\n
\n
\n
\"\"<\/figure>\n<\/div>\n\n\n\n
\n
\"\"<\/figure>\n\n\n\n
\"\"<\/figure>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n

Above is the mid fidelity designs from the wireframes above<\/p>\n\n\n\n

\n
\n
\"\"<\/figure>\n<\/div>\n\n\n\n
\n
\"\"<\/figure>\n<\/div>\n\n\n\n
\n
\"\"<\/figure>\n<\/div>\n<\/div>\n\n\n\n

Above are the designs of the sustainability page. In my initial designs I was trying to work out a way to include the sustainability values on the about us page, but was worried it was making the page too overwhelming so designed it on a separate page and easily accessible to go to and from the about us page through a simple button. <\/p>\n","protected":false},"excerpt":{"rendered":"

Initially, my primary role in the group was to design the “About Us” page since I had collaborated with Ellana on the research for it, which put me in a strong position to take on the design work. The design process involved several iterations, as we struggled to agree on the direction and overall vibe of the redesign. We started by creating individual wireframes, then came together to merge our ideas, aiming to create a cohesive and engaging page. At first, we focused on redesigning the existing site to improve its flow and add a more playful element while still conveying the necessary information. However, as we received feedback, it became clear that our initial approach wasn’t quite hitting the mark. This caused some discouragement within the group. In response, I decided to take a new approach, completely rethinking the theme and style of the design. When I presented this new direction to the group, they were enthusiastic, and we agreed to adopt it across all three of our assigned pages. Below are screenshots of my iterations for the “About Us” page, reflecting the changes and new design direction. These include only the designs I worked on, not the initial wireframes created by my group members. Above are my first wireframe designs that I completed, with some illustrations that I designed Above are my first designs, post wireframes. Above are the wireframes that we completed as a group by merging our individual designs. Above are my slight re-designs that I did when i wasn’t necessarily happy with our designs, as I was in charge of the about us page. Above are my second re-designs for this process, going in a completely different direction. Above are the designs that were above, but experimenting with it on a white background, rather than black Above are my initial wireframes of my complete re-designs, using the new brand guidelines they showed us and information on the Borne website. Above is the mid fidelity designs from the wireframes above Above are the designs of the sustainability page. In my initial designs I was trying to work out a way to include the sustainability values on the about us page, but was worried it was making the page too overwhelming so designed it on a separate page and easily accessible to go to and from the about us page through a simple button.<\/p>\n","protected":false},"author":1,"featured_media":822,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[27],"tags":[],"_links":{"self":[{"href":"https:\/\/www.nua-ux.design\/lizzy-lanfear\/blog\/wp-json\/wp\/v2\/posts\/776"}],"collection":[{"href":"https:\/\/www.nua-ux.design\/lizzy-lanfear\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.nua-ux.design\/lizzy-lanfear\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.nua-ux.design\/lizzy-lanfear\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.nua-ux.design\/lizzy-lanfear\/blog\/wp-json\/wp\/v2\/comments?post=776"}],"version-history":[{"count":1,"href":"https:\/\/www.nua-ux.design\/lizzy-lanfear\/blog\/wp-json\/wp\/v2\/posts\/776\/revisions"}],"predecessor-version":[{"id":823,"href":"https:\/\/www.nua-ux.design\/lizzy-lanfear\/blog\/wp-json\/wp\/v2\/posts\/776\/revisions\/823"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.nua-ux.design\/lizzy-lanfear\/blog\/wp-json\/wp\/v2\/media\/822"}],"wp:attachment":[{"href":"https:\/\/www.nua-ux.design\/lizzy-lanfear\/blog\/wp-json\/wp\/v2\/media?parent=776"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.nua-ux.design\/lizzy-lanfear\/blog\/wp-json\/wp\/v2\/categories?post=776"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.nua-ux.design\/lizzy-lanfear\/blog\/wp-json\/wp\/v2\/tags?post=776"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}