Responsive Website Design | Cormac Fee Design | Belfast

Book a consultation

hi@cormacfeedesign.com

Branding Design

UX Research

UI Design

about this project

This project was particularly exciting as I was able to create an e-commerce business and brand identity from scratch.

Click on the image to interact with the Shüno Responsive Website Desktop prototype. Best viewed in 'full screen' mode.

Presentation slide titled

Project overview slide with product details, website mockups, and project duration.

Project overview slide with orange gradient background, two circular icons, and text: The problem & The goal.

Project overview slide with an orange background, lists roles and responsibilities.

Orange slide

User research summary slide. Discusses user interviews and empathy maps for young adults collecting fashionable footwear.

Slide on user research pain points, with 3 numbered sections: Navigation, Dependability, and Availability and Accuracy.

User persona: Denis, a man wearing sneakers. He is goal-oriented and values confidence in his footwear.

User journey map in orange, mapping user's experience, with the steps of a client in blue, white, and gray.

Sitemap with text and a diagram showing website structure, with orange and blue hues.

Slide showing paper wireframes with text and sketches; orange background.

Paper wireframes illustrating responsive design on various screen sizes.

Digital wireframe of a website. Shows navigation, search, featured product sections, and menu icons.

Digital wireframe variations of a website on a desktop and a mobile device, featuring product details and a call to action.

A low-fidelity prototype diagram showing a website's user flow for adding an item to a cart and checking out.

Orange slide titled

Usability study findings: Two rounds of findings, with user needs, purchase flow, and add-to-basket confirmation.

Refining the design - bullet points: Mockups, High-fidelity prototype, and Accessibility on an orange background.

Mockups of a website, before and after a usability study, with a green button added for the

Four desktop mockups of a shoe website showcasing product listings, hero images, and a shopping cart view.

Mockups of a website layout, showcasing screen size variations. Includes a shoe product page design for mobile and tablet.

High-fidelity prototype design diagram, featuring user flow connections and design elements on an orange background.

Accessibility considerations: numbered boxes detail providing alt text, using clear icons, and employing contrasting colors.

Orange slide with

Takeaways: Slide with two points. Impact: App for footwear fashion. What I learned: Smallest design changes = a huge impact.

Orange slide with the title

Related Projects

Two phones displaying a teal music app: a login screen and a song-playing screen with album art.

Laptop and tablet displaying educational content: a circular infographic and progress tracking interface.

Shopify migration, website redesign, and SEO services promoted with mockups of phones and tablets.

+44 7729949468
Beechill Road, Belfast

BT8 7PU
hi@cormacfeedesign.com
cormacfeedesign.com

Copyright Cormac Fee Design 2025

Share by: