-
Notifications
You must be signed in to change notification settings - Fork 3
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
add case study for uiux customweb wordpress
- Loading branch information
Showing
10 changed files
with
650 additions
and
23 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,199 @@ | ||
| import { BarChart, DatabaseZap, Filter } from "lucide-react"; | ||
|
|
||
| export const DATA___UIUX = { | ||
| hero: { | ||
| tagline: <>Elevating Digital Experiences</>, | ||
| title: ( | ||
| <> | ||
| UI/UX Design for <br /><span>Dein Handy Markt</span> | ||
| </> | ||
| ), | ||
| body: ( | ||
| <> | ||
| Dein Handy Markt, a German e-commerce business, needed an appealing and functional design that provided a top-notch user experience, focusing on ease of navigation and a fluid shopping experience. | ||
| </> | ||
| ), | ||
| features: [ | ||
| { | ||
| id: 1, | ||
| icon: <BarChart />, | ||
| text: ( | ||
| <> | ||
| <span>70%</span> Increase in User Retention Rate | ||
| </> | ||
| ), | ||
| }, | ||
| { | ||
| id: 2, | ||
| icon: <Filter />, | ||
| text: ( | ||
| <> | ||
| <span>35%</span> Decrease in Bounce Rate | ||
| </> | ||
| ), | ||
| }, | ||
| { | ||
| id: 3, | ||
| icon: <DatabaseZap />, | ||
| text: ( | ||
| <> | ||
| <span>50%</span> Improvement in Mobile User Engagement | ||
| </> | ||
| ), | ||
| }, | ||
| ], | ||
| cta: { | ||
| primary: { | ||
| text: <>Get other case studies</>, | ||
| link: "/", | ||
| }, | ||
| secondary: { | ||
| text: <>Get a consultation</>, | ||
| link: "/consultation", | ||
| }, | ||
| }, | ||
| }, | ||
| about: { | ||
| image: "https://utfs.io/f/915ff318-de2b-4494-b3df-73a78967133d-9fmvb.png", | ||
| paragraphs: [ | ||
| { | ||
| id: 1, | ||
| text: ( | ||
| <> | ||
| <span>Dein Handy Markt</span> is a German e-commerce business focused on mobile devices and accessories, aiming for a modern UI/UX that simplifies the buying journey. | ||
| </> | ||
| ), | ||
| }, | ||
| ], | ||
| }, | ||
| challenge: { | ||
| title: <>Challenges We Have Faced</>, | ||
| description: ( | ||
| <> | ||
| The client faced several design challenges: | ||
| </> | ||
| ), | ||
| challenges: [ | ||
| { | ||
| id: 1, | ||
| text: ( | ||
| <> | ||
| <span>Design Challenges:</span> Balancing aesthetics with functionality to improve user flow and reduce friction during the purchase journey. | ||
| </> | ||
| ), | ||
| }, | ||
| { | ||
| id: 2, | ||
| text: ( | ||
| <> | ||
| <span>Challenge List:</span> Creating a visually appealing design while maintaining functionality, optimizing for both desktop and mobile users, and ensuring easy navigation through a large product inventory. | ||
| </> | ||
| ), | ||
| }, | ||
| ], | ||
| }, | ||
| approach: { | ||
| title: <>Our Strategic Approaches</>, | ||
| description: ( | ||
| <> | ||
| We employed user-centered design principles to craft an intuitive and visually compelling UI/UX: | ||
| </> | ||
| ), | ||
| approaches: [ | ||
| { | ||
| id: 1, | ||
| text: ( | ||
| <> | ||
| Conducted thorough user research and journey mapping to understand the needs and behaviors of our target audience. This helped us in creating a user-centric design that enhances the overall user experience. | ||
| </> | ||
| ), | ||
| }, | ||
| { | ||
| id: 2, | ||
| text: ( | ||
| <> | ||
| Designed a sleek, minimalist layout with easy-to-navigate sections, ensuring a seamless user experience across all devices. | ||
| </> | ||
| ), | ||
| }, | ||
| { | ||
| id: 3, | ||
| text: ( | ||
| <> | ||
| Prioritized mobile-first design for seamless experiences on all devices, ensuring intuitive navigation and optimal performance across various screen sizes. | ||
| </> | ||
| ), | ||
| }, | ||
| { | ||
| id: 4, | ||
| text: ( | ||
| <> | ||
| Used consistent visual hierarchies and color schemes to enhance readability and engagement. | ||
| </> | ||
| ), | ||
| }, | ||
| ], | ||
| image: "https://utfs.io/f/915ff318-de2b-4494-b3df-73a78967133d-9fmvb.png", | ||
| }, | ||
| result: { | ||
| image: "https://utfs.io/f/915ff318-de2b-4494-b3df-73a78967133d-9fmvb.png", | ||
| description: ( | ||
| <> | ||
| The results of our efforts were significant: | ||
| </> | ||
| ), | ||
| results: [ | ||
| { | ||
| id: 1, | ||
| text: ( | ||
| <> | ||
| <span>70%</span> increase in user retention, indicating a significant improvement in user engagement and satisfaction. | ||
| </> | ||
| ), | ||
| }, | ||
| { | ||
| id: 2, | ||
| text: ( | ||
| <> | ||
| <span>35%</span> drop in bounce rate, indicating a significant improvement in user engagement and content relevance. | ||
| </> | ||
| ), | ||
| }, | ||
| { | ||
| id: 3, | ||
| text: ( | ||
| <> | ||
| <span>50%</span> boost in mobile user engagement, resulting in a significant increase in mobile conversions and revenue. | ||
| </> | ||
| ), | ||
| }, | ||
| { | ||
| id: 4, | ||
| text: ( | ||
| <> | ||
| Simplified checkout process leading to a <span>20%</span> increase in completed purchases, resulting in a significant boost to revenue and customer satisfaction. | ||
| </> | ||
| ), | ||
| }, | ||
| ], | ||
| }, | ||
| review: { | ||
| title: "Client Feedback", | ||
| description: ( | ||
| <> | ||
| Our collaboration with Dein Handy Markt has resulted in a successful partnership: | ||
| </> | ||
| ), | ||
| review: { | ||
| qouteText: ( | ||
| <> | ||
| <span>Holistic Approach:</span> Our design not only improved aesthetics but also functionality, leading to a better user experience. | ||
| </> | ||
| ), | ||
| name: "Christian AntonCharles", // Placeholder for the client's name | ||
| avatar: "https://github.com/shadcn.png", // Placeholder for the client's avatar | ||
| org: "Dein Handy Markt", | ||
| }, | ||
| image: "https://utfs.io/f/915ff318-de2b-4494-b3df-73a78967133d-9fmvb.png", // Placeholder for the review image | ||
| }, | ||
| } |
Oops, something went wrong.