// Product.

// Work 02

Project Challenges

  • The client did not have a personal website to market her publications and research. The goal became centralising her work to one platform — a personal website — to extend her reach to the audience.

Project Challenges

  • The client did not have a personal website to market her publications and research. The goal became centralising her work to one platform — a personal website — to extend her reach to the audience.

Project Challenges

  • The client did not have a personal website to market her publications and research. The goal became centralising her work to one platform — a personal website — to extend her reach to the audience.

Project Focus

  • Minimal Design.

  • Meaningful Concept.

  • Responsive design for desktop and mobile.

Project Focus

  • Minimal Design.

  • Meaningful Concept.

  • Responsive design for desktop and mobile.

Project Focus

  • Minimal Design.

  • Meaningful Concept.

  • Responsive design for desktop and mobile.

How-Might-We

  • Increase the client’s exposure?

  • Market the client’s expertise and services?

  • Create smooth interface experience for the target audience?

How-Might-We

  • Increase the client’s exposure?

  • Market the client’s expertise and services?

  • Create smooth interface experience for the target audience?

How-Might-We

  • Increase the client’s exposure?

  • Market the client’s expertise and services?

  • Create smooth interface experience for the target audience?

Client

Dr. Kathryn Ibata-Arens

Client

Dr. Kathryn Ibata-Arens

Client

Dr. Kathryn Ibata-Arens

Timeframe

1 Month

Timeframe

1 Month

Timeframe

1 Month

Tools

Adobe Illustrator, Photoshop, Figma + CSS

Tools

Adobe Illustrator, Photoshop, Figma + CSS

Tools

Adobe Illustrator, Photoshop, Figma + CSS

Skillset

UX/UI Design and Front-End Development

Skillset

UX/UI Design and Front-End Development

Skillset

UX/UI Design and Front-End Development

Kathryn Ibata-Arens

Kathryn Ibata-Arens

Kathryn Ibata-Arens

Kathryn Ibata-Arens is a Vincent de Paul Professor of Political Economy, at DePaul University.

A scholar of innovation and entrepreneurship, science and technology policy, and economic development. As she grows in popularity, the client desired to have a central platform where her work can be easily accessed. I designed a responsive website that would increase the client’s exposure towards her audience, thus, improving traffic flow, popularity and book sales.

Kathryn Ibata-Arens is a Vincent de Paul Professor of Political Economy, at DePaul University.

A scholar of innovation and entrepreneurship, science and technology policy, and economic development. As she grows in popularity, the client desired to have a central platform where her work can be easily accessed. I designed a responsive website that would increase the client’s exposure towards her audience, thus, improving traffic flow, popularity and book sales.

Kathryn Ibata-Arens is a Vincent de Paul Professor of Political Economy, at DePaul University.

A scholar of innovation and entrepreneurship, science and technology policy, and economic development. As she grows in popularity, the client desired to have a central platform where her work can be easily accessed. I designed a responsive website that would increase the client’s exposure towards her audience, thus, improving traffic flow, popularity and book sales.

July 2022

July 2022

July 2022

Back //

Back //

“While working with you, I’ve learnt how to make design decisions on how I want to present by virtual presence. I’ve never thought about it that way, but I have a good feeling your wonderful work will create some traction towards my website.”


- Dr. Kathryn Ibata-Arens | Award Winning Author

“While working with you, I’ve learnt how to make design decisions on how I want to present by virtual presence. I’ve never thought about it that way, but I have a good feeling your wonderful work will create some traction towards my website.”


- Dr. Kathryn Ibata-Arens | Award Winning Author

“While working with you, I’ve learnt how to make design decisions on how I want to present by virtual presence. I’ve never thought about it that way, but I have a good feeling your wonderful work will create some traction towards my website.”


- Dr. Kathryn Ibata-Arens | Award Winning Author

Scroll

Scroll

Introduction

Introduction

Introduction

Dr. Kathryn Ibata-Arens approached us with a task of helping her create a brand and web presence. With the release of her new book, she wanted to create a central platform where her audience could get to know her, purchase her published work and get closer insights to her professional life. We had a brainstorming session and decided that what she needed was a website. Next steps were research, wire-framing, brand development, web designing and finally the product launch.

Dr. Kathryn Ibata-Arens approached us with a task of helping her create a brand and web presence. With the release of her new book, she wanted to create a central platform where her audience could get to know her, purchase her published work and get closer insights to her professional life. We had a brainstorming session and decided that what she needed was a website. Next steps were research, wire-framing, brand development, web designing and finally the product launch.

Increased the audience engagement by more than 60% and reduced the bounce rate to 33%

Increased the audience engagement by more than 60% and reduced the bounce rate to 33%

Increased the audience engagement by more than 60% and reduced the bounce rate to 33%

-Web Analytics + Google Analytics

-Web Analytics + Google Analytics

Process

Process

Information Architecture

Information Architecture

Information Architecture

I created a user flow diagram to map out how feasible will the interaction be to the end users. One of the problems I had to formulate a solution for is how the interface would provide a smooth navigation to the user. I successfully included all necessary information in each page, while maintaining a marketing perspective the client was aiming to achieve.

