![](https://assets-global.website-files.com/6650bc1cc94f66c6b71224bf/665101116bc5809dfe09e38d_Frame%2041v2.png)
![](https://assets-global.website-files.com/6650bc1cc94f66c6b71224bf/6651016c2dde95d0a6732ead_home.png)
![](https://assets-global.website-files.com/6650bc1cc94f66c6b71224bf/6651017e56ce162e6c661d97_registration.png)
![](https://assets-global.website-files.com/6650bc1cc94f66c6b71224bf/66510176475272d38d0199d3_product%20detail.png)
![](https://assets-global.website-files.com/6650bc1cc94f66c6b71224bf/66511790c09e13e206dcd1b1_Style%20Tile%20(NEW).png)
A fresher take on a project that was originally submitted on March 27, 2022 for Designlab's UX Academy Foundations course (see below)
Initial Logo Sketch
Design Brief
Modura is a new eCommerce clothing brand designed for trendy men and women aged 18 to 25. These individuals are early in their careers and looking for an affordable solution for business casual clothing to wear to their jobs in urban areas.
Modura's target audience is fashion-forward and conscious of trends. They dress for the jobs they want without appearing overdressed. Develop sketches of 3-4 distinctly different logo directions for Modura.
![](https://assets-global.website-files.com/6650bc1cc94f66c6b71224bf/6650cce647fe96dcfc597646_6-3%20sketch.png)
Digitized Logo
Design Brief
Choose two concepts to digitize.
Create a “master” digital version of your logo design. Once that’s ready, create the following responsive configurations of your logo:
- Large: This might be your logomark and wordmark together. Consider different ways they could be combined—for example, horizontally and vertically.
- Medium: This option might use just a wordmark on its own.
- Small: This might be a version that’s just the logomark, or, if you're using a wordmark, perhaps it’s the first letter of the wordmark.
![](https://assets-global.website-files.com/6650bc1cc94f66c6b71224bf/6650cdf3f3faff66e00d1248_digitized_1.png)
![](https://assets-global.website-files.com/6650bc1cc94f66c6b71224bf/6650ce00303588c8f50acdf2_digitized_2.png)
Icon Set Design
Design Brief
Create a set of 4 or more icons for use in a future Modura app.
![](https://assets-global.website-files.com/6650bc1cc94f66c6b71224bf/6650ceef58c2f9d04a3f1976_iconset_1.png)
![](https://assets-global.website-files.com/6650bc1cc94f66c6b71224bf/6650cfd78c62a1488f38abfb_iconset_2.png)
Color Palette
Design Brief
Develop two color style sets for the Modura brand. In each color style set, you’ll need to choose the following:
- Primary palette: The most prominent color(s) that will be displayed across your website or app's screens.
- Secondary palette: Provides more ways to accent and distinguish your product. They should be applied sparingly to accent select parts of your UI. Secondary colors can also be referred to as the highlight, action, or accent colors.
- Neutral palette: Used for page backgrounds and text/body copy.
![](https://assets-global.website-files.com/6650bc1cc94f66c6b71224bf/6650e61128a33c6978bd6454_Color%20Palette%201%20(Earthy)_NOTJUSTIFIED.png)
![](https://assets-global.website-files.com/6650bc1cc94f66c6b71224bf/6650e61cc2386bae8c7e2ad9_Color%20Palette%202%20(Bold)_NOTJUSTIFIED.png)
Typeface
Design Brief
Develop two different font pairing options for the Modura mobile app.
![](https://assets-global.website-files.com/6650bc1cc94f66c6b71224bf/6650e7cce385d058112ad8a8_Font%20Typeface%20(Minimal)_NOTJUSTIFIED.png)
![](https://assets-global.website-files.com/6650bc1cc94f66c6b71224bf/6650e7dc4245da0523924aba_Font%20Typeface%20(Bold)_NOTJUSTIFIED.png)
Style Tile
Design Brief
Create a style tile for Modura.
Your style tiles should include some or all of the following:
- logo
- brand keywords
- color style set (including HEX or RGB codes and the purpose of each color)
- typography (fonts, sizes, styles, and how to use each one)
- photography style or photo treatment guidelines
- icons and illustration style
![](https://assets-global.website-files.com/6650bc1cc94f66c6b71224bf/6650e565b60ac6d343cfc605_styletile.png)
Mobile App Screens
Design Brief
Design three sample screens for the Modura app.
Choose any three from the following screens:
- Sign in/Sign up
- Home screen showing latest offers on garments
- Screen showing details of an individual item of clothing
- Search results page
- Account settings screen
![](https://assets-global.website-files.com/6650bc1cc94f66c6b71224bf/6650ea0281abc69ac0c509ec_Frame%2053.png)
Screen 2: Photo by Sasha Kim on Pexels | Reward icon by Icons8 | Discount icon by Icons8 | Gift icon by Icons8
Screen 3: Flip backward icon by Untitled UI | Menu icon by Untitled UI | Heart icon by Icons8 | Share icon by Icons8 | Photo by Mikhail Nilov from Pexels | Star icon by Icons8iPhone Status Bar & iPhone Mockups by Gaurav Kumar on Figma