BEFORE
We've observed that the profile on this website lacks allure, with a noticeable disparity between the logo and photo themes. Additionally, the length of the page makes it cumbersome for users to scroll down efficiently.
AFTER
In the development of this prototype, our foremost considerations were feasibility and simplicity. Following an initial phase of low-fidelity prototyping and insightful user feedback, our subsequent endeavors were dedicated to iterative refinement, with a particular focus on optimizing and elevating the overall user experience.
BEFORE
The menu button appears relatively small, and upon activation, it unveils a compact box that deviates from the intended minimalistic style for the web.
AFTER
In this development phase, we enlarged and enriched the menu interface to ensure it aligns with the expansive and user-friendly design of the app, making it more accessible and comprehensible for users.
BEFORE
In the current development iteration, the map occupies the entirety of the screen, posing a potential challenge for users to discern the presence of the 'Get in Touch' section when scrolling down.
AFTER
In this stage of development, we have optimized the user interface for enhanced seamlessness, providing clear cues for users to place orders or contact us for service bookings.
In this progressive phase of development, a deliberate design choice has been made to leverage a full-screen image, strategically employed to cultivate a sense of simplicity and elevate the overall aesthetic appeal. This approach not only serves the functional purpose of optimizing visual space but also endeavors to provide users with an immersive and refined interface, thereby contributing to a more engaging and aesthetically pleasing user experience.
In this progressive phase of development, a deliberate design choice has been made to leverage a full-screen image, strategically employed to cultivate a sense of simplicity and elevate the overall aesthetic appeal. This approach not only serves the functional purpose of optimizing visual space but also endeavors to provide users with an immersive and refined interface, thereby contributing to a more engaging and aesthetically pleasing user experience.
In this progressive phase of development, a deliberate design choice has been made to leverage a full-screen image, strategically employed to cultivate a sense of simplicity and elevate the overall aesthetic appeal. This approach not only serves the functional purpose of optimizing visual space but also endeavors to provide users with an immersive and refined interface, thereby contributing to a more engaging and aesthetically pleasing user experience.
In this stage of development, we have opted for a full-screen layout characterized by simplicity. This deliberate choice aims to enhance user clarity and facilitate seamless navigation, ensuring individuals can distinctly make choices that align with their preferences, thereby fostering a clearer and more user-friendly understanding
In this stage of development, we have opted for a full-screen layout characterized by simplicity. This deliberate choice aims to enhance user clarity and facilitate seamless navigation, ensuring individuals can distinctly make choices that align with their preferences, thereby fostering a clearer and more user-friendly understanding
In this stage of development, we have opted for a full-screen layout characterized by simplicity. This deliberate choice aims to enhance user clarity and facilitate seamless navigation, ensuring individuals can distinctly make choices that align with their preferences, thereby fostering a clearer and more user-friendly understanding
In this phase of development, we have enhanced the accessibility and user-friendliness of the 'Get in Touch' feature, making it more feasible for individuals to seamlessly book services or inquire about prices and other relevant information.
In this phase of development, we have enhanced the accessibility and user-friendliness of the 'Get in Touch' feature, making it more feasible for individuals to seamlessly book services or inquire about prices and other relevant information.
In this phase of development, we have enhanced the accessibility and user-friendliness of the 'Get in Touch' feature, making it more feasible for individuals to seamlessly book services or inquire about prices and other relevant information.
In this segment, we articulate the corporate vision and historical narrative of our organization. The integration of photography is purposeful, serving as a visual chronicle that illuminates our roots and conveys the enduring vision guiding our company's trajectory.
In this segment, we articulate the corporate vision and historical narrative of our organization. The integration of photography is purposeful, serving as a visual chronicle that illuminates our roots and conveys the enduring vision guiding our company's trajectory.
In this segment, we articulate the corporate vision and historical narrative of our organization. The integration of photography is purposeful, serving as a visual chronicle that illuminates our roots and conveys the enduring vision guiding our company's trajectory.
. Final Design
. Final Design
. Final Design
. Final Design
SPRING INTERNSHIP
SPRING INTERNSHIP
Oh Joy Studio.
photography website
Oh Joy Studio.
photography website
Oh Joy Studio.
photography website
Highlights.
During the spring of 2023, I served as a UX Design Intern with the Oh Joy Design Foundation Team. In collaboration with designers across the organization, my role aimed to gather diverse perspectives and insights into the nuanced requirements of individual product teams and business units. Our team is actively involved in advancing the Photography Web, aligning with Oh Joy's overarching design and product strategy for the upcoming year.
My internship project focuses on optimizing the web's network for photography professionals, fostering seamless connections between photographers and customers. The primary objectives include enhancing the display order of photography and refining customer order tracking.
Highlights.
During the spring of 2023, I served as a UX Design Intern with the Oh Joy Design Foundation Team. In collaboration with designers across the organization, my role aimed to gather diverse perspectives and insights into the nuanced requirements of individual product teams and business units. Our team is actively involved in advancing the Photography Web, aligning with Oh Joy's overarching design and product strategy for the upcoming year.
My internship project focuses on optimizing the web's network for photography professionals, fostering seamless connections between photographers and customers. The primary objectives include enhancing the display order of photography and refining customer order tracking.
Highlights.
During the spring of 2023, I served as a UX Design Intern with the Oh Joy Design Foundation Team. In collaboration with designers across the organization, my role aimed to gather diverse perspectives and insights into the nuanced requirements of individual product teams and business units. Our team is actively involved in advancing the Photography Web, aligning with Oh Joy's overarching design and product strategy for the upcoming year.
My internship project focuses on optimizing the web's network for photography professionals, fostering seamless connections between photographers and customers. The primary objectives include enhancing the display order of photography and refining customer order tracking.
Time: March 2023 to June 2023
Role: UX Design Intern
Involvement: Design System
Team: Design Foundation at Oh Joy Studio
Time: March 2023 to June 2023
Role: UX Design Intern
Involvement: Design System
Team: Design Foundation at Oh Joy Studio
Time: March 2023 to June 2023
Role: UX Design Intern
Involvement: Design System
Team: Design Foundation at Oh Joy Studio
. Overview
. Overview
. Overview
Context
Context
Context
Peruse our comprehensive photography portfolio meticulously organized by category, offering a glimpse into the diverse narratives we have beautifully captured. Each album features compelling stories, providing insight into the concepts and motivations that led individuals to select Oh Joy Studio for their photography needs. Navigate through these refined collections, and effortlessly engage our services to transform your unique story into timeless visuals.
Peruse our comprehensive photography portfolio meticulously organized by category, offering a glimpse into the diverse narratives we have beautifully captured. Each album features compelling stories, providing insight into the concepts and motivations that led individuals to select Oh Joy Studio for their photography needs. Navigate through these refined collections, and effortlessly engage our services to transform your unique story into timeless visuals.
Peruse our comprehensive photography portfolio meticulously organized by category, offering a glimpse into the diverse narratives we have beautifully captured. Each album features compelling stories, providing insight into the concepts and motivations that led individuals to select Oh Joy Studio for their photography needs. Navigate through these refined collections, and effortlessly engage our services to transform your unique story into timeless visuals.
Our Solution
Our Solution
Our Solution
In response to this, we have undertaken a comprehensive overhaul of the company website. This involved a meticulous redesign of the layout, a judicious selection of theme-appropriate visuals, and a refinement of our logo to embrace a more minimalistic ethos. These strategic enhancements aim to optimize user accessibility, ensuring a simplified and efficient navigation experience for our clientele.
In response to this, we have undertaken a comprehensive overhaul of the company website. This involved a meticulous redesign of the layout, a judicious selection of theme-appropriate visuals, and a refinement of our logo to embrace a more minimalistic ethos. These strategic enhancements aim to optimize user accessibility, ensuring a simplified and efficient navigation experience for our clientele.
In response to this, we have undertaken a comprehensive overhaul of the company website. This involved a meticulous redesign of the layout, a judicious selection of theme-appropriate visuals, and a refinement of our logo to embrace a more minimalistic ethos. These strategic enhancements aim to optimize user accessibility, ensuring a simplified and efficient navigation experience for our clientele.
. Discovery
. Discovery
. Discovery
Kick-off
Kick-off
Kick-off
The focal demographic for our target audience comprises individuals aged 22 and above, specifically couples, families, and new parents. This discerning clientele is characterized by a middle-class socioeconomic status, with a financial range spanning from $2,000 to $30,000. Our audience is a mix of both single and married individuals, residing in both suburban and urban locales.
The focal demographic for our target audience comprises individuals aged 22 and above, specifically couples, families, and new parents. This discerning clientele is characterized by a middle-class socioeconomic status, with a financial range spanning from $2,000 to $30,000. Our audience is a mix of both single and married individuals, residing in both suburban and urban locales.
The focal demographic for our target audience comprises individuals aged 22 and above, specifically couples, families, and new parents. This discerning clientele is characterized by a middle-class socioeconomic status, with a financial range spanning from $2,000 to $30,000. Our audience is a mix of both single and married individuals, residing in both suburban and urban locales.
Couple
Couple
Newborn
Newborn
Family
Family
. Research
. Research
. Research
At the forefront of our inquiry is a central question: What challenges confront users during the navigation of photo selection and service booking on our website?
At the forefront of our inquiry is a central question: What challenges confront users during the navigation of photo selection and service booking on our website?
At the forefront of our inquiry is a central question: What challenges confront users during the navigation of photo selection and service booking on our website?
Following rigorous semi-structured interviews involving 5 participants, a notable challenge has been identified. Users commonly experience difficulty in selecting suitable photos for our services due to the disorganized arrangement that does not align with the website's theme. Furthermore, the aesthetic preferences remain unclear, and the service booking process is perceived as overly intricate.
Following rigorous semi-structured interviews involving 5 participants, a notable challenge has been identified. Users commonly experience difficulty in selecting suitable photos for our services due to the disorganized arrangement that does not align with the website's theme. Furthermore, the aesthetic preferences remain unclear, and the service booking process is perceived as overly intricate.
Following rigorous semi-structured interviews involving 5 participants, a notable challenge has been identified. Users commonly experience difficulty in selecting suitable photos for our services due to the disorganized arrangement that does not align with the website's theme. Furthermore, the aesthetic preferences remain unclear, and the service booking process is perceived as overly intricate.
As a couple exploring wedding photography services, we encountered challenges with the booking platform's accessibility and disorganized photo arrangements. To enhance the user experience, we recommend refining the booking interface for improved accessibility and reconsidering photo curation to align with the website's theme, facilitating a more informed decision-making process for couples seeking photography services
As a couple exploring wedding photography services, we encountered challenges with the booking platform's accessibility and disorganized photo arrangements. To enhance the user experience, we recommend refining the booking interface for improved accessibility and reconsidering photo curation to align with the website's theme, facilitating a more informed decision-making process for couples seeking photography services
Clark & Ava
Clark & Ava
As a new mother seeking newborn photography services, I faced challenges with the website's booking platform accessibility and disorganized photo arrangements. To improve the user experience, I suggest refining the booking interface for better accessibility and reconsidering photo curation to align with the website's theme, catering to the expectations of new mothers like myself.
As a new mother seeking newborn photography services, I faced challenges with the website's booking platform accessibility and disorganized photo arrangements. To improve the user experience, I suggest refining the booking interface for better accessibility and reconsidering photo curation to align with the website's theme, catering to the expectations of new mothers like myself.
Olivia’s Baby
Olivia’s Baby
In exploring Oh Joy Studio website, we faced challenges in accessing the booking platform and encountered disorganized photo arrangements. To enhance the user experience, we recommend refining the booking interface for improved accessibility and reconsidering photo curation for better alignment with the website's theme and user expectations.
In exploring Oh Joy Studio website, we faced challenges in accessing the booking platform and encountered disorganized photo arrangements. To enhance the user experience, we recommend refining the booking interface for improved accessibility and reconsidering photo curation for better alignment with the website's theme and user expectations.
Johnberg Family
Johnberg Family
COMPETITOR ANALYSIS
COMPETITOR ANALYSIS
Local Grapher
LocalGrapher is a platform crafted for users to seamlessly book photography services, explore photographers' portfolios, and peruse their photo albums. However, the current design exhibits a lack of cohesion, with the photos not aligning effectively with the website's theme. This incongruity, especially in the booking process, presents a barrier for customers attempting to engage with their services.
Massiel
Massiel serves as a dedicated platform for photographers to exhibit and market their photo albums. However, the existing presentation exhibits a lack of organization, characterized by untidy photo arrangements and an absence of a cohesive theme across the website.
In summary, an exhaustive user analysis and thorough research have unveiled significant challenges within the Oh Joy Studio website. These challenges, spanning issues of accessibility, complexities in service booking, and a distinct difficulty in locating theme-aligned photos, underscore a profound misalignment between the current photo arrangement and the intended concept or overarching goals of the company. To address these complexities, a multifaceted strategic realignment of the website's design and functionality is imperative. This strategic endeavor seeks to meticulously transform the user experience into a seamless and user-friendly journey, intricately woven to align cohesively with the company's overarching vision and strategic objectives. By undertaking this holistic approach, Oh Joy Studio aspires to elevate its digital presence, providing a curated and engaging platform that resonates with its user base and aligns harmoniously with its brand identity.
In summary, an exhaustive user analysis and thorough research have unveiled significant challenges within the Oh Joy Studio website. These challenges, spanning issues of accessibility, complexities in service booking, and a distinct difficulty in locating theme-aligned photos, underscore a profound misalignment between the current photo arrangement and the intended concept or overarching goals of the company. To address these complexities, a multifaceted strategic realignment of the website's design and functionality is imperative. This strategic endeavor seeks to meticulously transform the user experience into a seamless and user-friendly journey, intricately woven to align cohesively with the company's overarching vision and strategic objectives. By undertaking this holistic approach, Oh Joy Studio aspires to elevate its digital presence, providing a curated and engaging platform that resonates with its user base and aligns harmoniously with its brand identity.
In summary, an exhaustive user analysis and thorough research have unveiled significant challenges within the Oh Joy Studio website. These challenges, spanning issues of accessibility, complexities in service booking, and a distinct difficulty in locating theme-aligned photos, underscore a profound misalignment between the current photo arrangement and the intended concept or overarching goals of the company. To address these complexities, a multifaceted strategic realignment of the website's design and functionality is imperative. This strategic endeavor seeks to meticulously transform the user experience into a seamless and user-friendly journey, intricately woven to align cohesively with the company's overarching vision and strategic objectives. By undertaking this holistic approach, Oh Joy Studio aspires to elevate its digital presence, providing a curated and engaging platform that resonates with its user base and aligns harmoniously with its brand identity.
How can we
enhance the organization and presentation of photos on our photography website to create a more visually appealing and user-friendly experience for visitors?
How can we
enhance the organization and presentation of photos on our photography website to create a more visually appealing and user-friendly experience for visitors?
How can we
enhance the organization and presentation of photos on our photography website to create a more visually appealing and user-friendly experience for visitors?
. Ideation
. Ideation
. Ideation
We seek simplicity, accessibility, and minimalism in our design.
We seek simplicity, accessibility, and minimalism in our design.
We seek simplicity, accessibility, and minimalism in our design.
In alignment with discerned customer needs and preferences, the Oh Joy website underwent a comprehensive redesign. The focus was on enhancing simplicity, accessibility, and minimalism. Notably, the photo layout was meticulously reorganized to optimize visibility and ease of exploration. This strategic initiative ensures an inviting and seamless user experience, facilitating efficient navigation, extended engagement, and streamlined service bookings.
In alignment with discerned customer needs and preferences, the Oh Joy website underwent a comprehensive redesign. The focus was on enhancing simplicity, accessibility, and minimalism. Notably, the photo layout was meticulously reorganized to optimize visibility and ease of exploration. This strategic initiative ensures an inviting and seamless user experience, facilitating efficient navigation, extended engagement, and streamlined service bookings.
In alignment with discerned customer needs and preferences, the Oh Joy website underwent a comprehensive redesign. The focus was on enhancing simplicity, accessibility, and minimalism. Notably, the photo layout was meticulously reorganized to optimize visibility and ease of exploration. This strategic initiative ensures an inviting and seamless user experience, facilitating efficient navigation, extended engagement, and streamlined service bookings.
USER JOURNEY
User Flow
The execution of the system flow within the web is underway
Home Page
Menu
She Said Yes
Family
Family
Photos
Photos
Choose Photo
Choose Photo
Photo Story
Photo Story
Tying the Knot
Tying the Knot
Photos
Photos
Choose Photo
Choose Photo
Photo Story
Photo Story
She Said Yes
She Said Yes
Photos
Photos
Choose Photo
Choose Photo
Photo Story
Photo Story
Baby & Maternity
Baby & Maternity
Photos
Photos
Choose Photo
Choose Photo
Photo Story
Photo Story
About
Story
Contact
Us
Contact
Us
Contact Info
Contact Info
Send
Send
Tying the Knot
Tying the Knot
Photos
Photos
Choose Photo
Choose Photo
Photo Story
Photo Story
Family
Family
Photos
Photos
Choose Photo
Choose Photo
Photo Story
Photo Story
Baby & Maternity
Baby & Maternity
Photos
Photos
Choose Photo
Choose Photo
Photo Story
Photo Story
. Testing & Iteration
. Testing & Iteration
In the development of this prototype, our foremost considerations were feasibility and simplicity. Following an initial phase of low-fidelity prototyping and insightful user feedback, our subsequent endeavors were dedicated to iterative refinement, with a particular focus on optimizing and elevating the overall user experience.
In the development of this prototype, our foremost considerations were feasibility and simplicity. Following an initial phase of low-fidelity prototyping and insightful user feedback, our subsequent endeavors were dedicated to iterative refinement, with a particular focus on optimizing and elevating the overall user experience.
BEFORE & AFTER
BEFORE & AFTER
. Reflection
. Reflection
. Reflection
The most gratifying aspect of this project for me was strategically developing design solutions aimed at elevating customer satisfaction. I took pride in addressing challenges encountered by individuals dissatisfied with the website's perceived complexity.
Moreover, this marks my second experience in design projects involving direct communication with clients and understanding their product needs. It is also my inaugural endeavor in designing user interfaces on a photographic and minimalistic platform. This learning experience extended beyond design conventions, encompassing effective communication with clients, fostering empathy for diverse user groups such as mothers, pregnant women, families, and couples, and acquainting myself with the design principles and usage conventions associated with photographic minimalistic styles.
The most gratifying aspect of this project for me was strategically developing design solutions aimed at elevating customer satisfaction. I took pride in addressing challenges encountered by individuals dissatisfied with the website's perceived complexity.
Moreover, this marks my second experience in design projects involving direct communication with clients and understanding their product needs. It is also my inaugural endeavor in designing user interfaces on a photographic and minimalistic platform. This learning experience extended beyond design conventions, encompassing effective communication with clients, fostering empathy for diverse user groups such as mothers, pregnant women, families, and couples, and acquainting myself with the design principles and usage conventions associated with photographic minimalistic styles.
The most gratifying aspect of this project for me was strategically developing design solutions aimed at elevating customer satisfaction. I took pride in addressing challenges encountered by individuals dissatisfied with the website's perceived complexity.
Moreover, this marks my second experience in design projects involving direct communication with clients and understanding their product needs. It is also my inaugural endeavor in designing user interfaces on a photographic and minimalistic platform. This learning experience extended beyond design conventions, encompassing effective communication with clients, fostering empathy for diverse user groups such as mothers, pregnant women, families, and couples, and acquainting myself with the design principles and usage conventions associated with photographic minimalistic styles.
VISUAL SYSTEM
VISUAL SYSTEM
In this team, I was responsible for organizing the design guidelines for the rest of the team members.
In this team, I was responsible for organizing the design guidelines for the rest of the team members.
Main Color
B99976
Primary Aesthetic
D2B48C
Primary Aesthetic
E5D3B3
Primary Aesthetic
987554
Primary Aesthetic
664229
Primary Aesthetic
Text Color
FFFFFF
White
000000
Black
Typography
Yeseva One - 60 pts
Yeseva One - 60 pts
League Spartan Semi Bold - 60 pts
League Spartan Semi Bold - 60 pts
League Spartan Semi Bold - 44 pts
League Spartan Semi Bold - 44 pts
League Spartan Semi Bold - 34 pts
League Spartan Semi Bold - 34 pts
League Spartan Semi Bold - 24 pts
League Spartan Semi Bold - 24 pts
League Spartan Regular - 40 pts
League Spartan Regular - 40 pts
League Spartan Regular - 34 pts
League Spartan Regular - 34 pts
League Spartan Regular - 24 pts
League Spartan Regular - 24 pts
League Spartan Medium - 30 pts
League Spartan Medium - 30 pts
League Spartan Light - 44 pts
League Spartan Light - 44 pts
League Spartan Light - 35 pts
League Spartan Light - 35 pts
League Spartan Light - 24 pts
League Spartan Light - 24 pts
League Spartan Thin - 34 pts
League Spartan Thin - 34 pts
League Spartan Thin - 24 pts
League Spartan Thin - 24 pts
League Spartan Extra Light - 20 pts
League Spartan Extra Light - 20 pts
@2024 By Cindy Susanto - Accessible Design is a Good Design
@2024 By Cindy Susanto - Accessible Design is a Good Design
@2024 By Cindy Susanto - Accessible Design is a Good Design