Media

PixelPictures

Website case study
Project preview

Where creativity meets technology.PixelPictures needed a portfolio that better reflected its creative identity and visual quality. We designed a polished, image-first website that showcases their work and supports stronger client engagement.

Website quality we achieved using Lighthouse

Performance

100

Accessibility

100

Best Practices

100

SEO

From business goal to usable website

Addis Ababa
Creative Portfolio
Website

Portfolio browsing

Media

Image-led layout

Brand

Visual identity

Background

PixelPictures is a creative studio in Addis Ababa that sums up its positioning in one line: where creativity meets technology. Its portfolio includes branding and product photography, the kind of imagery made for marketing materials, online stores and promotional campaigns.

For a studio like this, the website is the portfolio. Prospective clients judge the quality of the work by the quality of its presentation, and the previous site was not doing the images justice.

DreamTech was asked to rebuild it so the work leads, the interface recedes, and every featured project opens into its own story. The screens on this page show the redesigned portfolio as our team built it.

Challenge

The old portfolio felt weak and did not match the studio's premium creative brand.

Work that needs to be seen large

Creative portfolios are judged at full size. The studio needed its photography shown big enough to reveal detail and texture, the very qualities it sells.

A frame that matches the brand

The old layout did not give the photography the restraint a premium studio needs. The new design had to feel as considered as the images inside it.

No story behind a single image

One photo rarely explains a brief. Visitors needed to see the category, the purpose and the fuller set behind each project.

Heavy media, limited patience

High-resolution imagery had to stay sharp without making the site slow to open.

Methodology & Approach

We designed the portfolio the way a gallery hangs a show: one piece at a time, with plenty of dark space around it. The interface uses a near-black, monochrome palette, so the only color on screen comes from the studio's own photographs.

Navigation was moved out of the way. A single Menu control opens the site structure, while the main view is given over to a full-bleed slider of featured cases. Each slide carries just enough text to orient the visitor before inviting them further in.

Curate before designingAgreed with the studio to lead with a focused set of featured cases instead of the whole archive.
Monochrome frameKept type white and neutral so it never competes with the photography.
A caption for every slidePaired each image with a number, a category label and a one-line description.
Media preparationExported images at sizes matched to screen widths so detail holds up without oversized downloads.

Solution

We rebuilt it with stronger visuals, better storytelling, and a cleaner browsing experience.

Full-screen case slider

The home page is a sequence of featured projects, each filling the viewport with a single image.

Slide numbers for orientation
A category label above the title, such as Branding
A short description and a View Case button

Thumbnail rail

A vertical strip of thumbnails along the left edge previews upcoming projects and lets visitors jump straight to one.

Overlay menu

One Menu button opens the full navigation, keeping the main view free of bars and links.

Dedicated case pages

View Case opens a full project page where the image set and its context sit together, turning a striking photo into a complete piece of work.

Typography with restraint

A short list of type styles gives the site an editorial feel without extra decoration.

Bold sans-serif project titles
Small uppercase, letter-spaced labels and buttons
White text on near-black backgrounds throughout

Design, visibility, speed, and action

The case study documents delivered capabilities. It does not present unverified sales or traffic growth as fact.

UX and responsive design

A clear page hierarchy and adaptable layouts for desktop, tablet, and mobile visitors.

Technical SEO foundation

Search-friendly structure, semantic content, metadata, and crawlable navigation patterns.

Performance-minded delivery

Optimized media, reserved image space, and lean interaction patterns designed to reduce friction.

Conversion pathways

Prominent calls to action that guide visitors toward enquiries, downloads, applications, or purchases.

Explore the live page experience

Review the website home page and any additional live pages captured during the latest portfolio review.

Project Results

The rebuilt portfolio lets PixelPictures present its photography the way it was meant to be seen.

Prospective clients see each featured project at full-screen size.
Visitors move between cases with the slider or jump ahead from the thumbnail rail.
Every featured image leads through to a full case page.
The minimal interface keeps attention on the studio's work rather than the website.
Prepared media kept the image-heavy layout at a recorded Lighthouse performance score of 95.

More Case Studies

Tezera Yared Ministries

Tezera Yared Ministries needed a focused website for sharing teachings, ministry resources, events, books, and projects. We created a refined, media-led platform that communicates the ministry's story and makes its growing content easier to explore.

Web development
Design
Media
Website

Rev. Dr. Tezera Yared

We built a sermon and teaching platform for Rev. Dr. Tezera Yared, giving followers organized, on-demand access to messages on mobile and the web.

Mobile development
Web development
Media
Streaming

Mezmur

We built Mezmur, a worship music app that gathers Protestant Mezmur songs in one organized library, with streaming and offline listening.

Mobile development
Custom development
Media
Streaming

All case studies

Before Signing: Questions Every Client Should Ask

Questions about your next website project.

Yes. Your company owns the domain, and registration is managed through your company email.

Yes. We configure and deploy the project through accounts under your email during development, so you have control from the start.

Yes. We help create your GitHub account under your email, connect to your repository, and work from there. Your project lives in your repository during development; source-code transfer is part of handover.

Yes. Your company owns the database and website content, with access included in handover.

Yes. You receive full admin access and training. We provide a Google Docs handover document under your email covering account ownership, configuration, deployment, included features, and how to update the website.

Yes. Your accounts, repository, code, database, and documentation allow another developer to take over. Any third-party platform or license terms are identified in the proposal.

Yes. Backups run twice a day. Your handover explains backup storage, retention, and how to restore the website.

45 days after launch. We confirm the support contact and included work in your proposal.

DreamTech takes responsibility for responding to a website hack and handling recovery. The proposal records the incident contact, response process, and ongoing security arrangements.

Yes. Chapa integration is ETB 10,000 and Telebirr integration is ETB 35,000 when needed, each before 15% VAT. Telebirr requires more onboarding and integration testing. The written proposal confirms the checkout flow and final total.

Tell us what you want to build next

Share your goals, users, required platforms, integrations, and launch priorities. The form is preselected for this project type, and you can change it at any time.