Patrick@Optyx got their new other web or app design by running a design contest:
Design a next-gen photo management app
Check out Patrick@Optyx's Other web or app design contest…
Optyx is an AI-assisted photo management app for macOS. Aimed at professional and enthusiast photographers, it automatically groups similar photographs together and rates them according to facial expression, eyes open/closed, sharpness, and exposure. This saves time for photographers and prevents them from manually filtering thousands of photos.
What's your vision?
**Goals of the Redesign** The goal of the redesign is to make the experience less overwhelming by making the UI cleaner. Our early users are confused by the controls of Autogroup and Autocull and put off by the amateurishness of the UI. It's a complicated tool and ideally there are low friction ways for the user to get help on various UI elements and/or reveal more explanations. The app needs to be familiar enough to our users who are used to navigating tools like Lightroom (https://www.adobe.com/products/photoshop-lightroom.html) and Luminar (https://skylum.com/luminar), but also distinct for our slightly different use case (Optyx does not do any editing, just management and tagging). We'd like to see at least 1 glipse of a treatment inspired by material design skinned in a light/white-based theme, but given how almost every other photography tool is dark-themed we expect it might be too difficult to pulloff with all the constraints and will defer to your creativity here. **What Needs Design** There are five primary screens with some UI options that toggle different modes and subpanels. Screenshots have been provided for the current, but *not desired* design. Additionally, everything below is implemented and you can test out the app yourself by downloading http://cdn.eris.ws/optyx/mac/x64/Optyx-beta.dmg. All functionality in the application will need a place in the new design but layout and placement are flexible, so no need to feel constrained by what's there. Views 1 - Shoot Selector - Create mode - Edit mode 2 - Empty Shoot View 3 - Photo Grid View - Single image mode - Grouped image mode - Autocull pane - Autogroup pane - Metadata pane - Detail pane 4 - Photo Solo View - Single image mode - Grouped image mode - Autocull pane (duplicate from 2) - Autogroup pane (duplicate from 2) - Metadata pane (duplicate from 2) - Detail pane (duplicate from 2) 5 - Autocull profile editor Other Miscellaneous UI elements - Photo grid item, this is the single most important UI element and the most complicated, see more below. - Job progress monitor - Confirmation Modal - Warning messages **Photo Grid Item** The photo grid item is the most central piece for communicating information to the photographer and the most complicated. Each photo has several properties that can all be in different combinations of states. Additionally, there can be groups of photos that are in mixed states represented by a single grid item. The properties and available states are enumerated below. - Photo thumbnail: this is the preview of the image itself, it is sometimes unavailable depending on the "Filesystem status", in the case of groups, all photos in the group should look fairly similar and 1 thumbnail is typically picked to show. - Filesystem status: communicates the app's ability to read the image file, can be "Normal" (no indicator), "Error", "In Progress", or "Partial" (subreason given via hover text). - Grouped status: communicates whether the photo is part of a group or not, the number of other photos in the group and the properties of the other photographs in the group should somehow be communicated here. - Selection status: communicates if the photo is currently selected and whether actions will affect it or not. There are two levels to the selection. The first is if the photo is included in the multi-selection and the second is if the photo is the primary item selected. Only one grid item can be the primary item selected at a time. - Management status: communicates if the photo can be automatically modified by the app or not. There are several levels of management status. Fully automatic, manual metadata-automatic grouping, manual grouping-automatic metadata, fully manual, and fully locked from all changes. - Rating: numeric rating 1-5, usually depicted as stars - Color: color label one of Blue, Red, Yellow, Green, Purple, usually depicted as solid color squares **Missing Implementation But Want Designed** - More complex filters - Shoot breadcrumbs (some way to navigate back to Shoot selector from other views) **Design Constraints** The primary design constraint is around the grid view. In order to ensure smooth scrolling, the grid view must contain a contiguous border of some sort to separate grid elements. In other words, due to performance constraints, the grid of photos cannot be a set of cards/separated by negative space/variable size. The grid must be a literal grid with borders separating each cell that is a square of the exact same size. This way when the user scrolls they will be able to see that there are grid cells while the photos are loading. Also note that photo thumbnails cannot be full bleed because a photographer needs to be able to easily distinguish portrait from landscape shots. Here is an example of what it looks like currently when scrolled before the photos start to load. https://imgur.com/a/1TqGUCl I realize this is limiting, but it has an enormous impact on the perceived sluggishness of the UI and cannot really be easily worked around, so thank you for your understanding. **Particular Opportunities for Improvement** - Autogroup pane Boring and ugly stock form elements, overwhelming options I do not like the current sliders, circles feel too big and the whole thing feels cluttered. Would love some creativity here. - Autocull pane Boring and ugly stock form elements, ugly warnings - Toolbar for controlling view/filter/sort Cluttered and the ability to switch between grouping after changing autogroup options is cumbersome. Additionally the dropdowns for filtering and sorting are far too limiting, would love to see a design that could accommodate multiple filters, multiple sort settings, etc. - Autocull edit modal Boring and ugly stock form elements and difficult to read actions - Grouped photo grid item Unclear how to communicate mixed state photos in a group, i.e. some are locked but others are automatic, etc Management state is particularly difficult to communicate concisely **Contest Flow** Phase 1: Just the "Photo Grid View - Grouped Image Mode" Autocull/Autogroup panes need to be designed. A mix of photo grid item states should be present *including at least one group and 1 photo management state*, but don't worry about all of them. Phase 2: Finalists will incorporate feedback and design rest of the views including concepts for all photo grid item properties. Phase 3: Final round of feedback and winner selection.
Brand Colors: #4c356b #aaa #fff Brand Fonts: Montserrat Semibold (Logo), Raleway (Marketing headline copy), Lucida Sans (App text), but open to suggestions for App text and would probably prefer Roboto Icons: We love Font Awesome and have a Font Awesome Pro license, please use iconography from it when possible :) (https://fontawesome.com/icons?d=gallery) App Download Link: http://cdn.eris.ws/optyx/mac/x64/Optyx-beta.dmg Inspiration and Similar Tools in Space: https://www.adobe.com/products/photoshop-lightroom.html https://skylum.com/luminar Formats: Ownership of a Figma File/Project is also an acceptable deliverable format provided we maybe duplicate the File into our own account.
$1,599 Gold package
Every design category has flexible pricing for all budgets. Other web or app design starts at $599.
Full copyright with production-ready files for digital and/or print.
It all began with a design brief.
A quick, interactive guide helped them understand their design style and captured exactly what they needed in their other web or app design.
Designers across the globe delivered design magic.
Patrick@Optyx collaborated with designers to refine their ideas
When design entries come in, you can rate them so designers know what you’re looking for in your logo design.
99designs has great collaboration tools so you can pinpoint and capture your ideas
And then… they selected a winner!
Along the way, they met lots of talented designers…
We think contests are a super fun way to get design.
Recently completed contests:
We are a subscription video service delivering educational videos on the web an via our app. Our website is www.deenstre
COMPANY’S CORE BUSINESS: Digital Transformation Consulting Audience: Executives of Medium or large organizations who st
Intelligent vehicle monitoring
Vidgeos is the first innovative video app with new video creation technology, enabling users to create 'smart videos' th