![Mockup presentation of final minimal portfolio website. Home page, case study page, and about page shown.](https://assets-global.website-files.com/65ce90c829ed44ee5bbf086e/65d67455fad23ee16a352288_img-1-show-case-collage.png)
Services
- Website Design
- Web Development
- Strategy
- CMS
- SEO
Summary
Background
Melissa is an established Architect with lots of experience in multi-family and modular architecture projects. She wants to transition into the high-design space. An appropriate digital portfolio is needed to support this transition.
Challenge
Melissa partnered with MGalen to design and develop a portfolio website. The goal was to competitively position her in the high-design architecture space.
Results
We created a minimalist website. It draws all attention to the beautiful images of her previous projects. The website helps recruiters notice her value immediately, and facilitates contact.
![Long scroll mockup of portfolio homepage.](https://assets-global.website-files.com/65ce90c829ed44ee5bbf086e/65d674550586ff819bd235c4_img-2-melissa-Longscroll.png)
“I am thrilled with my portfolio website! It was overwhelming to start the project on my own. Michael led me through the process with ease, synthesizing my goals and aesthetic.”
Melissa Galen - Architect
Process
Strategy
We researched firms and individuals existing where Melissa would like to be in the future. We also analyzed the aesthetics of high-fashion and other high-design spaces.
![Screen shot of research and analysis for architect portfolio website.](https://assets-global.website-files.com/65ce90c829ed44ee5bbf086e/65d67455b75a091c1abffca4_img-3-research-melissa-galen.png)
Design
Research insights led us to a minimalist design, using white space to focus the attention on images. Text is limited, with soft contrast and few fonts. Navigation is minimal. The design welcomes recruiters and employers with attractive work samples. Then, it provides an elegant contact card.
![Design mockups, mid-fidelity to high-fidelity, of a minimalist architect portfolio.](https://assets-global.website-files.com/65ce90c829ed44ee5bbf086e/65e672d5b69a802485becfd5_img-4-Melissa-minimalism-MINI.png)
Development
With so many images, page load time was a concern. We made sure to optimize every image for its size and the user’s device size. Then, provided large versions to be viewed with a click. Melissa wanted to be able to update and add projects herself. So, an intuitive Content Management System was also crucial. We created a form for adding projects. Each input prompted her with examples from her own projects.
![Website mockup on mobile - portfolio home page and about page.](https://assets-global.website-files.com/65ce90c829ed44ee5bbf086e/65d67455001a3a868b96cc27_img-5-mockup-iphones.png)
“I can’t imagine a smoother process. He really worked to understand my needs and desires, then translated them into an elegant website.”
Melissa Galen - Architect
![Screen shot of architect portfolio homepage](https://assets-global.website-files.com/65ce90c829ed44ee5bbf086e/65d67455a4bc3b64dcf2a664_img-6-home.png)
![Screen shot of a case study page.](https://assets-global.website-files.com/65ce90c829ed44ee5bbf086e/65d67455e089d8889f7ed790_img-7-caseStudy.png)
![Screenshot of the minimalist about page for this architect portfolio.](https://assets-global.website-files.com/65ce90c829ed44ee5bbf086e/65e673a9cb53fca1eb0751ee_img-8-About.png)
![screenshot of the minimal contact page, simulating a business card.](https://assets-global.website-files.com/65ce90c829ed44ee5bbf086e/65d6745594bae5473ddfddf8_img-9-caseStudy.png)