I created a user flow diagram to map out how feasible will the interaction be to the end users. One of the problems I had to formulate a solution for is how the interface would provide a smooth navigation to the user. I successfully included all necessary information in each page, while maintaining a marketing perspective the client was aiming to achieve.

I created a user flow diagram to map out how feasible will the interaction be to the end users. One of the problems I had to formulate a solution for is how the interface would provide a smooth navigation to the user. I successfully included all necessary information in each page, while maintaining a marketing perspective the client was aiming to achieve.

Authors in Similar Genre

Authors in Similar Genre

Authors in Similar Genre

A few authors within the same discipline as the client that inspired the website design choices.

A few authors within the same discipline as the client that inspired the website design choices.

A few authors within the same discipline as the client that inspired the website design choices.

Prototypes

Prototypes

Prototypes

Prototype iterations from low fidelity to high fidelity for desktop and mobile versions.

Prototype iterations from low fidelity to high fidelity for desktop and mobile versions.

Prototype iterations from low fidelity to high fidelity for desktop and mobile versions.

Low Fidelity

Low Fidelity

Mid Fidelity

Mid Fidelity

High Fidelity

High Fidelity

Additional Assets

Additional Assets

Additional Assets

Other assets included in the website but not shown in the prototyping phase.

Other assets included in the website but not shown in the prototyping phase.

Other assets included in the website but not shown in the prototyping phase.

Full Screen Menu

Full Screen Menu

Calendar

Calendar

Takeaways

Takeaways

Takeaways

Additional User Testing

Additional User Testing

I worked with the client and her assistant to collect content for the website. I shared detailed explanations of the design direction at each prototyping phase. I sent the final Hi-Fi prototype to the client for testing and we shared it with other people for feedback. We learned that it is important to cast a wider net when looking for user testing participants. Due to time constraints, we could only test with a few users. Additional testing would have had a huge impact on the overall project.

I worked with the client and her assistant to collect content for the website. I shared detailed explanations of the design direction at each prototyping phase. I sent the final Hi-Fi prototype to the client for testing and we shared it with other people for feedback. We learned that it is important to cast a wider net when looking for user testing participants. Due to time constraints, we could only test with a few users. Additional testing would have had a huge impact on the overall project.

I worked with the client and her assistant to collect content for the website. I shared detailed explanations of the design direction at each prototyping phase. I sent the final Hi-Fi prototype to the client for testing and we shared it with other people for feedback. We learned that it is important to cast a wider net when looking for user testing participants. Due to time constraints, we could only test with a few users. Additional testing would have had a huge impact on the overall project.

Extensive research on Specific Genres

Extensive research on Specific Genres

This project turned out to be a learning experience when it came to designing for public figures such as authors in this case. From my experience, personal websites do not have a marketing component to it, which is quite contrary to how authors want their personal websites to be. From this I learned how to do extensive research on authors, how they structured their websites, use of CTA and overall marketing language. My ability to present design decisions which were supported from findings in my research was highly appreciated by the client.

This project turned out to be a learning experience when it came to designing for public figures such as authors in this case. From my experience, personal websites do not have a marketing component to it, which is quite contrary to how authors want their personal websites to be. From this I learned how to do extensive research on authors, how they structured their websites, use of CTA and overall marketing language. My ability to present design decisions which were supported from findings in my research was highly appreciated by the client.

This project turned out to be a learning experience when it came to designing for public figures such as authors in this case. From my experience, personal websites do not have a marketing component to it, which is quite contrary to how authors want their personal websites to be. From this I learned how to do extensive research on authors, how they structured their websites, use of CTA and overall marketing language. My ability to present design decisions which were supported from findings in my research was highly appreciated by the client.

Collaboration with other developers

Collaboration with other developers

I was responsible for both UX/UI design and front-end development for this project. It was challenging, but I managed to get the client's approval by creating multiple iterations and prototypes. I had to use basic templates and custom CSS code to build the website within the allocated time. If I had more time, I would have outsourced the front-end development so I could focus on UX/UI.

I was responsible for both UX/UI design and front-end development for this project. It was challenging, but I managed to get the client's approval by creating multiple iterations and prototypes. I had to use basic templates and custom CSS code to build the website within the allocated time. If I had more time, I would have outsourced the front-end development so I could focus on UX/UI.

I was responsible for both UX/UI design and front-end development for this project. It was challenging, but I managed to get the client's approval by creating multiple iterations and prototypes. I had to use basic templates and custom CSS code to build the website within the allocated time. If I had more time, I would have outsourced the front-end development so I could focus on UX/UI.

— Our Socials

— Our Socials

— Stay Updated

— Stay Updated

Duxedraft Studios uses a user-centric design approach to create effective, efficient, and enjoyable products and services.

Duxedraft Studios uses a user-centric design approach to create effective, efficient, and enjoyable products and services.

© 2024 Duxedraft Studios. All rights reserved.

© 2024 Duxedraft Studios. All rights reserved.