Mihai Popa · Digital Designer
02 / Web design case study
cipmars.
Photographer · Bucharest
A photography website with a portfolio and contact form.
I designed and built a website for photographer Ciprian Stănilă. It presents his photographs, profile and contact information. I then improved the links, buttons, spacing and animations while reviewing the site.
Visit live site
- My role
- Web design & development
- Photography
- Ciprian Stănilă
- Current platform
- Framer
- Project type
- Photography portfolio
The project
What the website includes
Ciprian photographs urban and natural landscapes. I built a homepage with a large opening photo and selected work, plus separate Portfolio, About and Contact pages. Visitors can browse the photographs, read about Ciprian and send an enquiry.
I developed the design in Figma and built versions in Webflow before the current Framer version. At each stage, I used the site to check the layout and controls and make further changes.
01 / Photo layout
Arranging the photographs
- What I designed
- I placed a portrait of Ciprian at the top of the homepage, followed by photographs arranged in regular rows and columns. A simple background keeps the layout consistent across different subjects and colours.
- Why I used this layout
- The familiar layout lets visitors browse without learning unusual controls. I used green accents to identify navigation and contact links.
03 / Animation fixes
Fixing text that flashed on load
- The problem
- Some text appeared before its animation started, disappeared, then animated into view. This caused an unwanted flash.
- What I fixed
- I corrected the text’s starting state and checked that the flash was gone. I also adjusted spacing around buttons fixed to the screen and the alignment of notices that wrap onto a second line.
- How I keep later edits consistent
- I recorded shared colours, styles and control behaviour in an internal design guide. This provides a reference when I update other pages or buttons.
04 / Result and next checks
The current site and next checks
What is in place
The site presents Ciprian’s work, profile and contact information on desktop and phone screens. The changes described here were checked during design and development. Their effect on enquiry numbers has not been measured.
What I’d check next
I’d ask someone to view a photograph, read about Ciprian and find the contact form on both a computer and a phone. I’d also check keyboard use and look for unclear controls, unnecessary scrolling or inconsistent responses. After fixing an issue, I’d repeat the same task.
Explore cipmars