{mh} // client's work
{ art direction, brand strategy, copywriting, web design}
This project is a comprehensive portfolio and resume website designed to serve a dual-purpose audience: potential employers and freelance clients.
The objective was to create a design that seamlessly blends the brand's creative and professional elements while providing an engaging user experience for both tech-savvy users and non-technical consumers.
[the problem]
The client had a vague vision of a modern, roundish, dark-themed website that would represent both his rogue and professional style.
However, he lacked a clear strategy for how to present himself effectively to potential employers and clients as their ideal solution.
[research and discovery]
During the research, I identified two core audiences for the website: hiring managers seeking a full-time developer and freelance clients looking for project-based work.
I analyzed portfolio websites of successful developers and freelancers to pinpoint key elements, including project showcases and clear calls to action. I discovered that clear project showcases, unique branding, and a well-structured "About Me" section were essential for building trust and authority. Simplicity, modern design, and a bold personality were necessary to differentiate the client from other developers.
[strategy & approach]
I adopted a human-centered approach, ensuring each design decision focused on the needs of potential employers and clients. The website was structured to guide users through a journey—from introduction to portfolio showcase—with multiple calls-to-action (CTAs) like "View Resume" for potential employers and "View Portfolio" for freelance clients, directing them to the relevant sections based on their needs.
To align with the client's vision of a "roundish" and dark aesthetic, I drew inspiration from bold, modern design. I opted for a bold minimalist style combined with elements of the bento box design approach. Fonts and typography choices emphasized boldness and modernity, while the color palette featured deep darks, subtle gradients, and sharp blue accents.
The copy was crafted with the user journey in mind, ensuring it aligned with the brand strategy I created for the client. Every aspect of the strategy aimed for simplicity with an edge, ensuring the overall website remained clean yet memorable.
I began with low-fidelity wireframes to map out the content hierarchy, CTAs, and user flow. High-fidelity wireframes were then created, focusing on layout and navigation. Interactive prototypes were built in Figma, enabling seamless feedback and revisions from the client.
The final design incorporated sleek animations, subtle micro-interactions, and custom-designed illustrations, including a chain-like animation to represent the client’s main niche domain.
[the solution]
Each section of the website was carefully crafted to showcase the client’s skills, projects, and experience, with intuitive navigation that guided visitors seamlessly. I created a compelling brand strategy, and produced converting copy that clearly communicated his value to potential employers and freelance clients.
Leveraging custom animations, interactive elements, and responsive design, I ensured the website looked and felt exceptional across all devices. Every step of the process was collaborative, with the client’s feedback shaping the final product to ensure it perfectly embodied his vision and goals.
By leveraging custom animations, interactive elements, and responsive design, I ensured the website design was both creative and professional. Every step of the process was collaborative, with the client’s feedback shaping the final product to ensure it perfectly reflected his vision and goals.
Moving forward, the focus will be on maintaining and enhancing the website to keep it aligned with industry trends and the client’s evolving career goals.
This includes regularly updating the portfolio with new projects to showcase his latest work and skills. Additionally, SEO optimization will be a key priority to boost visibility among potential employers and freelance clients.